git ssb

1
module.exports = () => `
2
a.cta {
3
  display: inline-block;
4
  padding: 0.25em 0.75em;
5
  background: #4E9121;
6
  background: linear-gradient(to bottom, #4E9121, #43801A);
7
  color: #fff;
8
  font-size: 1.5em;
9
  font-weight: 300;
10
  border-radius: 1px;
11
  margin: 0.5em 0;
12
  box-shadow: 1px 2px 3px rgba(0,0,0,0.2);
13
  transition: opacity 0.2s, box-shadow 0.2s;
14
}
15
a.cta:hover {
16
  text-decoration: none;
17
  opacity: 0.95;
18
  box-shadow: 2px 4px 6px rgba(0,0,0,0.4);
19
}
20
a.cta.dark {
21
  background: #666;
22
  background: linear-gradient(to bottom, #666, #555);
23
}
24
25
.next:before {
26
  content: 'Next: ';
27
}
28
29
.see-also {
30
  padding: 0;
31
  margin: 2em 0 0;
32
  list-style: none;
33
}
34
.see-also:before {
35
  content: 'See also';
36
  font-size: 0.8em;
37
  font-weight: bold;
38
  color: #555;
39
  text-transform: uppercase;
40
}
41
.see-also li {
42
  margin-left: 1em;
43
  padding: 0.25em 0.25em 0;
44
}
45
46
.code-examples {
47
  max-width: 540px;
48
}
49
.code-examples .head {
50
  display: flex;
51
  color: #333;
52
}
53
.code-examples .tab {
54
  cursor: pointer;
55
  padding: 0.1em 0.75em;
56
  border-top-left-radius: 2px;
57
  border-top-right-radius: 2px;
58
}
59
.code-examples .tab:hover {
60
  background: #F9F7F6;
61
}
62
.code-examples .tab.current {
63
  background: #F3EFEC;
64
  color: black;
65
  text-shadow: 0 1px white;
66
}
67
.code-examples .body {
68
  border: 1px solid #ccc;
69
  padding: 1em;
70
  background: #F5F2F0;
71
  box-shadow: 0 2px 3px rgba(0,0,0,0.05);
72
}
73
.code-examples pre {
74
  display: none;
75
  margin: 0 !important;
76
  padding: 0 !important;
77
}
78
.code-examples pre.current {
79
  display: block;
80
}
81
82
.table-of-contents > a {
83
  display: inline-block;
84
  float: right;
85
  border: 1px solid #ddd;
86
  border-radius: 3px;
87
  background: #fafafa;
88
  box-shadow: 0 2px 3px rgba(0,0,0,0.05);
89
  padding: 0.25em 0.5em;
90
  text-decoration: none;
91
  color: #555;
92
}
93
.table-of-contents > a:hover,
94
.table-of-contents.expanded > a {
95
  background: #fff;
96
}
97
.table-of-contents ul {
98
  display: none;
99
  list-style: none;
100
}
101
.table-of-contents.expanded ul {
102
  display: block;
103
  padding: 0;
104
  margin: 0;
105
}
106
.table-of-contents ul li:nth-child(even) {
107
  background: #fafafa;
108
}
109
.table-of-contents ul li:hover {
110
  background: #eee;
111
}
112
.table-of-contents ul li a {
113
  display: block;
114
  padding: 0.5em;
115
  color: #555;
116
  text-decoration: none;
117
}
118
119
.choice-widget {
120
  display: flex;
121
  border: 1px solid #ccc;
122
  background: #F5F2F0;
123
  box-shadow: 0 2px 3px rgba(0,0,0,0.05);
124
}
125
.choice-widget a {
126
  flex: 1;
127
  display: block;
128
  color: #333;
129
  text-decoration: none;
130
  padding: 1em 0.5em;
131
  text-shadow: 0 1px white;
132
  text-align: center;
133
}
134
.choice-widget a:hover {
135
  background: #fff;
136
}
137
.choice-widget h2 {
138
  margin-top: 0;
139
}
140
.choice-widget p {
141
  margin-bottom: 0;
142
}
143
.choice-widget a:last-child {
144
  border-left: 1px solid #ccc;
145
}
146
`