steffo/bluelib
steffo/bluelib
1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-22 11:34:21 +00:00
Code Activity

glass: Wrap in a @supports CSS guard

Browse source 
To prevent Safari from drawing background-less panels
This commit is contained in:
Steffo 2022-10-11 11:57:43 +02:00
parent 892ae7055b
commit 178a4ec54c
1 changed files with 43 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/rules/glass.less
View file

@ -9,6 +9,9 @@
--b-panel-blur: 16px; --b-panel-blur: 16px;
} }
// Ensure that browsers not supporting backdrop-filter do not apply this style
@supports (backdrop-filter: blur(var(--b-panel-blur))) {
@{panel}, @{table}@{panel} > @{table-caption} { @{panel}, @{table}@{panel} > @{table-caption} {
background-color: .hsl-group(background; 0.3)[@c]; background-color: .hsl-group(background; 0.3)[@c];
backdrop-filter: backdrop-filter:
@ -62,4 +65,6 @@
background-color: .hsl-group(todo-background)[@c]; background-color: .hsl-group(todo-background)[@c];
} }
} }
}
} }