muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46: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 (
(-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))
) {
@supports not (-moz-appearance: none) {
@content;
}
// @supports not (-moz-appearance: none) {
@content;
// }
// disable blur on firefox mobile (until they fix its performance)
@supports (-moz-appearance: none) {
@media (hover: hover) {
@content;
}
}
// @supports (-moz-appearance: none) {
// @media (hover: hover) {
// @content;
// }
// }
}
}
@ -203,22 +203,22 @@
grid-auto-rows: $cell;
// 4 cells
@media (max-width: $cell * 5 + $gap * 4 + 55) {
@media (max-width: ($cell * 5 + $gap * 4 + 55)) {
grid-auto-rows: calc(25vw - 30px);
}
// 3 cells
@media (max-width: $cell * 4 + $gap * 3 + 55) {
@media (max-width: ($cell * 4 + $gap * 3 + 55)) {
grid-auto-rows: calc(33vw - 30px);
}
// 2 cells
@media (max-width: $cell * 3 + $gap * 2 + 55) {
@media (max-width: ($cell * 3 + $gap * 2 + 55)) {
grid-auto-rows: calc(50vw - 40px);
}
// < 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-rows: calc(50vw - 10px) $fluid_cell;
}