git ssb

2+

cel / scuttlebot.io



Tree: eedd3e12be4658709953cc735438aec88a79819e

Files: eedd3e12be4658709953cc735438aec88a79819e / tmpl / css / tabs.part.js

905 bytesRaw
1module.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