disable shadow inheritance

This commit is contained in:
Henry Jameson 2025-02-12 21:26:05 +02:00
parent 17d562b979
commit c14f88e290
2 changed files with 10 additions and 2 deletions

View file

@ -1096,3 +1096,8 @@ option {
} }
} }
} }
@property --shadow {
syntax: "*";
inherits: false;
}

View file

@ -2,6 +2,7 @@
.panel { .panel {
--__panel-background: var(--background); --__panel-background: var(--background);
--__panel-backdrop-filter: var(--backdrop-filter); --__panel-backdrop-filter: var(--backdrop-filter);
--_shadow: var(--shadow);
.tab-switcher .tabs { .tab-switcher .tabs {
background: var(--__panel-background); background: var(--__panel-background);
@ -29,7 +30,7 @@
left: 0; left: 0;
right: 0; right: 0;
z-index: 5; z-index: 5;
box-shadow: var(--shadow); box-shadow: var(--_shadow);
pointer-events: none; pointer-events: none;
} }
} }
@ -154,11 +155,13 @@
linear-gradient(to bottom, var(--background), var(--background)), linear-gradient(to bottom, var(--background), var(--background)),
linear-gradient(to bottom, var(--__panel-background), var(--__panel-background)); linear-gradient(to bottom, var(--__panel-background), var(--__panel-background));
--_shadow: var(--shadow);
&::after { &::after {
background-color: var(--background); background-color: var(--background);
z-index: -2; z-index: -2;
border-radius: var(--roundness) var(--roundness) 0 0; border-radius: var(--roundness) var(--roundness) 0 0;
box-shadow: var(--shadow); box-shadow: var(--_shadow);
} }
&:not(.-flexible-height) { &:not(.-flexible-height) {