git ssb

1
var fonts = require('./fonts.part')
2
var com = require('./com.part')
3
4
module.exports = () => `
5
${fonts.sourceCodePro()}
6
${fonts.sourceSansPro()}
7
8
body {
9
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
10
}
11
12
h1, h2, h3, h4, h5 {
13
  font-weight: normal;
14
}
15
h1 small {
16
  font-weight: 300;
17
}
18
19
code, pre {
20
  font-family: 'Source Code Pro', monospace;
21
}
22
23
a {
24
  text-decoration: none;
25
}
26
a:hover {
27
  text-decoration: underline;
28
}
29
30
.hero {
31
  width: 500px;
32
  margin: 0 auto;
33
  text-align: center;
34
}
35
.hero.small img {
36
  display: inline-block;
37
  width: 60px;
38
  height: 60px;
39
  vertical-align: middle;
40
}
41
.hero.big {
42
  margin-bottom: 80px;
43
}
44
45
.tabs {
46
  display: flex;
47
  width: 800px;
48
  margin: 0 auto;
49
  box-sizing: border-box;
50
}
51
.tabs > div {
52
  position: relative;
53
  flex: 1;
54
  text-align: center;
55
}
56
.tabs > div:last-child {
57
  border: 0;
58
}
59
.tabs > div a {
60
  display: inline-block;
61
  font-weight: 300;
62
  color: #777;
63
  padding: 0.4em 1.2em ;
64
  text-decoration: none;
65
}
66
.tabs > div.current a {
67
  color: #444;
68
}
69
.tabs > div.current a:before {
70
  content: '\\25b6 ';
71
72
  margin-right: 5px;
73
}
74
.tabs > div a:hover {
75
  color: #333;
76
}
77
78
.nav-content-unit {
79
  display: flex;
80
  width: 800px;
81
  margin: 0px auto;
82
  border: 1px solid #ddd;
83
  box-shadow: 0 2px 3px rgba(0,0,0,0.05);
84
  box-sizing: border-box;
85
}
86
87
.nav {
88
  background: #fafafa;
89
  flex: 0 0 210px;
90
  list-style: none;
91
  padding: 0;
92
  margin: 0;
93
  border-right: 1px solid #ccc;
94
}
95
.nav li {
96
  margin: 0.5em;
97
  border-bottom: 1px solid #ddd;
98
}
99
.nav li.current:before {
100
  content: '\\2022';
101
  padding-left: 0.5em;
102
}
103
.nav li:last-child {
104
  border-bottom: 0
105
}
106
.nav li a {
107
  display: inline-block;
108
  color: #555;
109
  padding: 0.5em 0.5em 1em 0.5em;
110
  text-decoration: none;
111
}
112
.nav li a:hover {
113
  color: #999;
114
}
115
116
.content {
117
  flex: 1;
118
  padding: 2em 1em 2em 2em;
119
}
120
.content > :first-child {
121
  padding-top: 0;
122
  margin-top: 0;
123
}
124
125
.footer {
126
  display: flex;
127
  width: 800px;
128
  margin: 0px auto 80px;  
129
}
130
.footer-section {
131
  list-style: none;
132
  padding: 1.5em 2em;
133
  margin: 0;
134
}
135
.footer-section li {
136
  line-height: 1.9;
137
}
138
.footer-section li:first-child {
139
  text-transform: uppercase;
140
  font-size: 0.8em;
141
  font-weight: bold;
142
  color: #555;
143
}
144
.footer-section p {
145
  color: gray;
146
  margin: 0;
147
}
148
.footer-section a {
149
  text-decoration: none;
150
  color: gray;
151
  font-weight: 300;
152
}
153
.footer-section a:hover {
154
  color: #555;
155
}
156
157
${ com() }
158
`