muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 12:26:40 +07:00
Code Packages Activity Actions

bring back backdrop blur on firefox

Browse source
This commit is contained in:
Fedor Katurov 2024-04-03 10:27:32 +07:00
parent ccdea72437
commit 25c67310d4
1 changed files with 12 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/styles/_mixins.scss
View file

@ -116,16 +116,16 @@
@supports ( @supports (
(-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px)) (-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))
) { ) {
@supports not (-moz-appearance: none) { // @supports not (-moz-appearance: none) {
@content; @content;
} // }
// disable blur on firefox mobile (until they fix its performance) // disable blur on firefox mobile (until they fix its performance)
@supports (-moz-appearance: none) { // @supports (-moz-appearance: none) {
@media (hover: hover) { // @media (hover: hover) {
@content; // @content;
} // }
} // }
} }
} }
@ -203,22 +203,22 @@
grid-auto-rows: $cell; grid-auto-rows: $cell;
// 4 cells // 4 cells
@media (max-width: $cell * 5 + $gap * 4 + 55) { @media (max-width: ($cell * 5 + $gap * 4 + 55)) {
grid-auto-rows: calc(25vw - 30px); grid-auto-rows: calc(25vw - 30px);
} }
// 3 cells // 3 cells
@media (max-width: $cell * 4 + $gap * 3 + 55) { @media (max-width: ($cell * 4 + $gap * 3 + 55)) {
grid-auto-rows: calc(33vw - 30px); grid-auto-rows: calc(33vw - 30px);
} }
// 2 cells // 2 cells
@media (max-width: $cell * 3 + $gap * 2 + 55) { @media (max-width: ($cell * 3 + $gap * 2 + 55)) {
grid-auto-rows: calc(50vw - 40px); grid-auto-rows: calc(50vw - 40px);
} }
// < 870px // < 870px
@media (max-width: ($cell + 10) * 3) { @media (max-width: (($cell + 10) * 3)) {
grid-template-columns: repeat(auto-fill, minmax($fluid_cell - 20, 1fr)); grid-template-columns: repeat(auto-fill, minmax($fluid_cell - 20, 1fr));
grid-template-rows: calc(50vw - 10px) $fluid_cell; grid-template-rows: calc(50vw - 10px) $fluid_cell;
} }