ddea8b597f
- Move Bootstrap LESS files into new subdirectory - Change app.css to app.less, add @import's to utilize Bootstrap variables and mixins - Remove plugins.js and main.js - Move Bootstrap JS plugins into new subdirectory - Add new _main.js file with example DOM-based routing script that works off the WordPress body_class - lib/scripts.php has been updated to remove all extra CSS and JS files and also places JavaScript in the footer
44 lines
1.2 KiB
Plaintext
Executable File
44 lines
1.2 KiB
Plaintext
Executable File
//
|
|
// Responsive: Utility classes
|
|
// --------------------------------------------------
|
|
|
|
|
|
// Hide from screenreaders and browsers
|
|
// Credit: HTML5 Boilerplate
|
|
.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; } // Use inherit to restore previous behavior
|
|
// Hide
|
|
.hidden-phone { display: none !important; }
|
|
}
|