Files: 6df421c40b28e10fe7138c1519f7c78ebb52f470 / tmpl / css / tabs.part.js
784 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 | margin-bottom: 1em; |
10 | } |
11 | |
12 | .tabs > div { |
13 | position: relative; |
14 | flex: 1; |
15 | text-align: center; |
16 | } |
17 | .tabs.big > div { |
18 | border: 1px solid #ccc; |
19 | border-right: 0; |
20 | background: #F9F7F6; |
21 | } |
22 | .tabs.big > div:last-child { |
23 | border-right: 1px solid #ccc; |
24 | } |
25 | .tabs.big > div.current { |
26 | background: #fff; |
27 | } |
28 | |
29 | .tabs > div a { |
30 | display: inline-block; |
31 | font-weight: 300; |
32 | color: #777; |
33 | padding: 0.4em 1.2em ; |
34 | text-decoration: none; |
35 | } |
36 | .tabs.big > div a { |
37 | display: block; |
38 | font-size: 2em; |
39 | color: gray; |
40 | } |
41 | .tabs > div.current a { |
42 | color: #444; |
43 | } |
44 | .tabs.small > div.current a:before { |
45 | content: '\\25b6 '; |
46 | margin-right: 5px; |
47 | } |
48 | .tabs > div a:hover { |
49 | color: #333; |
50 | } |
51 | ` |
Built with git-ssb-web