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