clarify
[web.git] / personal / _sass / _base.scss
1
2 /* General Fonts */
3 html, body, div, p {
4     font-family: DejaVu Sans, Verdana, Arial, sans-serif;
5     font-size: 12pt;
6     color: $text-color;
7 }
8 /* Links */
9 a {
10     text-decoration: none;
11     color: $link-color;
12 }
13 a:hover, a:focus {
14     text-decoration: underline;
15 }
16 /* Header Size & Spacing */
17 h1, h2, h3, h4 {
18     color: $text-color;
19
20     a {
21         color: $text-color;
22     }
23 }
24 h1 {
25     margin-top: 0.1em;
26     font-size: 200%;
27     margin-bottom: 0.2em;
28 }
29 h2 {
30     margin-top: 0.5em;
31     font-size: 150%;
32     margin-bottom: 0.2em;
33 }
34 h3 {
35     margin-top: 0.5em;
36     font-size: 130%;
37     margin-bottom: 0.1em;
38 }
39 h4 {
40     margin-top: 0.5em;
41     font-size: 110%;
42     margin-bottom: 0.0em;
43 }
44
45 /* Content styling */
46 .side, .comment {
47     color: $light-text-color;
48
49     a {
50         color: $light-link-color;
51     }
52 }
53
54 figure {
55     margin: 0;
56 }
57 pre, code {
58     background-color: $code-background-color;
59     font-family: monospace;
60     font-size: 82%;
61 }
62 code {
63     padding: 0.1em 0.2em;
64 }
65 pre {
66     padding: 0.6em;
67 }
68 pre code {
69     padding: 0;
70     font-size: 100%;
71 }
72
73 p {
74     margin: 0.5em 0;
75     line-height: 1.3;
76 }
77 li > p {
78     margin: 0;
79 }
80
81 .comment {
82     margin-top: 1.5em;
83 }
84
85 table td, table th {
86     border: 1px solid $light-text-color;
87     padding: 6px 13px;
88     font-weight: normal;
89 }