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