pineafan | ff3d452 | 2022-05-06 19:51:02 +0100 | [diff] [blame] | 1 | .icon { |
2 | height: 32px; | ||||
3 | margin: 0; | ||||
4 | padding: 0; | ||||
5 | width: 32px; | ||||
6 | } | ||||
pineafan | 15b813d | 2022-02-13 10:06:09 +0000 | [diff] [blame] | 7 | |
pineafan | ff3d452 | 2022-05-06 19:51:02 +0100 | [diff] [blame] | 8 | .container { |
pineafan | 15b813d | 2022-02-13 10:06:09 +0000 | [diff] [blame] | 9 | position: fixed; |
10 | top: 0; | ||||
pineafan | ff3d452 | 2022-05-06 19:51:02 +0100 | [diff] [blame] | 11 | display: flex; |
12 | justify-content: left; | ||||
13 | align-items: center; | ||||
14 | flex-direction: row; | ||||
15 | gap: 10px; | ||||
16 | |||||
17 | height: 42px; | ||||
18 | padding: 5px; | ||||
19 | padding-left: 25px; | ||||
20 | |||||
21 | z-index: 69; | ||||
22 | } | ||||
23 | |||||
24 | .divider { | ||||
25 | height: 100%; | ||||
26 | width: 3px; | ||||
27 | border-radius: 100vh; | ||||
28 | background-color: #424242; | ||||
29 | } | ||||
30 | |||||
31 | .skipNav { | ||||
32 | width: 0%; | ||||
pineafan | 15b813d | 2022-02-13 10:06:09 +0000 | [diff] [blame] | 33 | overflow: hidden; |
pineafan | ff3d452 | 2022-05-06 19:51:02 +0100 | [diff] [blame] | 34 | color: white; |
35 | max-lines: 1; | ||||
36 | text-overflow: clip; | ||||
37 | -webkit-line-clamp: 1; | ||||
38 | height: 20px; | ||||
39 | transition: width 0.3s ease-in-out; | ||||
pineafan | 15b813d | 2022-02-13 10:06:09 +0000 | [diff] [blame] | 40 | } |
41 | |||||
pineafan | ff3d452 | 2022-05-06 19:51:02 +0100 | [diff] [blame] | 42 | .skipNav:focus { |
43 | width: 100%; | ||||
44 | overflow: auto; | ||||
45 | } |