fixed / absolute contect
This commit is contained in:
parent
97f05f00c7
commit
887f014047
1 changed files with 7 additions and 3 deletions
|
|
@ -1,7 +1,12 @@
|
||||||
@media (scripting: enabled) {
|
@media (scripting: enabled) {
|
||||||
.mainnav {
|
.mainnav {
|
||||||
|
--nav-position: absolute;
|
||||||
|
inset-inline-end: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mainnav:has([aria-expanded='true']) {
|
||||||
--nav-position: fixed;
|
--nav-position: fixed;
|
||||||
inset-inline-end: 1em;
|
inset-inline-end: var(--gap);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainnav ul {
|
.mainnav ul {
|
||||||
|
|
@ -59,10 +64,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainnav svg {
|
.mainnav svg {
|
||||||
block-size: 2ex;
|
|
||||||
inline-size: auto;
|
inline-size: auto;
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
stroke-width: 2.5;
|
stroke-width: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainnav [aria-expanded='true'] svg {
|
.mainnav [aria-expanded='true'] svg {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue