Sha256: 49f847baf24e1d97873e36dfe552093ef5e1029417c5b69176936fc6bc295c38
Contents?: true
Size: 1.81 KB
Versions: 5
Compression:
Stored size: 1.81 KB
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-retina,
.show-print { display: none; }
@if $responsive-size == "device" or $responsive-size == "both" {
// 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; }
}
}
@if $responsive-size == "size" or $responsive-size == "both" {
// Large states
@include in-large {
.show-medium,
.show-small,
.hide-large { display: none; }
}
// Medium states
@include in-medium {
.show-large,
.show-small,
.hide-medium { display: none; }
}
// Small states
@include in-small {
.show-large,
.show-medium,
.hide-small { display: none; }
}
}
// Orientation states
@include if-portrait {
.show-landscape,
.hide-portrait { display: none; }
}
@include if-landscape {
.show-portrait,
.hide-landscape { display: none; }
}
// Type states
@include if-retina {
.hide-retina { display: none; }
.show-retina { display: block; }
tr.show-retina { display: table-row; }
td.show-retina,
th.show-retina { display: table-cell; }
}
@media print {
.hide-print { display: none; }
.show-print { display: block; }
tr.show-print { display: table-row; }
td.show-print,
th.show-print { display: table-cell; }
}
Version data entries
5 entries across 5 versions & 1 rubygems