|
|
@ -63,7 +63,7 @@ a { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.content-wrapper, .article-meta { |
|
|
|
main { |
|
|
|
max-width: 820px; |
|
|
|
margin: auto; |
|
|
|
@include screen-max(840px){padding: 0px 16px;} |
|
|
@ -87,19 +87,20 @@ a, p, li, h2 { |
|
|
|
font-size: 1.25rem; |
|
|
|
} |
|
|
|
|
|
|
|
main > h2 { |
|
|
|
font-size: 1.3rem; |
|
|
|
} |
|
|
|
|
|
|
|
img { |
|
|
|
object-fit: cover; |
|
|
|
} |
|
|
|
|
|
|
|
img.featured { |
|
|
|
border-radius: 8px; |
|
|
|
max-height: 500px; |
|
|
|
} |
|
|
|
|
|
|
|
.small-text { |
|
|
|
font-size: 1rem; |
|
|
|
} |
|
|
|
|
|
|
|
.article-meta { |
|
|
|
.article-header { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
@ -107,13 +108,8 @@ img { |
|
|
|
flex-wrap: wrap; |
|
|
|
h1 { |
|
|
|
font-size: 2rem; |
|
|
|
} |
|
|
|
img { |
|
|
|
border-radius: 8px; |
|
|
|
} |
|
|
|
img.large-image { |
|
|
|
width: 100%; |
|
|
|
max-height: 500px; |
|
|
|
text-align: center; |
|
|
|
flex-basis: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|