|
1 | 1 | /* header nav */ |
2 | | -[role=banner] nav > ul { display:flex; } |
3 | | -[role=banner] nav > ul > li { flex:1 1 auto; } |
4 | | -[role=banner] nav > ul > li > a { text-align:center; } |
5 | | -[role=banner] nav ul { padding:0; } |
6 | | -[role=banner] nav li { position:relative; } |
| 2 | +[role=banner] nav > ul { display: flex; } |
| 3 | +[role=banner] nav > ul > li { flex: 1 1 auto; } |
| 4 | +[role=banner] nav > ul > li > a { text-align: center; } |
| 5 | +[role=banner] nav ul { padding: 0; } |
| 6 | +[role=banner] nav li { position: relative; } |
7 | 7 | [role=banner] nav a { |
8 | | - padding:.5em 1em; |
9 | | - display:block; |
| 8 | + padding: .5em 1em; |
| 9 | + display: block; |
10 | 10 | } |
11 | 11 | [role=banner] nav li > ul { |
12 | 12 | position: absolute; |
13 | 13 | top: 100%; |
14 | 14 | left: 0; |
15 | 15 | z-index: 1; |
16 | 16 | min-width: 100%; |
17 | | - white-space:nowrap; |
18 | | - transition-duration:.4s; |
19 | | - visibility:hidden; |
20 | | - opacity:0; |
| 17 | + white-space: nowrap; |
| 18 | + transition-duration: .4s; |
| 19 | + visibility: hidden; |
| 20 | + opacity: 0; |
21 | 21 | } |
22 | 22 | [role=banner] nav li:hover > ul , |
23 | 23 | [role=banner] nav li:focus-within > ul { |
24 | | - visibility:visible; |
25 | | - opacity:1; |
| 24 | + visibility: visible; |
| 25 | + opacity: 1; |
26 | 26 | } |
27 | 27 |
|
28 | 28 | /* customize */ |
29 | 29 | [role=banner] nav li > ul { |
30 | | - background-color:rgba(255,255,255,.9); |
31 | | - color:var(--color-text); |
32 | | - -webkit-backdrop-filter:blur(3px); |
33 | | - backdrop-filter:blur(3px); |
| 30 | + background-color: rgba(255,255,255,.9); |
| 31 | + color: var(--color-text); |
| 32 | + -webkit-backdrop-filter: blur(3px); |
| 33 | + backdrop-filter: blur(3px); |
34 | 34 | } |
35 | 35 |
|
36 | 36 | [role=banner] nav li > ul a.cmsActive, |
37 | 37 | [role=banner] nav li > ul a:hover, |
38 | 38 | [role=banner] nav li > ul a:focus-within { |
39 | | - background-color:var(--color); |
40 | | - color:#fff; |
| 39 | + background-color: var(--color); |
| 40 | + color: #fff; |
41 | 41 | } |
0 commit comments