Improved .visually-hidden
Theorically bulletproof CSS class for visually hide anything and keep it accessible to ATs.
{ | |
"categories": [{ | |
"name": "action", | |
"key": "action", | |
"icons": [{ | |
"id": "ic_3d_rotation", | |
"name": "3d rotation", | |
"group_id": "action", | |
"keywords": ["action, 3d, rotation"], | |
"ligature": "3d_rotation", |
I always struggle with hacks for Edge and IE. See also for other tips: http://browserhacks.com/
_selector {...}
This is a Sass mixin to handle a 3-way dark mode. It relies on a data-theme
attribute on your <html>
element with a value of light
or dark
. If data-theme
is absent (i.e. it's neither light
nor dark
), the system's preferred mode is used.
body {
// matches data-theme="light" or data-theme="auto" with system instructing light mode
@include light {
background: white;
color: black;