ashleshajs
Version:
AshleshaJS is a framework to build high performance and maintainable single page web applications. It uses ExpressJS and YUI3 as foundation. It is tightly coupled with Twitter Bootstrap for the CSS framework but you can use any other framework as well.
42 lines (36 loc) • 1.14 kB
text/less
// RESPONSIVE CLASSES
// ------------------
// Hide from screenreaders and browsers
// Credit: HTML5 Boilerplate
.hidden {
display: none;
visibility: hidden;
}
// Visibility utilities
// For desktops
.visible-phone { display: none ; }
.visible-tablet { display: none ; }
.visible-desktop { } // Don't set initially
.hidden-phone { }
.hidden-tablet { }
.hidden-desktop { display: none ; }
// Phones only
@media (max-width: 767px) {
// Show
.visible-phone { display: inherit ; } // Use inherit to restore previous behavior
// Hide
.hidden-phone { display: none ; }
// Hide everything else
.hidden-desktop { display: inherit ; }
.visible-desktop { display: none ; }
}
// Tablets & small desktops only
@media (min-width: 768px) and (max-width: 979px) {
// Show
.visible-tablet { display: inherit ; }
// Hide
.hidden-tablet { display: none ; }
// Hide everything else
.hidden-desktop { display: inherit ; }
.visible-desktop { display: none ; }
}