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

Create --b-panel-opacity property

Browse source
This commit is contained in:
Steffo 2022-12-28 22:07:11 +01:00
parent 4bea32df62
commit 51d57729ca
Signed by: steffo
GPG key ID: 6965406171929D01
1 changed files with 5 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/rulesets/glass.less
View file

@ -7,20 +7,23 @@
& {
// Sets the backdrop-filter blur radius of all panels
--b-panel-blur: 16px;
// Set the opacity of the glass panels
--b-panel-opacity: 0.075;
}
// 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} {
background-color: .hsl-group(background; 0.3)[@c];
background-color: .hsl-group(background; calc(4 * var(--b-panel-opacity)))[@c];
backdrop-filter:
blur(var(--b-panel-blur))
hue-rotate(calc(var(--bhsl-current-hue) - var(--bhsl-foreground-hue)))
;
@{panel} {
background-color: .hsl-group(current; 0.075)[@c];
background-color: .hsl-group(current; var(--b-panel-opacity))[@c];
backdrop-filter: none;
}
}