Files: eedd3e12be4658709953cc735438aec88a79819e / tmpl / css / index.css.js
2057 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 | blockquote { |
30 | color: gray; |
31 | border-left: 8px solid #ddd; |
32 | margin-left: 0; |
33 | padding-left: 1em; |
34 | } |
35 | |
36 | code, pre { |
37 | font-family: 'Source Code Pro', monospace; |
38 | background: #F5F2F0; |
39 | border-radius: 2px; |
40 | } |
41 | pre { |
42 | font-size: 14px; |
43 | padding: 0.5em; |
44 | } |
45 | code { |
46 | color: #555; |
47 | padding: 0 0.5em; |
48 | font-size: 0.9em; |
49 | } |
50 | pre code { |
51 | white-space: pre-wrap; |
52 | padding: 0; |
53 | } |
54 | |
55 | p { |
56 | line-height: 1.5; |
57 | } |
58 | ul p { |
59 | margin: 0; |
60 | } |
61 | |
62 | a { |
63 | text-decoration: none; |
64 | } |
65 | a:hover { |
66 | text-decoration: underline; |
67 | } |
68 | |
69 | hr { |
70 | border: 0; |
71 | border-bottom: 1px solid #ddd; |
72 | } |
73 | |
74 | .nav-content-unit { |
75 | display: flex; |
76 | width: 800px; |
77 | margin: 0px auto; |
78 | box-sizing: border-box; |
79 | border: 1px solid #ccc; |
80 | box-shadow: 0 2px 3px rgba(0,0,0,0.05); |
81 | } |
82 | .nav-content-unit.nonav { |
83 | border-top: 0; |
84 | } |
85 | |
86 | .content { |
87 | max-width: 540px; |
88 | flex: 1; |
89 | padding: 2em 1em 2em 2em; |
90 | } |
91 | .nonav .content { |
92 | max-width: 800px; |
93 | padding: 0; |
94 | } |
95 | .content > :first-child { |
96 | padding-top: 0; |
97 | margin-top: 0; |
98 | } |
99 | |
100 | .footer { |
101 | display: flex; |
102 | width: 800px; |
103 | margin: 0px auto 80px; |
104 | } |
105 | .footer-section { |
106 | list-style: none; |
107 | padding: 1.5em 2em; |
108 | margin: 0; |
109 | } |
110 | .footer-section li { |
111 | line-height: 1.9; |
112 | } |
113 | .footer-section li:first-child { |
114 | text-transform: uppercase; |
115 | font-size: 0.8em; |
116 | font-weight: bold; |
117 | color: #555; |
118 | } |
119 | .footer-section p { |
120 | color: gray; |
121 | margin: 0; |
122 | } |
123 | .footer-section a { |
124 | text-decoration: none; |
125 | color: gray; |
126 | font-weight: 300; |
127 | } |
128 | .footer-section a:hover { |
129 | color: #555; |
130 | } |
131 | |
132 | ${ require('./com.part')() } |
133 | ${ require('./hero.part')() } |
134 | ${ require('./tabs.part')() } |
135 | ${ require('./nav.part')() } |
136 | ${ require('./columns.part')() } |
137 | ${ require('./cards.part')() } |
138 | ` |
Built with git-ssb-web