@medyll/cssfabric 0.0.14 → 0.1.0

package/lib/styles/core/overflow/overflow.responsive.css

@@ -1,487 +1,306 @@
-/* css overflow rules */
-@media only screen and (max-width: 0rem) {
-  .overflow-xxxl-visible {
-    overflow: visible;
-  }
-
-  .overflow-xxxl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-xxxl-clip {
-    overflow: clip;
-  }
-
-  .overflow-xxxl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-xxxl-auto {
-    overflow: auto;
-  }
-
-  .overflow-x-xxxl-visible {
-    overflow: visible;
-  }
-
-  .overflow-x-xxxl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-x-xxxl-clip {
-    overflow: clip;
-  }
-
-  .overflow-x-xxxl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-x-xxxl-auto {
-    overflow: auto;
-  }
-
-  .overflow-y-xxxl-visible {
-    overflow: visible;
-  }
-
-  .overflow-y-xxxl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-y-xxxl-clip {
-    overflow: clip;
-  }
-
-  .overflow-y-xxxl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-y-xxxl-auto {
-    overflow: auto;
-  }
-}
-@media only screen and (max-width: 120rem) {
-  .overflow-xxl-visible {
-    overflow: visible;
-  }
-
-  .overflow-xxl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-xxl-clip {
-    overflow: clip;
-  }
-
-  .overflow-xxl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-xxl-auto {
-    overflow: auto;
-  }
-
-  .overflow-xxl-initial {
-    overflow: initial;
-  }
-
-  .overflow-xxl-unset {
-    overflow: unset;
-  }
-
-  .overflow-x-xxl-visible {
-    overflow: visible;
-  }
-
-  .overflow-x-xxl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-x-xxl-clip {
-    overflow: clip;
-  }
-
-  .overflow-x-xxl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-x-xxl-auto {
-    overflow: auto;
-  }
-
-  .overflow-x-xxl-initial {
-    overflow: initial;
-  }
-
-  .overflow-x-xxl-unset {
-    overflow: unset;
-  }
-
-  .overflow-y-xxl-visible {
-    overflow: visible;
-  }
-
-  .overflow-y-xxl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-y-xxl-clip {
-    overflow: clip;
-  }
-
-  .overflow-y-xxl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-y-xxl-auto {
-    overflow: auto;
-  }
-
-  .overflow-y-xxl-initial {
-    overflow: initial;
-  }
-
-  .overflow-y-xxl-unset {
-    overflow: unset;
-  }
-}
-@media only screen and (max-width: 90rem) {
-  .overflow-xl-visible {
-    overflow: visible;
-  }
-
-  .overflow-xl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-xl-clip {
-    overflow: clip;
-  }
-
-  .overflow-xl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-xl-auto {
-    overflow: auto;
-  }
-
-  .overflow-xl-initial {
-    overflow: initial;
-  }
-
-  .overflow-xl-unset {
-    overflow: unset;
-  }
-
-  .overflow-x-xl-visible {
-    overflow: visible;
-  }
-
-  .overflow-x-xl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-x-xl-clip {
-    overflow: clip;
-  }
-
-  .overflow-x-xl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-x-xl-auto {
-    overflow: auto;
-  }
-
-  .overflow-x-xl-initial {
-    overflow: initial;
-  }
-
-  .overflow-x-xl-unset {
-    overflow: unset;
-  }
-
-  .overflow-y-xl-visible {
-    overflow: visible;
-  }
-
-  .overflow-y-xl-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-y-xl-clip {
-    overflow: clip;
-  }
-
-  .overflow-y-xl-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-y-xl-auto {
-    overflow: auto;
-  }
-
-  .overflow-y-xl-initial {
-    overflow: initial;
-  }
-
-  .overflow-y-xl-unset {
-    overflow: unset;
-  }
-}
-@media only screen and (max-width: 64rem) {
-  .overflow-lg-visible {
-    overflow: visible;
-  }
-
-  .overflow-lg-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-lg-clip {
-    overflow: clip;
-  }
-
-  .overflow-lg-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-lg-auto {
-    overflow: auto;
-  }
-
-  .overflow-lg-initial {
-    overflow: initial;
-  }
-
-  .overflow-lg-unset {
-    overflow: unset;
-  }
-
-  .overflow-x-lg-visible {
-    overflow: visible;
-  }
-
-  .overflow-x-lg-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-x-lg-clip {
-    overflow: clip;
-  }
-
-  .overflow-x-lg-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-x-lg-auto {
-    overflow: auto;
-  }
-
-  .overflow-x-lg-initial {
-    overflow: initial;
-  }
-
-  .overflow-x-lg-unset {
-    overflow: unset;
-  }
-
-  .overflow-y-lg-visible {
-    overflow: visible;
-  }
-
-  .overflow-y-lg-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-y-lg-clip {
-    overflow: clip;
-  }
-
-  .overflow-y-lg-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-y-lg-auto {
-    overflow: auto;
-  }
-
-  .overflow-y-lg-initial {
-    overflow: initial;
-  }
-
-  .overflow-y-lg-unset {
-    overflow: unset;
-  }
-}
-@media only screen and (max-width: 48rem) {
-  .overflow-md-visible {
-    overflow: visible;
-  }
-
-  .overflow-md-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-md-clip {
-    overflow: clip;
-  }
-
-  .overflow-md-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-md-auto {
-    overflow: auto;
-  }
-
-  .overflow-md-initial {
-    overflow: initial;
-  }
-
-  .overflow-md-unset {
-    overflow: unset;
-  }
-
-  .overflow-x-md-visible {
-    overflow: visible;
-  }
-
-  .overflow-x-md-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-x-md-clip {
-    overflow: clip;
-  }
-
-  .overflow-x-md-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-x-md-auto {
-    overflow: auto;
-  }
-
-  .overflow-x-md-initial {
-    overflow: initial;
-  }
-
-  .overflow-x-md-unset {
-    overflow: unset;
-  }
-
-  .overflow-y-md-visible {
-    overflow: visible;
-  }
-
-  .overflow-y-md-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-y-md-clip {
-    overflow: clip;
-  }
-
-  .overflow-y-md-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-y-md-auto {
-    overflow: auto;
-  }
-
-  .overflow-y-md-initial {
-    overflow: initial;
-  }
-
-  .overflow-y-md-unset {
-    overflow: unset;
-  }
-}
-@media only screen and (max-width: 35.7rem) {
-  .overflow-sm-visible {
-    overflow: visible;
-  }
-
-  .overflow-sm-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-sm-clip {
-    overflow: clip;
-  }
-
-  .overflow-sm-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-sm-auto {
-    overflow: auto;
-  }
-
-  .overflow-sm-initial {
-    overflow: initial;
-  }
-
-  .overflow-sm-unset {
-    overflow: unset;
-  }
-
-  .overflow-x-sm-visible {
-    overflow: visible;
-  }
-
-  .overflow-x-sm-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-x-sm-clip {
-    overflow: clip;
-  }
-
-  .overflow-x-sm-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-x-sm-auto {
-    overflow: auto;
-  }
-
-  .overflow-x-sm-initial {
-    overflow: initial;
-  }
-
-  .overflow-x-sm-unset {
-    overflow: unset;
-  }
-
-  .overflow-y-sm-visible {
-    overflow: visible;
-  }
-
-  .overflow-y-sm-hidden {
-    overflow: hidden;
-  }
-
-  .overflow-y-sm-clip {
-    overflow: clip;
-  }
-
-  .overflow-y-sm-scroll {
-    overflow: scroll;
-  }
-
-  .overflow-y-sm-auto {
-    overflow: auto;
-  }
-
-  .overflow-y-sm-initial {
-    overflow: initial;
-  }
-
-  .overflow-y-sm-unset {
-    overflow: unset;
-  }
+/* css overflow rules */
+@media only screen and (max-width: 1300px) {
+  .overflow-xxl-visible {
+    overflow: visible;
+  }
+
+  .overflow-xxl-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-xxl-clip {
+    overflow: clip;
+  }
+
+  .overflow-xxl-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-xxl-auto {
+    overflow: auto;
+  }
+
+  .overflow-x-xxl-visible {
+    overflow: visible;
+  }
+
+  .overflow-x-xxl-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-x-xxl-clip {
+    overflow: clip;
+  }
+
+  .overflow-x-xxl-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-x-xxl-auto {
+    overflow: auto;
+  }
+
+  .overflow-y-xxl-visible {
+    overflow: visible;
+  }
+
+  .overflow-y-xxl-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-y-xxl-clip {
+    overflow: clip;
+  }
+
+  .overflow-y-xxl-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-y-xxl-auto {
+    overflow: auto;
+  }
+}
+@media only screen and (max-width: 1200px) {
+  .overflow-xl-visible {
+    overflow: visible;
+  }
+
+  .overflow-xl-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-xl-clip {
+    overflow: clip;
+  }
+
+  .overflow-xl-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-xl-auto {
+    overflow: auto;
+  }
+
+  .overflow-x-xl-visible {
+    overflow: visible;
+  }
+
+  .overflow-x-xl-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-x-xl-clip {
+    overflow: clip;
+  }
+
+  .overflow-x-xl-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-x-xl-auto {
+    overflow: auto;
+  }
+
+  .overflow-y-xl-visible {
+    overflow: visible;
+  }
+
+  .overflow-y-xl-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-y-xl-clip {
+    overflow: clip;
+  }
+
+  .overflow-y-xl-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-y-xl-auto {
+    overflow: auto;
+  }
+}
+@media only screen and (max-width: 960px) {
+  .overflow-lg-visible {
+    overflow: visible;
+  }
+
+  .overflow-lg-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-lg-clip {
+    overflow: clip;
+  }
+
+  .overflow-lg-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-lg-auto {
+    overflow: auto;
+  }
+
+  .overflow-x-lg-visible {
+    overflow: visible;
+  }
+
+  .overflow-x-lg-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-x-lg-clip {
+    overflow: clip;
+  }
+
+  .overflow-x-lg-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-x-lg-auto {
+    overflow: auto;
+  }
+
+  .overflow-y-lg-visible {
+    overflow: visible;
+  }
+
+  .overflow-y-lg-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-y-lg-clip {
+    overflow: clip;
+  }
+
+  .overflow-y-lg-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-y-lg-auto {
+    overflow: auto;
+  }
+}
+@media only screen and (max-width: 760px) {
+  .overflow-md-visible {
+    overflow: visible;
+  }
+
+  .overflow-md-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-md-clip {
+    overflow: clip;
+  }
+
+  .overflow-md-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-md-auto {
+    overflow: auto;
+  }
+
+  .overflow-x-md-visible {
+    overflow: visible;
+  }
+
+  .overflow-x-md-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-x-md-clip {
+    overflow: clip;
+  }
+
+  .overflow-x-md-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-x-md-auto {
+    overflow: auto;
+  }
+
+  .overflow-y-md-visible {
+    overflow: visible;
+  }
+
+  .overflow-y-md-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-y-md-clip {
+    overflow: clip;
+  }
+
+  .overflow-y-md-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-y-md-auto {
+    overflow: auto;
+  }
+}
+@media only screen and (max-width: 0px) {
+  .overflow-sm-visible {
+    overflow: visible;
+  }
+
+  .overflow-sm-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-sm-clip {
+    overflow: clip;
+  }
+
+  .overflow-sm-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-sm-auto {
+    overflow: auto;
+  }
+
+  .overflow-x-sm-visible {
+    overflow: visible;
+  }
+
+  .overflow-x-sm-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-x-sm-clip {
+    overflow: clip;
+  }
+
+  .overflow-x-sm-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-x-sm-auto {
+    overflow: auto;
+  }
+
+  .overflow-y-sm-visible {
+    overflow: visible;
+  }
+
+  .overflow-y-sm-hidden {
+    overflow: hidden;
+  }
+
+  .overflow-y-sm-clip {
+    overflow: clip;
+  }
+
+  .overflow-y-sm-scroll {
+    overflow: scroll;
+  }
+
+  .overflow-y-sm-auto {
+    overflow: auto;
+  }
 }