disable shadow inheritance
This commit is contained in:
parent
17d562b979
commit
c14f88e290
2 changed files with 10 additions and 2 deletions
|
@ -1096,3 +1096,8 @@ option {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@property --shadow {
|
||||||
|
syntax: "*";
|
||||||
|
inherits: false;
|
||||||
|
}
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
Loading…
Add table
Reference in a new issue