git ssb

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
`