write in “normal” capitalization, but apply lowercase text-transform
[~bandali/bndl.org] / style.css
... / ...
CommitLineData
1/* for old browsers */
2article, aside, footer, header, nav, section {
3 display: block;
4}
5
6body {
7 font-family: FreeSans, sans-serif;
8 text-transform: lowercase;
9 line-height: 1.4;
10 padding: 1em;
11}
12
13main {
14 margin: auto;
15 max-width: 38em;
16}
17
18main > header {
19 margin-bottom: 1em;
20}
21
22#title {
23 font-size: 2.1em;
24 font-weight: normal;
25 margin-bottom: 0;
26}
27#title:after {
28 content: ".org";
29 color: #dadada;
30}
31#subtitle {
32 display: inline;
33 font-weight: normal;
34 font-size: 1.2em;
35 color: #444;
36}
37
38a {
39 text-decoration: none;
40 outline: 0;
41}
42
43article h3 {
44 font-weight: normal;
45 color: #777;
46}
47
48code {
49 font-size: 1.15em;
50 text-transform: none;
51}
52
53table td {
54 padding: 0 0.3em;
55}
56table td:first-child {
57 padding-left: 0;
58}
59table td:last-child {
60 padding-right: 0
61}
62
63nav ul {
64 list-style-type: none;
65 padding: 0;
66}
67nav li {
68 display: inline;
69}
70nav li:after {
71 content: "\00a0\00b7";
72}
73nav li:last-child:after {
74 content: "";
75}
76
77main {
78 display: grid;
79 grid-template-columns: auto 38em auto;
80 grid-column-gap: 1.5em;
81 grid-row-gap: 1em;
82}
83
84main > h3 {
85 grid-column: 1;
86 text-align: right;
87 font-size: 1em;
88 font-weight: normal;
89}
90
91main > header, main > section {
92 grid-column: 2;
93}
94
95main > h3, ul:first-child {
96 margin-top: 0;
97 margin-bottom: 0;
98}
99p:first-child {
100 margin-top: 0;
101}
102p:last-child {
103 margin-bottom: 0;
104}