@import "../var.scss";

$j-prefix-lazy: "#{$j-prefix}-lazy" !default;

.#{$j-prefix-lazy} {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: url(#blur);
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
    -webkit-transition: 0.3s -webkit-filter linear;
    -o-transition: 0.3s -o-filter linear;

    &.loaded,
    &.noblur {
        -webkit-filter: blur(0px);
        -moz-filter: blur(0px);
        -o-filter: blur(0px);
        -ms-filter: blur(0px);
        filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
        filter: blur(0px);
    }
}