Sha256: 84ac311b7a4f675913352f9302a9ad12ca7648e1a733e5aa80d613e2d21927e3

Contents?: true

Size: 818 Bytes

Versions: 5

Compression:

Stored size: 818 Bytes

Contents

/**
 * @copyright   2010-2015, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@import "../common";

#{$blackout-class} {
    @include full-screen();
    z-index: $blackout-zindex;
    opacity: 0;
    visibility: hidden;
    background: black($blackout-opacity);

    // Using visibility transition also causes weirdness
    transition: opacity $blackout-transition;

    // This fixes issues in Chrome where the blackout properties are visible/block
    // But the blackout is still not visible by the client IRL
    -webkit-backface-visibility: hidden;

    #{$loader-class} {
        @include position-center;
        opacity: 1;
        color: #fff;

        > span,
        #{$loader-class-spinner} > span { background: #fff !important; }
    }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
titon-toolkit-2.0.2 scss/toolkit/components/blackout.scss
titon-toolkit-2.0.1 scss/toolkit/components/blackout.scss
titon-toolkit-2.0.0 scss/toolkit/components/blackout.scss
titon-toolkit-2.0.0.pre.rc.2 scss/toolkit/components/blackout.scss
titon-toolkit-2.0.0.pre.rc.1 scss/toolkit/components/blackout.scss