Sha256: f6a671e7701d021ec7be51952fd8b145638834b5332b5039d4a25d5f2b8e62aa

Contents?: true

Size: 925 Bytes

Versions: 8

Compression:

Stored size: 925 Bytes

Contents

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

@import "../common";

@include export("blackout") {
    #{$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

8 entries across 8 versions & 1 rubygems

Version Path
titon-toolkit-2.1.9 scss/toolkit/components/blackout.scss
titon-toolkit-2.1.8 scss/toolkit/components/blackout.scss
titon-toolkit-2.1.7 scss/toolkit/components/blackout.scss
titon-toolkit-2.1.6 scss/toolkit/components/blackout.scss
titon-toolkit-2.1.5 scss/toolkit/components/blackout.scss
titon-toolkit-2.1.4 scss/toolkit/components/blackout.scss
titon-toolkit-2.1.3 scss/toolkit/components/blackout.scss
titon-toolkit-2.1.2 scss/toolkit/components/blackout.scss