2025-06-25 13:08:50 +03:00
|
|
|
body > nav {
|
|
|
|
|
border-right: 4px solid;
|
2025-10-14 19:40:29 +03:00
|
|
|
color: var(--citrus-dark);
|
|
|
|
|
& summary {
|
|
|
|
|
filter: drop-shadow(2px 0 var(--citrus-dark))
|
|
|
|
|
drop-shadow(-2px 0 var(--citrus-dark))
|
|
|
|
|
drop-shadow(0 2px var(--citrus-dark))
|
|
|
|
|
drop-shadow(0px -2px var(--citrus-dark));
|
|
|
|
|
color: var(--citrus-light);
|
2025-06-25 13:08:50 +03:00
|
|
|
}
|
2025-10-14 19:40:29 +03:00
|
|
|
& a,
|
|
|
|
|
button {
|
|
|
|
|
background: var(--button-bg);
|
|
|
|
|
box-shadow: var(--button-shine);
|
|
|
|
|
border: var(--button-border);
|
|
|
|
|
border-radius: var(--round);
|
|
|
|
|
color: inherit;
|
|
|
|
|
&[aria-current] {
|
|
|
|
|
background: var(--button-current-bg);
|
|
|
|
|
box-shadow: var(--button-current-shine);
|
|
|
|
|
border: var(--button-current-border);
|
|
|
|
|
color: var(--citrus-light);
|
|
|
|
|
}
|
|
|
|
|
&:is(:hover, :focus):not([aria-current="page"]) {
|
|
|
|
|
background: var(--button-hover-bg);
|
|
|
|
|
box-shadow: var(--button-hover-shine);
|
|
|
|
|
border: var(--button-hover-border);
|
|
|
|
|
transition: background-image var(--trans), border-color var(--trans),
|
|
|
|
|
box-shadow var(--trans);
|
|
|
|
|
color: var(--citrus-mix-dark);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
& details,
|
|
|
|
|
details[open] {
|
|
|
|
|
background: var(--details-bg);
|
|
|
|
|
box-shadow: var(--details-shine);
|
|
|
|
|
border: var(--details-border);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
body > nav,
|
|
|
|
|
header {
|
|
|
|
|
background-attachment: fixed;
|
|
|
|
|
background-blend-mode: screen;
|
|
|
|
|
background-image: var(--nav-bg);
|
|
|
|
|
background-size: 6px;
|
|
|
|
|
border-color: var(--citrus-dark);
|
|
|
|
|
}
|
|
|
|
|
header {
|
|
|
|
|
width: var(--view);
|
|
|
|
|
border-right-width: 4px;
|
|
|
|
|
border-right-style: solid;
|
|
|
|
|
border-bottom-width: 4px;
|
|
|
|
|
border-bottom-style: solid;
|
|
|
|
|
border-bottom-right-radius: 100px;
|
|
|
|
|
margin-left: calc(var(--view) - 4px);
|
|
|
|
|
position: relative;
|
|
|
|
|
padding: calc(var(--pad-m) - 2px) var(--pad-sm);
|
2025-06-18 18:38:20 +03:00
|
|
|
}
|
