diff options
Diffstat (limited to 'demo/src/sass/utilities')
| -rw-r--r-- | demo/src/sass/utilities/cosmetic.scss | 7 | ||||
| -rw-r--r-- | demo/src/sass/utilities/hidden.scss | 20 |
2 files changed, 27 insertions, 0 deletions
diff --git a/demo/src/sass/utilities/cosmetic.scss b/demo/src/sass/utilities/cosmetic.scss new file mode 100644 index 00000000..91374d9d --- /dev/null +++ b/demo/src/sass/utilities/cosmetic.scss @@ -0,0 +1,7 @@ +// ========================================================================== +// Misc cosmetic +// ========================================================================== + +.no-border { + border: 0; +} diff --git a/demo/src/sass/utilities/hidden.scss b/demo/src/sass/utilities/hidden.scss new file mode 100644 index 00000000..665bfd76 --- /dev/null +++ b/demo/src/sass/utilities/hidden.scss @@ -0,0 +1,20 @@ +// ========================================================================== +// Hidden +// ========================================================================== + +[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; +} |