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