Files: 3f20b6a02893dcb23a3239a1e9623b8234222ba7 / app / html / header.mcss
817 bytesRaw
1 | Header { |
2 | nav { |
3 | $navFA |
4 | padding: 1rem 0 |
5 | |
6 | width: 100% |
7 | position: fixed |
8 | top: 0 |
9 | left: 0 |
10 | background: #fff |
11 | |
12 | display: flex |
13 | align-items: center |
14 | |
15 | (a) { |
16 | color: #222 |
17 | margin-right: 1rem |
18 | |
19 | :hover { |
20 | text-decoration: underline |
21 | } |
22 | } |
23 | |
24 | div.back { |
25 | font-size: 1.4rem |
26 | width: 1rem |
27 | padding: 0 0.2em 0 1rem |
28 | border: 1px solid #ddd |
29 | border-radius: 4px |
30 | margin-right: 1rem |
31 | |
32 | :hover { |
33 | $colorPrimary |
34 | border: 1px solid #fff |
35 | } |
36 | } |
37 | |
38 | |
39 | div.tools { |
40 | flex-grow: 1 |
41 | |
42 | $navFA |
43 | |
44 | display: flex |
45 | justify-content: flex-end |
46 | } |
47 | } |
48 | |
49 | |
50 | } |
51 | |
52 | $navFA { |
53 | i { |
54 | font-size: 1.4rem |
55 | color: #b9b9b9 |
56 | margin-right: 1rem |
57 | |
58 | :hover { |
59 | text-decoration: none |
60 | $colorPrimaryFG |
61 | } |
62 | } |
63 | } |
64 |
Built with git-ssb-web