Browse Source

use more native tags in main.scss

master
Alexander Avery 9 months ago
parent
commit
af5f358d62
  1. 22
      assets/sass/main.scss

22
assets/sass/main.scss

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

Loading…
Cancel
Save