dan/design
1
0
Fork 0
mirror of https://github.com/danbulant/design synced 2026-05-20 12:48:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

firefox now supports backdrop filter well

Browse source
This commit is contained in:
Daniel Bulant 2022-11-19 16:53:22 +01:00
parent 360903060d
commit 87f51fc83a
2 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/lib/components/navbar.svelte
View file

@ -33,15 +33,16 @@
.bar {
background: rgba(255,255,255, 0.2);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
@supports (-moz-appearance:none) {
/* @supports (-moz-appearance:none) {
.bar {
background: rgba(255,255,255,0.9) !important;
}
.dark.bar {
background: rgba(28, 28, 33, 0.9) !important;
}
}
} */
@media (max-width: 400px) {
.bar {
width: 100vw;

8
src/lib/components/project.svelte
View file

@ -75,15 +75,15 @@
}
.desc {
@apply absolute top-0 left-0 w-full h-full rounded-10px opacity-0 select-none flex flex-col py-10px px-15px;
transition: background-color .3s, opacity .3s;
background-color: rgba(0,0,0,0.2);
transition: background-color 0.3s, opacity 0.3s;
background-color: rgba(0, 0, 0, 0.2);
color: rgb(214, 214, 214);
}
@supports (-moz-appearance:none) {
/* @supports (-moz-appearance:none) {
.desc {
background: rgba(0,0,0,0.9) !important;
}
}
} */
.desc.extradark {
background-color: rgba(0,0,0,0.4);
}