Sha256: 6e4c2dec33b2cc237642232eda8085f874bf897679e014b0e69fa717eb35e966

Contents?: true

Size: 796 Bytes

Versions: 5

Compression:

Stored size: 796 Bytes

Contents

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

@import "../common";

.#{$vendor-prefix}mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: $mask-zindex;
    opacity: 0;
    visibility: hidden;
    background: black($mask-opacity);
    transition: all $mask-transition;
    color: #fff;
    user-select: none;
}

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

    &:empty { display: none; }
}

.#{$vendor-prefix}mask-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-1.5.3 scss/toolkit/components/mask.scss
titon-toolkit-1.5.2 scss/toolkit/components/mask.scss
titon-toolkit-1.5.1 scss/toolkit/components/mask.scss
titon-toolkit-1.5.0 scss/toolkit/components/mask.scss
titon-toolkit-1.4.1 scss/toolkit/components/mask.scss