studio-variable/index-main
4
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

style: reformat SCSS + add pointer-events: none on dimmed header elements

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-02-27 12:03:15 +01:00
parent 03032dcda8
commit e8bd478338
4 changed files with 270 additions and 289 deletions
Download patch file Download diff file Expand all files Collapse all files

49
assets/css/style.css
View file

@ -147,15 +147,6 @@ body.menu-open,
body.is-hidden {
overflow-y: hidden;
}
body.menu-open main, body.menu-open footer, body.menu-open #nav-highlight, body.menu-open .btn--back-to-top, body.menu-open .bottom-bar__inner,
body.is-hidden main,
body.is-hidden footer,
body.is-hidden #nav-highlight,
body.is-hidden .btn--back-to-top,
body.is-hidden .bottom-bar__inner {
transition: opacity 0.3s ease-in;
opacity: 0.1;
}
#site-header {
z-index: var(--z-header);
@ -350,6 +341,16 @@ body.is-hidden .bottom-bar__inner {
display: block;
}
}
body.menu-open #site-header #nav-highlight,
body.menu-open #site-header #nav-investigation,
body.menu-open #site-header #theme-toggle,
body.menu-open #site-header #lang-toggle,
body.menu-open #site-header #menu-toggle {
opacity: 0.15;
pointer-events: none;
transition: opacity 0.3s ease-in;
}
button {
cursor: pointer;
font-family: var(--font);
@ -2590,7 +2591,8 @@ figcaption, .caption {
justify-content: center;
align-items: center;
}
#bottom-bar .btn--download, #bottom-bar .btn--back-to-top {
#bottom-bar .btn--download,
#bottom-bar .btn--back-to-top {
display: none;
}
}
@ -2970,6 +2972,16 @@ figcaption, .caption {
display: block;
}
}
body.menu-open #site-header #nav-highlight,
body.menu-open #site-header #nav-investigation,
body.menu-open #site-header #theme-toggle,
body.menu-open #site-header #lang-toggle,
body.menu-open #site-header #menu-toggle {
opacity: 0.15;
pointer-events: none;
transition: opacity 0.3s ease-in;
}
#site-menu {
position: fixed;
width: var(--menu-w);
@ -3036,6 +3048,18 @@ figcaption, .caption {
padding-bottom: calc(var(--spacing) * 0.75);
}
#menu-overlay {
position: fixed;
inset: 0;
z-index: calc(var(--z-header) - 2);
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.3s ease-in, visibility 0.3s ease-in;
}
body.menu-open #site-menu {
right: 0;
}
@ -3045,6 +3069,11 @@ body.menu-open #menu-toggle .open {
body.menu-open #menu-toggle .close {
display: block !important;
}
body.menu-open #menu-overlay {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#site-footer {
background-color: var(--dark);