Add visually visible mixin (#7)

NebulaUI · Sep 26, 2017 · 01371b7 · 01371b7
1 parent bbef87b
commit 01371b7
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/nebula-css/_tools.scss b/nebula-css/_tools.scss
@@ -9,4 +9,5 @@
 @import 'tools/offsets';
 @import 'tools/section';
 @import 'tools/visually-hidden';
+@import 'tools/visually-visible';
 @import 'tools/hidden';
diff --git a/nebula-css/tools/_visually-visible.scss b/nebula-css/tools/_visually-visible.scss
@@ -0,0 +1,17 @@
+@mixin nb-visually-visible($important: false) {
+ $important-str: '';
+
+ @if ($important) {
+ $important-str: '!important';
+ }
+
+ position: static #{$important-str};
+ overflow: initial #{$important-str};
+ width: initial #{$important-str};
+ height: initial #{$important-str};
+ padding: initial #{$important-str};
+ border: initial;
+ white-space: initial #{$important-str};
+ clip: auto #{$important-str};
+ clip-path: initial #{$important-str};
+}