git ssb

1
module.exports = () => `
2
.tabs {
3
  display: flex;
4
  width: 800px;
5
  margin: 0 auto;
6
  box-sizing: border-box;
7
}
8
.tabs.big {
9
}
10
.tabs.small {
11
  margin-bottom: 1em;
12
  border: 1px solid #ccc;
13
  border-top: 0;
14
}
15
16
.tabs > div {
17
  position: relative;
18
  flex: 1;
19
  text-align: center;
20
}
21
.tabs.big > div {
22
  border: 1px solid #ccc;
23
  border-right: 0;
24
  background: #F9F7F6;
25
}
26
.tabs.big > div:last-child {
27
  border-right: 1px solid #ccc;
28
}
29
.tabs.big > div.current {
30
  background: #fff;
31
  border-bottom: 0;
32
}
33
34
.tabs > div a {
35
  display: inline-block;
36
  font-weight: 300;
37
  color: #777;
38
  padding: 0.4em 1.2em ;
39
  text-decoration: none;
40
}
41
.tabs.big > div a {
42
  display: block;
43
  font-size: 2em;
44
  color: gray;
45
}
46
.tabs > div.current a {
47
  color: #444;
48
}
49
.tabs.small > div a {
50
  padding: 1em 0;
51
}
52
.tabs.small > div.current a:before {
53
  content: '\\25b6 ';
54
  margin-right: 5px;
55
}
56
.tabs > div a:hover {
57
  color: #333;
58
}
59
`