adding #21

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;
+}

src/scss/plain-ui.scss

@@ -34,4 +34,5 @@
     'helpers/sizing',
     'helpers/spacing',
     'helpers/colors',
-    'helpers/typography';
+    'helpers/typography',
+    'helpers/visibility';