_post.scss (984B)
1 .post { 2 padding: 3rem 0; 3 4 &-info { 5 color: $default-tint; 6 font-family: $serif-secondary; 7 letter-spacing: 0.5px; 8 text-align: center; 9 10 span { 11 font-style: italic; 12 } 13 } 14 15 &-title { 16 color: $default-shade; 17 font-family: $sans-serif; 18 font-size: 4rem; 19 margin: 1rem 0; 20 text-align: center; 21 } 22 23 &-line { 24 border-top: 0.4rem solid $default-shade; 25 display: block; 26 margin: 0 auto 3rem; 27 width: 4rem; 28 } 29 30 p { 31 margin: 0 0 1rem; 32 text-align: justify; 33 } 34 35 a:hover { 36 text-decoration: underline; 37 } 38 39 img { 40 margin: 0 auto 0.5rem; 41 } 42 43 img + em { 44 color: $default-tint; 45 display: block; 46 font-family: $sans-serif; 47 font-size: 0.9rem; 48 font-style: normal; 49 text-align: center; 50 } 51 52 // CSS for making emoji inline 53 img.emoji { 54 display: inline-block; 55 left: 0; 56 transform: none; 57 width: 1rem; 58 height: 1rem; 59 vertical-align: text-top; 60 padding: 0; 61 margin: 0; 62 } 63 }