adding #20 #19 #18

package.json

@@ -1,6 +1,6 @@
 {
   "name": "crispy-css",
-  "version": "2.1.2",
+  "version": "2.2.2",
   "description": "Lightweight Framework for building Websites and Apps for Mobile, Tablet and Desktop. Minimal UI-Elements and Helpers.",
   "repository": {
     "type": "git",

src/_modifiers.scss

@@ -144,16 +144,46 @@
     }
 
     /**
-     *  visibility
+     *  hide & show
      *
      *
      */
 
-    .hidden {
+    .hide {
         display: none !important;
+
+        &-xs {
+            @include crispy__media-xs() {
+                display: none !important;
+            }
+        }
+
+        &-sm {
+            @include crispy__media-sm() {
+                display: none !important;
+            }
+        }
+
+        &-md {
+            @include crispy__media-md() {
+                display: none !important;
+            }
+        }
+
+        &-lg {
+            @include crispy__media-lg() {
+                display: none !important;
+            }
+        }
+
+        &-xlg {
+            @include crispy__media-xlg() {
+                display: none !important;
+            }
+        }
     }
 
-    .visible {
+    .show {
         display: block !important;
 
         &--inline {
@@ -163,6 +193,75 @@
         &--inline-block {
             display: inline-block !important;
         }
+
+        &-xs {
+            @include crispy__media-xs() {
+                display: block !important;
+
+                &--inline {
+                    display: inline !important;
+                }
+
+                &--inline-block {
+                    display: inline-block !important;
+                }
+            }
+        }
+
+        &-sm {
+            @include crispy__media-sm() {
+                display: block !important;
+
+                &--inline {
+                    display: inline !important;
+                }
+
+                &--inline-block {
+                    display: inline-block !important;
+                }
+            }
+        }
+
+        &-md {
+            @include crispy__media-md() {
+                display: block !important;
+
+                &--inline {
+                    display: inline !important;
+                }
+
+                &--inline-block {
+                    display: inline-block !important;
+                }
+            }
+        }
+
+        &-lg {
+            @include crispy__media-lg() {
+                display: block !important;
+
+                &--inline {
+                    display: inline !important;
+                }
+
+                &--inline-block {
+                    display: inline-block !important;
+                }
+            }
+        }
+
+        &-xlg {
+            @include crispy__media-xlg() {
+                display: block !important;
+                &--inline {
+                    display: inline !important;
+                }
+
+                &--inline-block {
+                    display: inline-block !important;
+                }
+            }
+        }
     }
 
     /**

src/components/_icon.scss

@@ -9,7 +9,7 @@
  *
  */
 
-$crispy__icon__width: 1.5em !default;
+$crispy__icon__width: 1em !default;
 
 @mixin crispy__icon {
     .icon {