29 lines
526 B
SCSS
29 lines
526 B
SCSS
/* Hidden
|
|
|
|
Hide elements from all users. Compare to the visually-hidden component.
|
|
|
|
Used for elements which should not be immediately displayed to any user. An
|
|
example would be a collapsible fieldset that will be expanded with a click
|
|
from a user.
|
|
|
|
For anything you want to hide on page load when JavaScript is enabled, use
|
|
the `.js-hidden` class. */
|
|
|
|
.hidden,
|
|
%hidden {
|
|
display: none;
|
|
}
|
|
|
|
.js-hidden,
|
|
%js-hidden {
|
|
html.js & {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.nojs-hidden,
|
|
%nojs-hidden {
|
|
html.nojs & {
|
|
display: none;
|
|
}
|
|
}
|