t_post.scss - andersdamsgaard.com - my photography webpage
(HTM) git clone git://src.adamsgaard.dk/andersdamsgaard.com
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) Submodules
(DIR) README
(DIR) LICENSE
---
t_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 }