From cc93355b368b46bcdec1d45dcaf0ca2b6ed2c225 Mon Sep 17 00:00:00 2001
From: HerrHase <me@herr-hase.wtf>
Date: Wed, 4 Aug 2021 09:03:43 +0200
Subject: [PATCH] adding #21

---
 src/scss/helpers/_visibility.scss | 56 +++++++++++++++++++++++++++++++
 src/scss/plain-ui.scss            |  3 +-
 2 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 src/scss/helpers/_visibility.scss

diff --git a/src/scss/helpers/_visibility.scss b/src/scss/helpers/_visibility.scss
new file mode 100644
index 0000000..95742e3
--- /dev/null
+++ b/src/scss/helpers/_visibility.scss
@@ -0,0 +1,56 @@
+/**
+ *  display
+ *  
+ *
+ */
+
+
+.display-block {
+    display: block;
+}
+
+.display-inline {
+    display: inline;
+}
+
+.display-inline-block {
+    display: inline-block;
+}
+
+.display-flex {
+    display: flex;
+}
+
+.display-inline-flex {
+    display: inline-flex;
+}
+
+.display-table {
+    display: table;
+}
+
+
+/**
+ *  for hidden-xs etc, show https://reflexgrid.com/#visibility-helpers
+ *
+ *  @TODO full integration of reflexgrid will change this part
+ *
+ */
+
+
+/**
+ * Visibility
+ *
+ */
+
+.visibility-hidden {
+    visibility: hidden;
+}
+
+.visibility-visible {
+    visibility: visible;
+}
+
+.visibility-collapse {
+    visibility: collapse;
+}
\ No newline at end of file
diff --git a/src/scss/plain-ui.scss b/src/scss/plain-ui.scss
index dcfa27a..6184ca6 100644
--- a/src/scss/plain-ui.scss
+++ b/src/scss/plain-ui.scss
@@ -34,4 +34,5 @@
     'helpers/sizing',
     'helpers/spacing',
     'helpers/colors',
-    'helpers/typography';
+    'helpers/typography',
+    'helpers/visibility';