t_base.scss - andersdamsgaard.com - my photography webpage | |
git clone git://src.adamsgaard.dk/andersdamsgaard.com | |
Log | |
Files | |
Refs | |
Submodules | |
README | |
LICENSE | |
--- | |
t_base.scss (902B) | |
--- | |
1 * { | |
2 @include box-sizing; | |
3 line-height: 1.5; | |
4 } | |
5 | |
6 html, | |
7 body { | |
8 color: $default-color; | |
9 margin: 0; | |
10 padding: 0; | |
11 } | |
12 | |
13 html { | |
14 font-family: $serif-primary; | |
15 font-size: 14px; | |
16 overflow-y: scroll; | |
17 | |
18 @media (min-width: 600px) { | |
19 font-size: 16px; | |
20 } | |
21 } | |
22 | |
23 body { | |
24 -webkit-text-size-adjust: 100%; | |
25 } | |
26 | |
27 h1, | |
28 h2, | |
29 h3, | |
30 h4, | |
31 h5, | |
32 h6 { | |
33 color: $default-shade; | |
34 font-family: $sans-serif; | |
35 line-height: normal; | |
36 } | |
37 | |
38 a { | |
39 color: $blue; | |
40 text-decoration: none; | |
41 } | |
42 | |
43 blockquote { | |
44 border-left: .25rem solid $grey-2; | |
45 color: $grey-1; | |
46 margin: .8rem 0; | |
47 padding: .5rem 1rem; | |
48 | |
49 p:last-child { | |
50 margin-bottom: 0; | |
51 } | |
52 | |
53 @media (min-width: 600px) { | |
54 padding: 0 5rem 0 1.25rem; | |
55 } | |
56 } | |
57 | |
58 img { | |
59 display: block; | |
60 margin: 0 0 1rem; | |
61 max-width: 100%; | |
62 } | |
63 | |
64 td { | |
65 vertical-align: top; | |
66 } | |
67 | |
68 .post__thumbnail { | |
69 max-width: 1030px; | |
70 margin: 0 0 20px; | |
71 margin-bottom: 0 0 1.25rem; | |
72 } | |
73 | |
74 .post__thumbnail img { | |
75 width: 100%; | |
76 } | |
77 |