@medyll/cssfabric 0.2.0 → 0.2.1-beta.2

package/{styles → dist/css}/overflow/overflow.responsive.css

@@ -1,245 +1,238 @@
+
+/**---------------------overflow.responsive.css---------------------*/
 /* css overflow rules */
-@media only screen and (max-width: 1300px) {
-  .overflow-xxl-visible {
+@media only screen and (min-width: 640px) {
+  .overflow-sm-visible {
     overflow: visible;
   }
-
-  .overflow-xxl-hidden {
+  .overflow-sm-hidden {
     overflow: hidden;
   }
-
-  .overflow-xxl-clip {
+  .overflow-sm-clip {
     overflow: clip;
   }
-
-  .overflow-xxl-scroll {
+  .overflow-sm-scroll {
     overflow: scroll;
   }
-
-  .overflow-xxl-auto {
+  .overflow-sm-auto {
     overflow: auto;
   }
-
-  .overflow-x-xxl-visible {
+  .overflow-x-sm-visible {
     overflow: visible;
   }
-
-  .overflow-x-xxl-hidden {
+  .overflow-x-sm-hidden {
     overflow: hidden;
   }
-
-  .overflow-x-xxl-clip {
+  .overflow-x-sm-clip {
     overflow: clip;
   }
-
-  .overflow-x-xxl-scroll {
+  .overflow-x-sm-scroll {
     overflow: scroll;
   }
-
-  .overflow-x-xxl-auto {
+  .overflow-x-sm-auto {
     overflow: auto;
   }
-
-  .overflow-y-xxl-visible {
+  .overflow-y-sm-visible {
     overflow: visible;
   }
-
-  .overflow-y-xxl-hidden {
+  .overflow-y-sm-hidden {
     overflow: hidden;
   }
-
-  .overflow-y-xxl-clip {
+  .overflow-y-sm-clip {
     overflow: clip;
   }
-
-  .overflow-y-xxl-scroll {
+  .overflow-y-sm-scroll {
     overflow: scroll;
   }
-
-  .overflow-y-xxl-auto {
+  .overflow-y-sm-auto {
     overflow: auto;
   }
 }
-@media only screen and (max-width: 1200px) {
-  .overflow-xl-visible {
+@media only screen and (min-width: 768px) {
+  .overflow-md-visible {
     overflow: visible;
   }
-
-  .overflow-xl-hidden {
+  .overflow-md-hidden {
     overflow: hidden;
   }
-
-  .overflow-xl-clip {
+  .overflow-md-clip {
     overflow: clip;
   }
-
-  .overflow-xl-scroll {
+  .overflow-md-scroll {
     overflow: scroll;
   }
-
-  .overflow-xl-auto {
+  .overflow-md-auto {
     overflow: auto;
   }
-
-  .overflow-x-xl-visible {
+  .overflow-x-md-visible {
     overflow: visible;
   }
-
-  .overflow-x-xl-hidden {
+  .overflow-x-md-hidden {
     overflow: hidden;
   }
-
-  .overflow-x-xl-clip {
+  .overflow-x-md-clip {
     overflow: clip;
   }
-
-  .overflow-x-xl-scroll {
+  .overflow-x-md-scroll {
     overflow: scroll;
   }
-
-  .overflow-x-xl-auto {
+  .overflow-x-md-auto {
     overflow: auto;
   }
-
-  .overflow-y-xl-visible {
+  .overflow-y-md-visible {
     overflow: visible;
   }
-
-  .overflow-y-xl-hidden {
+  .overflow-y-md-hidden {
     overflow: hidden;
   }
-
-  .overflow-y-xl-clip {
+  .overflow-y-md-clip {
     overflow: clip;
   }
-
-  .overflow-y-xl-scroll {
+  .overflow-y-md-scroll {
     overflow: scroll;
   }
-
-  .overflow-y-xl-auto {
+  .overflow-y-md-auto {
     overflow: auto;
   }
 }
-@media only screen and (max-width: 960px) {
+@media only screen and (min-width: 1024px) {
   .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 {
+@media only screen and (min-width: 1280px) {
+  .overflow-xl-visible {
     overflow: visible;
   }
-
-  .overflow-md-hidden {
+  .overflow-xl-hidden {
     overflow: hidden;
   }
-
-  .overflow-md-clip {
+  .overflow-xl-clip {
     overflow: clip;
   }
-
-  .overflow-md-scroll {
+  .overflow-xl-scroll {
     overflow: scroll;
   }
-
-  .overflow-md-auto {
+  .overflow-xl-auto {
     overflow: auto;
   }
-
-  .overflow-x-md-visible {
+  .overflow-x-xl-visible {
     overflow: visible;
   }
-
-  .overflow-x-md-hidden {
+  .overflow-x-xl-hidden {
     overflow: hidden;
   }
-
-  .overflow-x-md-clip {
+  .overflow-x-xl-clip {
     overflow: clip;
   }
-
-  .overflow-x-md-scroll {
+  .overflow-x-xl-scroll {
     overflow: scroll;
   }
-
-  .overflow-x-md-auto {
+  .overflow-x-xl-auto {
     overflow: auto;
   }
-
-  .overflow-y-md-visible {
+  .overflow-y-xl-visible {
     overflow: visible;
   }
-
-  .overflow-y-md-hidden {
+  .overflow-y-xl-hidden {
     overflow: hidden;
   }
-
-  .overflow-y-md-clip {
+  .overflow-y-xl-clip {
     overflow: clip;
   }
-
-  .overflow-y-md-scroll {
+  .overflow-y-xl-scroll {
     overflow: scroll;
   }
-
-  .overflow-y-md-auto {
+  .overflow-y-xl-auto {
+    overflow: auto;
+  }
+}
+@media only screen and (min-width: 1540px) {
+  .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;
   }
 }

package/dist/css/overflow/overflow.responsive.min.css

@@ -0,0 +1 @@
+@media only screen and (min-width: 640px){.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}}@media only screen and (min-width: 768px){.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 (min-width: 1024px){.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 (min-width: 1280px){.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 (min-width: 1540px){.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}}

package/{styles → dist/css}/scale/scale.css

@@ -1,3 +1,5 @@
+
+/**---------------------scale.css---------------------*/
 .w-full {
   width: 100%;
 }