chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Darken muted colors when necessary

Browse Source
This commit is contained in:
Chuck Dries
2021-07-21 09:19:55 -07:00
parent 53261f7ee6
commit b71bc23a1c
3 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/global.css
View File

@@ -32,26 +32,20 @@
.scroll-padding-6 {
scroll-padding: theme("spacing.6");
}
.blurred-or-opaque-bg-1 {
@apply bg-opacity-70;
}
.blurred-or-opaque-bg-2 {
@apply bg-opacity-90;
}
@supports (backdrop-filter: none) {
.blurred-or-opaque-bg-1 {
@apply bg-opacity-50 backdrop-filter backdrop-blur-lg;
}
.blurred-or-opaque-bg-2 {
@apply bg-opacity-70 backdrop-filter backdrop-blur;
@apply bg-opacity-60 backdrop-filter backdrop-blur;
}
}
@supports not (backdrop-filter: none) {
.blurred-or-opaque-bg-1 {
@apply bg-opacity-70;
@apply bg-opacity-60;
}
.blurred-or-opaque-bg-2 {
@apply bg-opacity-90;
@apply bg-opacity-70;
}
}
@variants responsive {