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
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
`