Sha256: 6559a7f26a76085a6be269aaa2827d298d07554d3d7ffeb32b1cc2b7b25df9b7

Contents?: true

Size: 1.47 KB

Versions: 6

Compression:

Stored size: 1.47 KB

Contents

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

@import "../common";

//-------------------- Gloss --------------------//

.#{$vendor-prefix}visual-gloss {
    &:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 60%;
        top: 1%;
        left: 0;
        border-radius: 0 0 2rem 2rem / 0 0 1rem 1rem;
        background: linear-gradient(to left, white(.3) 0%, white(0) 50%, white(.3) 100%);
    }

    &.#{$shape-round-class}:after {
        border-radius: .2rem .2rem 2rem 2rem / .5rem .5rem 1rem 1rem;
        width: 98%;
        left: 1.5%;
    }
}

//-------------------- Reflection --------------------//

.#{$vendor-prefix}visual-reflect:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, white(0), white(.3));
}

//-------------------- Glare --------------------//

.#{$vendor-prefix}visual-glare:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(160deg, white(.5) 0%, white(.1) 50%, white(0) 50%, white(.3) 100%);
}

//-------------------- Popout --------------------//

.#{$vendor-prefix}visual-popout {
    box-shadow: 0 6px 0 0 black(.25) !important;
    top: -3px;

    &:active {
        box-shadow: 0 3px 0 0 black(.5) !important;
        top: 0;
    }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
titon-toolkit-1.5.3 scss/toolkit/effects/visual.scss
titon-toolkit-1.5.2 scss/toolkit/effects/visual.scss
titon-toolkit-1.5.1 scss/toolkit/effects/visual.scss
titon-toolkit-1.5.0 scss/toolkit/effects/visual.scss
titon-toolkit-1.4.1 scss/toolkit/effects/visual.scss
titon-toolkit-1.4.0 scss/toolkit/effects/visual.scss