Sha256: 670167066144ec15e4fde307e84f207a9a82f35fbca861962f77468fe282f925

Contents?: true

Size: 724 Bytes

Versions: 5

Compression:

Stored size: 724 Bytes

Contents

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

@import "../common";

#{$mask-class} {
    @include full-screen(absolute);
    z-index: $mask-zindex;
    opacity: 0;
    visibility: hidden;
    background: black($mask-opacity);
    transition: all $mask-transition;
    color: #fff;
    user-select: none;
}

#{$mask-class-message} {
    text-align: center;
    max-width: 80%;
    @include position-center;

    &:empty { display: none; }
}

#{$mask-class-target} {
    overflow: hidden;

    // Fixes issues where mask does not display in iOS
    // Kind of hacky? Other solutions?
    -webkit-backface-visibility: hidden;
}

Version data entries

5 entries across 5 versions & 1 rubygems

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