diff options
Diffstat (limited to 'demo/src/sass/utilities')
| -rw-r--r-- | demo/src/sass/utilities/cosmetic.scss (renamed from demo/src/sass/utilities/color.scss) | 10 | ||||
| -rw-r--r-- | demo/src/sass/utilities/hidden.scss | 13 |
2 files changed, 16 insertions, 7 deletions
diff --git a/demo/src/sass/utilities/color.scss b/demo/src/sass/utilities/cosmetic.scss index 786e6ccb..91374d9d 100644 --- a/demo/src/sass/utilities/color.scss +++ b/demo/src/sass/utilities/cosmetic.scss @@ -1,11 +1,7 @@ // ========================================================================== -// Color +// Misc cosmetic // ========================================================================== -.color--vimeo { - color: $color-vimeo; -} - -.color--youtube { - color: $color-youtube; +.no-border { + border: 0; } diff --git a/demo/src/sass/utilities/hidden.scss b/demo/src/sass/utilities/hidden.scss index a48b107a..665bfd76 100644 --- a/demo/src/sass/utilities/hidden.scss +++ b/demo/src/sass/utilities/hidden.scss @@ -5,3 +5,16 @@ [hidden] { display: none; } + +// Hide only visually, but have it available for screen readers: h5bp.com/v +.sr-only { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + opacity: 0.001; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} |