Sha256: 4e4350f53d34cf4faaed80411316b77fc136c07d524c52c8d8f7e3d501671f6a

Contents?: true

Size: 1.55 KB

Versions: 5

Compression:

Stored size: 1.55 KB

Contents

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

@import "../common";

.fluid {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

.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

5 entries across 5 versions & 1 rubygems

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