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 // Sets the backdrop-filter blur radius of all panels
--b-panel-blur: 16px; --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 // Ensure that browsers not supporting backdrop-filter do not apply this style
@supports (backdrop-filter: blur(var(--b-panel-blur))) { @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; calc(4 * var(--b-panel-opacity)))[@c];
backdrop-filter: backdrop-filter:
blur(var(--b-panel-blur)) blur(var(--b-panel-blur))
hue-rotate(calc(var(--bhsl-current-hue) - var(--bhsl-foreground-hue))) hue-rotate(calc(var(--bhsl-current-hue) - var(--bhsl-foreground-hue)))
; ;
@{panel} { @{panel} {
background-color: .hsl-group(current; 0.075)[@c]; background-color: .hsl-group(current; var(--b-panel-opacity))[@c];
backdrop-filter: none; backdrop-filter: none;
} }
} }