Files: c0c9508d732a53b79ef287fd75268ac0d50dda3a / tmpl / css / tabs.part.js
905 bytesRaw
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 | ` |
Built with git-ssb-web