steffo/festa
steffo/festa
1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-22 22:54:22 +00:00
Code Activity

Move postcard filters to postcard.css

Browse source
This commit is contained in:
Steffo 2022-06-08 04:53:52 +02:00
parent 599fa117cd
commit 02df4ae841
Signed by: steffo
GPG key ID: 6965406171929D01
2 changed files with 7 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
styles/color-schemes.css
View file

@ -15,10 +15,6 @@
--warning: #ffff88; --warning: #ffff88;
} }
.postcard {
filter: blur(7px) contrast(50%) brightness(50%);
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root, :host { :root, :host {
@ -36,8 +32,4 @@
--negative: #880000; --negative: #880000;
--warning: #666600; --warning: #666600;
} }
.postcard {
filter: blur(7px) contrast(25%) brightness(175%);
}
} }

7
styles/components/postcard.css
View file

@ -6,6 +6,7 @@
background-size: cover; background-size: cover;
background-position: 50% 50%; background-position: 50% 50%;
z-index: -1; z-index: -1;
filter: blur(7px) contrast(50%) brightness(50%);
position: fixed; position: fixed;
top: 0; top: 0;
@ -15,6 +16,12 @@
pointer-events: none; pointer-events: none;
} }
@media (prefers-color-scheme: light) {
.postcard {
filter: blur(7px) contrast(25%) brightness(175%);
}
}
.postcard-visible { .postcard-visible {
z-index: 1; z-index: 1;
filter: none; filter: none;