Files: 3ed513c33a63c4dec6c04e26770a621df61cc360 / tmpl / css / index.css.js
1945 bytesRaw
1 | module.exports = () => ` |
2 | ${require('./fonts.part').sourceCodePro()} |
3 | ${require('./fonts.part').sourceSansPro()} |
4 | |
5 | body { |
6 | font-family: 'Source Sans Pro', Helvetica, sans-serif; |
7 | } |
8 | |
9 | h1, h2 { |
10 | font-weight: normal; |
11 | } |
12 | h1 small { |
13 | font-weight: 300; |
14 | } |
15 | |
16 | .anchor { |
17 | visibility: hidden; |
18 | margin-left: -23px; |
19 | padding: 0 3px; |
20 | } |
21 | h1:hover .anchor, |
22 | h2:hover .anchor, |
23 | h3:hover .anchor, |
24 | h4:hover .anchor, |
25 | h5:hover .anchor { |
26 | visibility: visible; |
27 | } |
28 | |
29 | code, pre { |
30 | font-family: 'Source Code Pro', monospace; |
31 | background: #F5F2F0; |
32 | border-radius: 2px; |
33 | } |
34 | pre { |
35 | font-size: 14px; |
36 | padding: 0.5em; |
37 | } |
38 | code { |
39 | color: #555; |
40 | padding: 0 0.5em; |
41 | font-size: 0.9em; |
42 | } |
43 | pre code { |
44 | white-space: pre-wrap; |
45 | padding: 0; |
46 | } |
47 | |
48 | p { |
49 | line-height: 1.5; |
50 | } |
51 | ul p { |
52 | margin: 0; |
53 | } |
54 | |
55 | a { |
56 | text-decoration: none; |
57 | } |
58 | a:hover { |
59 | text-decoration: underline; |
60 | } |
61 | |
62 | hr { |
63 | border: 0; |
64 | border-bottom: 1px solid #ddd; |
65 | } |
66 | |
67 | .nav-content-unit { |
68 | display: flex; |
69 | width: 800px; |
70 | margin: 0px auto; |
71 | box-sizing: border-box; |
72 | } |
73 | .nav-content-unit:not(.nonav) { |
74 | border: 1px solid #ddd; |
75 | box-shadow: 0 2px 3px rgba(0,0,0,0.05); |
76 | } |
77 | |
78 | .content { |
79 | max-width: 540px; |
80 | flex: 1; |
81 | padding: 2em 1em 2em 2em; |
82 | } |
83 | .nonav .content { |
84 | max-width: 800px; |
85 | padding: 0; |
86 | } |
87 | .content > :first-child { |
88 | padding-top: 0; |
89 | margin-top: 0; |
90 | } |
91 | |
92 | .footer { |
93 | display: flex; |
94 | width: 800px; |
95 | margin: 0px auto 80px; |
96 | } |
97 | .footer-section { |
98 | list-style: none; |
99 | padding: 1.5em 2em; |
100 | margin: 0; |
101 | } |
102 | .footer-section li { |
103 | line-height: 1.9; |
104 | } |
105 | .footer-section li:first-child { |
106 | text-transform: uppercase; |
107 | font-size: 0.8em; |
108 | font-weight: bold; |
109 | color: #555; |
110 | } |
111 | .footer-section p { |
112 | color: gray; |
113 | margin: 0; |
114 | } |
115 | .footer-section a { |
116 | text-decoration: none; |
117 | color: gray; |
118 | font-weight: 300; |
119 | } |
120 | .footer-section a:hover { |
121 | color: #555; |
122 | } |
123 | |
124 | ${ require('./com.part')() } |
125 | ${ require('./hero.part')() } |
126 | ${ require('./tabs.part')() } |
127 | ${ require('./nav.part')() } |
128 | ${ require('./columns.part')() } |
129 | ${ require('./cards.part')() } |
130 | ` |
Built with git-ssb-web