Visible/hidden classesApproved
#### Usage:
Utility classes to show/hide elements based on the current viewport (media queries).
IMPORTANT: Try to use these on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation.
THE OLD CLASSES (e.g. sc-visible-s) STILL WORK AS THEY USED TO.
#### Hidden attribute:
The `hidden` attribute may be applied to any element, and effectively hides elements similar to `display: none` in CSS.
It is supported by all major browsers.
|
S Viewport |
M Viewport |
L Viewport |
XL Viewport |
.sc-visible-at-xl |
|
|
|
Visible |
.sc-visible-at-l |
|
|
Visible |
|
.sc-visible-at-m |
|
Visible |
|
|
.sc-visible-at-s |
Visible |
|
|
|
.sc-hidden |
Hidden |
Hidden |
Hidden |
Hidden |
.sc-hidden-at-xl |
|
|
|
Hidden |
.sc-hidden-at-l |
|
|
Hidden |
|
.sc-hidden-at-m |
|
Hidden |
|
|
.sc-hidden-at-s |
Hidden |
|
|
|