ASCII text
1
x-notebook > x-tab {
2
display: none;
3
order: 2;
4
width: 100%;
5
}
6
x-notebook > label:has(input[type="radio"]:checked) + x-tab {
8
display: block;
9
}
10
x-notebook > label > input[type="radio"] {
12
display: none !important;
13
}
14
x-notebook > label {
16
display: flex;
17
background: var(--color-tab);
18
color: var(--color-tab-text);
19
height: var(--height-tab);
20
min-width: var(--width-tab);
21
justify-content: var(--align-tab);
22
23
cursor: pointer;
24
border: var(--border-tab);
25
border-radius: var(--radius-tab);
26
}
27
x-notebook > label:hover {
29
background: var(--color-tab-hover);
30
color: var(--color-tab-hover-text);
31
}
32
x-notebook > label:has(input[type="radio"]:checked) {
34
background: var(--color-tab-selected);
35
color: var(--color-tab-selected-text);
36
border: var(--border-tab-selected);
37
}
38
x-notebook > label:has(input[type="radio"]:checked):hover {
40
background: var(--color-tab-hover-selected);
41
color: var(--color-tab-hover-selected-text);
42
}
43
x-notebook {
45
display: flex;
46
flex-flow: row wrap;
47
justify-content: var(--justify-tab-row);
48
}
49