| 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 | } | ||||