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

fixed modal backdrops on safari and placeholders

Browse source
This commit is contained in:
Fedor Katurov 2022-01-27 18:57:33 +07:00
parent 7f57c10f0c
commit 145b601a96
4 changed files with 10 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/styles/_mixins.scss
View file

@ -115,12 +115,14 @@
}
@mixin blur($color: $content_bg, $radius: 15px, $opacity: 0.5) {
background: transparentize($color, $opacity / 2);
background: transparentize($color, $opacity / 1.5);
backdrop-filter: blur($radius);
-webkit-backdrop-filter: blur($radius);
@include can_backdrop {
backdrop-filter: blur($radius);
-webkit-backdrop-filter: blur($radius);
background: transparentize($color, $opacity);
background-color: transparentize($color, $opacity);
}
}
@ -246,9 +248,11 @@
@mixin modal_backdrop {
@include blur();
background: url('../../src/sprites/noise.png');
background: transparentize($content_bg, 0.3) url('../../src/sprites/noise.png');
@include can_backdrop {
background: url('../../src/sprites/noise.png');
@supports (backdrop-filter: blur(5px)) and (background-image: url('../../src/sprites/noise.png')) {
background: transparentize($content_bg, 0.5) url('../../src/sprites/noise.png');
}
}
}