Sha256: 74a340342943485fc6609a40c8ecd2f5de1a776767abba54323ac1bb0a7b0f1f

Contents?: true

Size: 1.73 KB

Versions: 10

Compression:

Stored size: 1.73 KB

Contents

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

@import "../common";

@include export("responsive") {
    .show-retina,
    .show-print { display: none !important; }

    // Extra small states
    @include in-xsmall  {
        .show-xlarge,
        .show-large,
        .show-medium,
        .show-small,
        .hide-xsmall { display: none !important; }
    }

    // Small states
    @include in-small  {
        .show-xlarge,
        .show-large,
        .show-medium,
        .show-xsmall,
        .hide-small { display: none !important; }
    }

    // Medium states
    @include in-medium {
        .show-xlarge,
        .show-large,
        .show-small,
        .show-xsmall,
        .hide-medium { display: none !important; }
    }

    // Large states
    @include in-large {
        .show-xlarge,
        .show-medium,
        .show-small,
        .show-xsmall,
        .hide-large { display: none !important; }
    }

    // Extra large states
    @include in-xlarge {
        .show-large,
        .show-medium,
        .show-small,
        .show-xsmall,
        .hide-xlarge { display: none !important; }
    }

    // Orientation states
    @include if-portrait {
        .show-landscape,
        .hide-portrait { display: none !important; }
    }

    @include if-landscape {
        .show-portrait,
        .hide-landscape { display: none !important; }
    }

    // Type states
    @include if-retina {
        .hide-retina { display: none !important; }
        @include responsive-display-block(".show-retina");
    }

    @media print {
        .hide-print { display: none !important; }
        @include responsive-display-block(".show-print");
    }
}

Version data entries

10 entries across 10 versions & 1 rubygems

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