306c441ae7
This moves the location of javascript files, commonFramework, iFrameScript, sandbox, plugin, and all the less files. On gulp or gulp build these files are moved and revisioned. Places where they are references in jade/html are now removed and replaced with the use of a helper function `rev`. This function will take the required file and return a string referencing the revisioned file. This should alleviate the need for hard refreshing and will break caches when files change, so fixes for firefox caching issue as well. NOTE: @benmcmahon @quincylarson, This means files will need to be build on the server in production before doing a server restart/reload In production: 'npm run build' To build and revision js/css files `gulp` and `gulp build` will used in development npm install also needs to be run in production on initial deploy
195 lines
4.2 KiB
Plaintext
Executable File
195 lines
4.2 KiB
Plaintext
Executable File
//
|
|
// Responsive: Utility classes
|
|
// --------------------------------------------------
|
|
|
|
|
|
// IE10 in Windows (Phone) 8
|
|
//
|
|
// Support for responsive views via media queries is kind of borked in IE10, for
|
|
// Surface/desktop in split view and for Windows Phone 8. This particular fix
|
|
// must be accompanied by a snippet of JavaScript to sniff the user agent and
|
|
// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
|
|
// our Getting Started page for more information on this bug.
|
|
//
|
|
// For more information, see the following:
|
|
//
|
|
// Issue: https://github.com/twbs/bootstrap/issues/10497
|
|
// Docs: http://getbootstrap.com/getting-started/#support-ie10-width
|
|
// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/
|
|
// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
|
|
|
|
@-ms-viewport {
|
|
width: device-width;
|
|
}
|
|
|
|
|
|
// Visibility utilities
|
|
// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
|
|
.visible-xs,
|
|
.visible-sm,
|
|
.visible-md,
|
|
.visible-lg {
|
|
.responsive-invisibility();
|
|
}
|
|
|
|
.visible-xs-block,
|
|
.visible-xs-inline,
|
|
.visible-xs-inline-block,
|
|
.visible-sm-block,
|
|
.visible-sm-inline,
|
|
.visible-sm-inline-block,
|
|
.visible-md-block,
|
|
.visible-md-inline,
|
|
.visible-md-inline-block,
|
|
.visible-lg-block,
|
|
.visible-lg-inline,
|
|
.visible-lg-inline-block {
|
|
display: none !important;
|
|
}
|
|
|
|
.visible-xs {
|
|
@media (max-width: @screen-xs-max) {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-xs-block {
|
|
@media (max-width: @screen-xs-max) {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-xs-inline {
|
|
@media (max-width: @screen-xs-max) {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-xs-inline-block {
|
|
@media (max-width: @screen-xs-max) {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.visible-sm {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-sm-block {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-sm-inline {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-sm-inline-block {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.visible-md {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-md-block {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-md-inline {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-md-inline-block {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.visible-lg {
|
|
@media (min-width: @screen-lg-min) {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-lg-block {
|
|
@media (min-width: @screen-lg-min) {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-lg-inline {
|
|
@media (min-width: @screen-lg-min) {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-lg-inline-block {
|
|
@media (min-width: @screen-lg-min) {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.hidden-xs {
|
|
@media (max-width: @screen-xs-max) {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|
|
.hidden-sm {
|
|
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|
|
.hidden-md {
|
|
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|
|
.hidden-lg {
|
|
@media (min-width: @screen-lg-min) {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|
|
|
|
|
|
// Print utilities
|
|
//
|
|
// Media queries are placed on the inside to be mixin-friendly.
|
|
|
|
// Note: Deprecated .visible-print as of v3.2.0
|
|
.visible-print {
|
|
.responsive-invisibility();
|
|
|
|
@media print {
|
|
.responsive-visibility();
|
|
}
|
|
}
|
|
.visible-print-block {
|
|
display: none !important;
|
|
|
|
@media print {
|
|
display: block !important;
|
|
}
|
|
}
|
|
.visible-print-inline {
|
|
display: none !important;
|
|
|
|
@media print {
|
|
display: inline !important;
|
|
}
|
|
}
|
|
.visible-print-inline-block {
|
|
display: none !important;
|
|
|
|
@media print {
|
|
display: inline-block !important;
|
|
}
|
|
}
|
|
|
|
.hidden-print {
|
|
@media print {
|
|
.responsive-invisibility();
|
|
}
|
|
}
|