36 lines
662 B
CSS
36 lines
662 B
CSS
/**
|
|
* @file
|
|
* Utility classes to assist with JavaScript functionality.
|
|
*/
|
|
|
|
/**
|
|
* For anything you want to hide on page load when JS is enabled, so
|
|
* that you can use the JS to control visibility and avoid flicker.
|
|
*/
|
|
.js .js-hide {
|
|
display: none;
|
|
}
|
|
|
|
/**
|
|
* For anything you want to show on page load only when JS is enabled.
|
|
*/
|
|
.js-show {
|
|
display: none;
|
|
}
|
|
.js .js-show {
|
|
display: block;
|
|
}
|
|
|
|
/**
|
|
* Use the scripting media features for modern browsers to reduce layout shifts.
|
|
*/
|
|
@media (scripting: enabled) {
|
|
/* Extra specificity to override previous selector. */
|
|
.js-hide.js-hide {
|
|
display: none;
|
|
}
|
|
.js-show {
|
|
display: block;
|
|
}
|
|
}
|