Files: aed5ebed79d6ab447fb2352806b064238968e9a4 / app / html / header.mcss
928 bytesRaw
1 | Header { |
2 | div.window-controls { |
3 | position: fixed |
4 | right: 0 |
5 | z-index: 100 |
6 | |
7 | display: flex |
8 | |
9 | img { |
10 | padding: .5rem |
11 | cursor: pointer |
12 | :hover { |
13 | filter: drop-shadow(rgba(255, 255, 255, .5) 0 0 2px) |
14 | } |
15 | } |
16 | } |
17 | |
18 | nav { |
19 | $colorPrimary |
20 | padding: 1rem 0 |
21 | |
22 | width: 100% |
23 | height: 1.5rem |
24 | position: fixed |
25 | top: 0 |
26 | z-index: 99 |
27 | |
28 | display: flex |
29 | align-items: center |
30 | justify-content: center |
31 | |
32 | i { |
33 | cursor: pointer |
34 | text-decoration: none |
35 | font-size: 1.4rem |
36 | |
37 | display: flex |
38 | margin: 0 2rem |
39 | } |
40 | |
41 | i { font-size: 1.4rem } |
42 | i.notifications { color: #7da9ea } |
43 | i.fa-bell.notifications { color: #fff } |
44 | i.fa-bell-o { color: #7da9ea } |
45 | i.-disabled { |
46 | filter: opacity(.4) |
47 | cursor: not-allowed |
48 | } |
49 | |
50 | (a) { |
51 | color: #222 |
52 | margin-right: 1rem |
53 | |
54 | :hover { |
55 | text-decoration: underline |
56 | } |
57 | } |
58 | } |
59 |
Built with git-ssb-web