diff --git a/src/components/dialogs/ModalWrapper/styles.module.scss b/src/components/dialogs/ModalWrapper/styles.module.scss index 6a691946..aa38755c 100644 --- a/src/components/dialogs/ModalWrapper/styles.module.scss +++ b/src/components/dialogs/ModalWrapper/styles.module.scss @@ -46,6 +46,8 @@ } .overlay { + @include modal_backdrop(); + position: absolute; top: 0; left: 0; @@ -53,6 +55,4 @@ height: 100%; cursor: pointer; animation: appear 0.25s forwards; - - @include blur(); } diff --git a/src/styles/_mixins.scss b/src/styles/_mixins.scss index 13dd481c..ac6b4a95 100644 --- a/src/styles/_mixins.scss +++ b/src/styles/_mixins.scss @@ -244,3 +244,12 @@ padding-right: 0; } } + +@mixin modal_backdrop { + @include blur(); + background: url('../../src/sprites/noise.png'); + + @include can_backdrop { + background: url('../../src/sprites/noise.png'); + } +}