openaire-theme/less/mixin.less

21 lines
588 B
Plaintext

.set-blur-background(@color: @base-body-background, @opacity: 80%) {
&.uk-blur-background, .uk-blur-background {
background: fade(@color, 99%);
}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
&.uk-blur-background, .uk-blur-background {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
background: fade(@color, @opacity);
}
}
/* for firefox */
@-moz-document url-prefix() {
&.uk-blur-background, .uk-blur-background {
background: fade(@color, 99%);
}
}
}