Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/common/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// LOADER
// ==============================================

// Configuration
$loader-bg-color:           $c-white;
$loader-bg-opacity:         0.7;

.loading-mask {
    height: 100vh;
    width: 100vw;
    z-index: 9999;
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    .loader {
        @extend .visually-hidden;
    }

    // Layout
    &::before {
        content: "";
        height: 100vh;
        width: 100vw;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: $loader-bg-color;
        opacity: $loader-bg-opacity;
        z-index: 999;

        // Fallback for browsers that doesn't support SVG animation
        @include only_ie {
            opacity: 1;
        }
    }

    // Spinner
    &::after {
        content: url('../images/loader.svg');
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9999;

        // Fallback for browsers that doesn't support SVG animation
        @include only_ie {
            content: url('../images/loader-fallback.gif');
        }
    }
}