57 lines
1.4 KiB
CSS
57 lines
1.4 KiB
CSS
/*
|
|
Responsive: Utility classes
|
|
========================================
|
|
*/
|
|
|
|
/* IE10 Metro responsive */
|
|
/* Required for Windows 8 Metro split-screen snapping with IE10 */
|
|
@viewport {
|
|
width: device-width;
|
|
}
|
|
|
|
/* Hide from screenreaders and browsers */
|
|
.hidden {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* Visibility utilities */
|
|
|
|
/* For desktops */
|
|
.visible-phone { display: none !important; }
|
|
.visible-tablet { display: none !important; }
|
|
.hidden-phone { }
|
|
.hidden-tablet { }
|
|
.hidden-desktop { display: none !important; }
|
|
.visible-desktop { display: inherit !important; }
|
|
|
|
/* Tablets & small desktops only */
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
/* Hide everything else */
|
|
.hidden-desktop { display: inherit !important; }
|
|
.visible-desktop { display: none !important; }
|
|
/* Show */
|
|
.visible-tablet { display: inherit !important; }
|
|
/* Hide */
|
|
.hidden-tablet { display: none !important; }
|
|
}
|
|
|
|
/* Phones only */
|
|
@media (max-width: 767px) {
|
|
/* Hide everything else */
|
|
.hidden-desktop { display: inherit !important; }
|
|
.visible-desktop { display: none !important; }
|
|
/* Show */
|
|
.visible-phone { display: inherit !important; }
|
|
/* Hide */
|
|
.hidden-phone { display: none !important; }
|
|
}
|
|
|
|
/* Print utilities */
|
|
.visible-print { display: none !important; }
|
|
|
|
@media print {
|
|
.visible-print { display: inherit !important; }
|
|
.hidden-print { display: none !important; }
|
|
}
|