Contents

/**
 * @copyright   2010-2013, The Titon Project
 * @license     http://opensource.org/licenses/bsd-license.php
 * @link        http://titon.io
 */

@import "../_common";

img, video, canvas {
    max-width: 100%;
    max-height: auto;
    height: auto;
}

.show-print { display: none; }

// Desktop states
@include in-desktop {
    .show-tablet,
    .show-mobile,
    .hide-desktop { display: none; }
}

// Tablet states
@include in-tablet {
    .show-desktop,
    .show-mobile,
    .hide-tablet { display: none; }
}

// Mobile states
@include in-mobile  {
    .show-desktop,
    .show-tablet,
    .hide-mobile { display: none; }
}

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

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

// Type states
@media print {
    .show-print { display: block; }
    .hide-print { display: none; }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-0.11.1	scss/toolkit/layout/responsive.scss
titon-toolkit-0.11.0	scss/toolkit/layout/responsive.scss