@medyll/cssfabric 0.1.0 → 0.2.0

package/{lib/styles/core → styles}/scale/scale.css

@@ -58,6 +58,56 @@
   min-width: min-content;
 }
 
+.w-tiny {
+  width: 2rem;
+}
+.w-tiny-max {
+  max-width: 2rem;
+}
+.w-tiny-min {
+  min-width: 2rem;
+}
+
+.w-small {
+  width: 4rem;
+}
+.w-small-max {
+  max-width: 4rem;
+}
+.w-small-min {
+  min-width: 4rem;
+}
+
+.w-medium {
+  width: 8rem;
+}
+.w-medium-max {
+  max-width: 8rem;
+}
+.w-medium-min {
+  min-width: 8rem;
+}
+
+.w-large {
+  width: 16rem;
+}
+.w-large-max {
+  max-width: 16rem;
+}
+.w-large-min {
+  min-width: 16rem;
+}
+
+.w-wide {
+  width: 32rem;
+}
+.w-wide-max {
+  max-width: 32rem;
+}
+.w-wide-min {
+  min-width: 32rem;
+}
+
 .w-1 {
   width: 1rem;
 }
@@ -148,173 +198,163 @@
   min-width: 64rem;
 }
 
-.w-1-5 {
-  width: 20%;
+.w-1-16 {
+  width: 6.25%;
 }
-.w-1-5-max {
-  max-width: 20%;
+.w-1-16-max {
+  max-width: 6.25%;
 }
-.w-1-5-min {
-  min-width: 20%;
+.w-1-16-min {
+  min-width: 6.25%;
 }
 
-.w-2-5 {
-  width: 40%;
+.w-2-16 {
+  width: 12.5%;
 }
-.w-2-5-max {
-  max-width: 40%;
+.w-2-16-max {
+  max-width: 12.5%;
 }
-.w-2-5-min {
-  min-width: 40%;
+.w-2-16-min {
+  min-width: 12.5%;
 }
 
-.w-3-5 {
-  width: 60%;
+.w-3-16 {
+  width: 18.75%;
 }
-.w-3-5-max {
-  max-width: 60%;
+.w-3-16-max {
+  max-width: 18.75%;
 }
-.w-3-5-min {
-  min-width: 60%;
+.w-3-16-min {
+  min-width: 18.75%;
 }
 
-.w-4-5 {
-  width: 80%;
-}
-.w-4-5-max {
-  max-width: 80%;
-}
-.w-4-5-min {
-  min-width: 80%;
-}
-
-.w-5-5 {
-  width: 100%;
+.w-4-16 {
+  width: 25%;
 }
-.w-5-5-max {
-  max-width: 100%;
+.w-4-16-max {
+  max-width: 25%;
 }
-.w-5-5-min {
-  min-width: 100%;
+.w-4-16-min {
+  min-width: 25%;
 }
 
-.w-1-12 {
-  width: 8.3333333333%;
+.w-5-16 {
+  width: 31.25%;
 }
-.w-1-12-max {
-  max-width: 8.3333333333%;
+.w-5-16-max {
+  max-width: 31.25%;
 }
-.w-1-12-min {
-  min-width: 8.3333333333%;
+.w-5-16-min {
+  min-width: 31.25%;
 }
 
-.w-2-12 {
-  width: 16.6666666667%;
+.w-6-16 {
+  width: 37.5%;
 }
-.w-2-12-max {
-  max-width: 16.6666666667%;
+.w-6-16-max {
+  max-width: 37.5%;
 }
-.w-2-12-min {
-  min-width: 16.6666666667%;
+.w-6-16-min {
+  min-width: 37.5%;
 }
 
-.w-3-12 {
-  width: 25%;
+.w-7-16 {
+  width: 43.75%;
 }
-.w-3-12-max {
-  max-width: 25%;
+.w-7-16-max {
+  max-width: 43.75%;
 }
-.w-3-12-min {
-  min-width: 25%;
+.w-7-16-min {
+  min-width: 43.75%;
 }
 
-.w-4-12 {
-  width: 33.3333333333%;
+.w-8-16 {
+  width: 50%;
 }
-.w-4-12-max {
-  max-width: 33.3333333333%;
+.w-8-16-max {
+  max-width: 50%;
 }
-.w-4-12-min {
-  min-width: 33.3333333333%;
+.w-8-16-min {
+  min-width: 50%;
 }
 
-.w-5-12 {
-  width: 41.6666666667%;
+.w-9-16 {
+  width: 56.25%;
 }
-.w-5-12-max {
-  max-width: 41.6666666667%;
+.w-9-16-max {
+  max-width: 56.25%;
 }
-.w-5-12-min {
-  min-width: 41.6666666667%;
+.w-9-16-min {
+  min-width: 56.25%;
 }
 
-.w-6-12 {
-  width: 50%;
+.w-10-16 {
+  width: 62.5%;
 }
-.w-6-12-max {
-  max-width: 50%;
+.w-10-16-max {
+  max-width: 62.5%;
 }
-.w-6-12-min {
-  min-width: 50%;
+.w-10-16-min {
+  min-width: 62.5%;
 }
 
-.w-7-12 {
-  width: 58.3333333333%;
+.w-11-16 {
+  width: 68.75%;
 }
-.w-7-12-max {
-  max-width: 58.3333333333%;
+.w-11-16-max {
+  max-width: 68.75%;
 }
-.w-7-12-min {
-  min-width: 58.3333333333%;
+.w-11-16-min {
+  min-width: 68.75%;
 }
 
-.w-8-12 {
-  width: 66.6666666667%;
+.w-12-16 {
+  width: 75%;
 }
-.w-8-12-max {
-  max-width: 66.6666666667%;
+.w-12-16-max {
+  max-width: 75%;
 }
-.w-8-12-min {
-  min-width: 66.6666666667%;
+.w-12-16-min {
+  min-width: 75%;
 }
 
-.w-9-12 {
-  width: 75%;
+.w-13-16 {
+  width: 81.25%;
 }
-.w-9-12-max {
-  max-width: 75%;
+.w-13-16-max {
+  max-width: 81.25%;
 }
-.w-9-12-min {
-  min-width: 75%;
+.w-13-16-min {
+  min-width: 81.25%;
 }
 
-.w-10-12 {
-  width: 83.3333333333%;
+.w-14-16 {
+  width: 87.5%;
 }
-.w-10-12-max {
-  max-width: 83.3333333333%;
+.w-14-16-max {
+  max-width: 87.5%;
 }
-.w-10-12-min {
-  min-width: 83.3333333333%;
+.w-14-16-min {
+  min-width: 87.5%;
 }
 
-.w-11-12 {
-  width: 91.6666666667%;
+.w-15-16 {
+  width: 93.75%;
 }
-.w-11-12-max {
-  max-width: 91.6666666667%;
+.w-15-16-max {
+  max-width: 93.75%;
 }
-.w-11-12-min {
-  min-width: 91.6666666667%;
+.w-15-16-min {
+  min-width: 93.75%;
 }
 
-.w-12-12 {
+.w-16-16 {
   width: 100%;
 }
-.w-12-12-max {
+.w-16-16-max {
   max-width: 100%;
 }
-.w-12-12-min {
+.w-16-16-min {
   min-width: 100%;
 }
 
@@ -378,6 +418,56 @@
   min-height: min-content;
 }
 
+.h-tiny {
+  height: 2rem;
+}
+.h-tiny-max {
+  max-height: 2rem;
+}
+.h-tiny-min {
+  min-height: 2rem;
+}
+
+.h-small {
+  height: 4rem;
+}
+.h-small-max {
+  max-height: 4rem;
+}
+.h-small-min {
+  min-height: 4rem;
+}
+
+.h-medium {
+  height: 8rem;
+}
+.h-medium-max {
+  max-height: 8rem;
+}
+.h-medium-min {
+  min-height: 8rem;
+}
+
+.h-large {
+  height: 16rem;
+}
+.h-large-max {
+  max-height: 16rem;
+}
+.h-large-min {
+  min-height: 16rem;
+}
+
+.h-wide {
+  height: 32rem;
+}
+.h-wide-max {
+  max-height: 32rem;
+}
+.h-wide-min {
+  min-height: 32rem;
+}
+
 .h-1 {
   height: 1rem;
 }
@@ -468,172 +558,162 @@
   min-height: 64rem;
 }
 
-.h-1-5 {
-  height: 20%;
+.h-1-16 {
+  height: 6.25%;
 }
-.h-1-5-max {
-  max-height: 20%;
+.h-1-16-max {
+  max-height: 6.25%;
 }
-.h-1-5-min {
-  min-height: 20%;
+.h-1-16-min {
+  min-height: 6.25%;
 }
 
-.h-2-5 {
-  height: 40%;
+.h-2-16 {
+  height: 12.5%;
 }
-.h-2-5-max {
-  max-height: 40%;
+.h-2-16-max {
+  max-height: 12.5%;
 }
-.h-2-5-min {
-  min-height: 40%;
+.h-2-16-min {
+  min-height: 12.5%;
 }
 
-.h-3-5 {
-  height: 60%;
+.h-3-16 {
+  height: 18.75%;
 }
-.h-3-5-max {
-  max-height: 60%;
+.h-3-16-max {
+  max-height: 18.75%;
 }
-.h-3-5-min {
-  min-height: 60%;
+.h-3-16-min {
+  min-height: 18.75%;
 }
 
-.h-4-5 {
-  height: 80%;
-}
-.h-4-5-max {
-  max-height: 80%;
-}
-.h-4-5-min {
-  min-height: 80%;
-}
-
-.h-5-5 {
-  height: 100%;
+.h-4-16 {
+  height: 25%;
 }
-.h-5-5-max {
-  max-height: 100%;
+.h-4-16-max {
+  max-height: 25%;
 }
-.h-5-5-min {
-  min-height: 100%;
+.h-4-16-min {
+  min-height: 25%;
 }
 
-.h-1-12 {
-  height: 8.3333333333%;
+.h-5-16 {
+  height: 31.25%;
 }
-.h-1-12-max {
-  max-height: 8.3333333333%;
+.h-5-16-max {
+  max-height: 31.25%;
 }
-.h-1-12-min {
-  min-height: 8.3333333333%;
+.h-5-16-min {
+  min-height: 31.25%;
 }
 
-.h-2-12 {
-  height: 16.6666666667%;
+.h-6-16 {
+  height: 37.5%;
 }
-.h-2-12-max {
-  max-height: 16.6666666667%;
+.h-6-16-max {
+  max-height: 37.5%;
 }
-.h-2-12-min {
-  min-height: 16.6666666667%;
+.h-6-16-min {
+  min-height: 37.5%;
 }
 
-.h-3-12 {
-  height: 25%;
+.h-7-16 {
+  height: 43.75%;
 }
-.h-3-12-max {
-  max-height: 25%;
+.h-7-16-max {
+  max-height: 43.75%;
 }
-.h-3-12-min {
-  min-height: 25%;
+.h-7-16-min {
+  min-height: 43.75%;
 }
 
-.h-4-12 {
-  height: 33.3333333333%;
+.h-8-16 {
+  height: 50%;
 }
-.h-4-12-max {
-  max-height: 33.3333333333%;
+.h-8-16-max {
+  max-height: 50%;
 }
-.h-4-12-min {
-  min-height: 33.3333333333%;
+.h-8-16-min {
+  min-height: 50%;
 }
 
-.h-5-12 {
-  height: 41.6666666667%;
+.h-9-16 {
+  height: 56.25%;
 }
-.h-5-12-max {
-  max-height: 41.6666666667%;
+.h-9-16-max {
+  max-height: 56.25%;
 }
-.h-5-12-min {
-  min-height: 41.6666666667%;
+.h-9-16-min {
+  min-height: 56.25%;
 }
 
-.h-6-12 {
-  height: 50%;
+.h-10-16 {
+  height: 62.5%;
 }
-.h-6-12-max {
-  max-height: 50%;
+.h-10-16-max {
+  max-height: 62.5%;
 }
-.h-6-12-min {
-  min-height: 50%;
+.h-10-16-min {
+  min-height: 62.5%;
 }
 
-.h-7-12 {
-  height: 58.3333333333%;
+.h-11-16 {
+  height: 68.75%;
 }
-.h-7-12-max {
-  max-height: 58.3333333333%;
+.h-11-16-max {
+  max-height: 68.75%;
 }
-.h-7-12-min {
-  min-height: 58.3333333333%;
+.h-11-16-min {
+  min-height: 68.75%;
 }
 
-.h-8-12 {
-  height: 66.6666666667%;
+.h-12-16 {
+  height: 75%;
 }
-.h-8-12-max {
-  max-height: 66.6666666667%;
+.h-12-16-max {
+  max-height: 75%;
 }
-.h-8-12-min {
-  min-height: 66.6666666667%;
+.h-12-16-min {
+  min-height: 75%;
 }
 
-.h-9-12 {
-  height: 75%;
+.h-13-16 {
+  height: 81.25%;
 }
-.h-9-12-max {
-  max-height: 75%;
+.h-13-16-max {
+  max-height: 81.25%;
 }
-.h-9-12-min {
-  min-height: 75%;
+.h-13-16-min {
+  min-height: 81.25%;
 }
 
-.h-10-12 {
-  height: 83.3333333333%;
+.h-14-16 {
+  height: 87.5%;
 }
-.h-10-12-max {
-  max-height: 83.3333333333%;
+.h-14-16-max {
+  max-height: 87.5%;
 }
-.h-10-12-min {
-  min-height: 83.3333333333%;
+.h-14-16-min {
+  min-height: 87.5%;
 }
 
-.h-11-12 {
-  height: 91.6666666667%;
+.h-15-16 {
+  height: 93.75%;
 }
-.h-11-12-max {
-  max-height: 91.6666666667%;
+.h-15-16-max {
+  max-height: 93.75%;
 }
-.h-11-12-min {
-  min-height: 91.6666666667%;
+.h-15-16-min {
+  min-height: 93.75%;
 }
 
-.h-12-12 {
+.h-16-16 {
   height: 100%;
 }
-.h-12-12-max {
+.h-16-16-max {
   max-height: 100%;
 }
-.h-12-12-min {
+.h-16-16-min {
   min-height: 100%;
 }

package/styles/scale/scale.min.css

@@ -0,0 +1 @@
+.w-full{width:100%}.w-full-max{max-width:100%}.w-full-min{min-width:100%}.w-mid{width:50%}.w-mid-max{max-width:50%}.w-mid-min{min-width:50%}.w-quarter{width:25%}.w-quarter-max{max-width:25%}.w-quarter-min{min-width:25%}.w-tiers{width:33%}.w-tiers-max{max-width:33%}.w-tiers-min{min-width:33%}.w-content-max{width:max-content}.w-content-max-max{max-width:max-content}.w-content-max-min{min-width:max-content}.w-content-min{width:min-content}.w-content-min-max{max-width:min-content}.w-content-min-min{min-width:min-content}.w-tiny{width:2rem}.w-tiny-max{max-width:2rem}.w-tiny-min{min-width:2rem}.w-small{width:4rem}.w-small-max{max-width:4rem}.w-small-min{min-width:4rem}.w-medium{width:8rem}.w-medium-max{max-width:8rem}.w-medium-min{min-width:8rem}.w-large{width:16rem}.w-large-max{max-width:16rem}.w-large-min{min-width:16rem}.w-wide{width:32rem}.w-wide-max{max-width:32rem}.w-wide-min{min-width:32rem}.w-1{width:1rem}.w-1-max{max-width:1rem}.w-1-min{min-width:1rem}.w-2{width:2rem}.w-2-max{max-width:2rem}.w-2-min{min-width:2rem}.w-4{width:4rem}.w-4-max{max-width:4rem}.w-4-min{min-width:4rem}.w-8{width:8rem}.w-8-max{max-width:8rem}.w-8-min{min-width:8rem}.w-16{width:16rem}.w-16-max{max-width:16rem}.w-16-min{min-width:16rem}.w-24{width:24rem}.w-24-max{max-width:24rem}.w-24-min{min-width:24rem}.w-32{width:32rem}.w-32-max{max-width:32rem}.w-32-min{min-width:32rem}.w-48{width:48rem}.w-48-max{max-width:48rem}.w-48-min{min-width:48rem}.w-64{width:64rem}.w-64-max{max-width:64rem}.w-64-min{min-width:64rem}.w-1-16{width:6.25%}.w-1-16-max{max-width:6.25%}.w-1-16-min{min-width:6.25%}.w-2-16{width:12.5%}.w-2-16-max{max-width:12.5%}.w-2-16-min{min-width:12.5%}.w-3-16{width:18.75%}.w-3-16-max{max-width:18.75%}.w-3-16-min{min-width:18.75%}.w-4-16{width:25%}.w-4-16-max{max-width:25%}.w-4-16-min{min-width:25%}.w-5-16{width:31.25%}.w-5-16-max{max-width:31.25%}.w-5-16-min{min-width:31.25%}.w-6-16{width:37.5%}.w-6-16-max{max-width:37.5%}.w-6-16-min{min-width:37.5%}.w-7-16{width:43.75%}.w-7-16-max{max-width:43.75%}.w-7-16-min{min-width:43.75%}.w-8-16{width:50%}.w-8-16-max{max-width:50%}.w-8-16-min{min-width:50%}.w-9-16{width:56.25%}.w-9-16-max{max-width:56.25%}.w-9-16-min{min-width:56.25%}.w-10-16{width:62.5%}.w-10-16-max{max-width:62.5%}.w-10-16-min{min-width:62.5%}.w-11-16{width:68.75%}.w-11-16-max{max-width:68.75%}.w-11-16-min{min-width:68.75%}.w-12-16{width:75%}.w-12-16-max{max-width:75%}.w-12-16-min{min-width:75%}.w-13-16{width:81.25%}.w-13-16-max{max-width:81.25%}.w-13-16-min{min-width:81.25%}.w-14-16{width:87.5%}.w-14-16-max{max-width:87.5%}.w-14-16-min{min-width:87.5%}.w-15-16{width:93.75%}.w-15-16-max{max-width:93.75%}.w-15-16-min{min-width:93.75%}.w-16-16{width:100%}.w-16-16-max{max-width:100%}.w-16-16-min{min-width:100%}.h-full{height:100%}.h-full-max{max-height:100%}.h-full-min{min-height:100%}.h-mid{height:50%}.h-mid-max{max-height:50%}.h-mid-min{min-height:50%}.h-quarter{height:25%}.h-quarter-max{max-height:25%}.h-quarter-min{min-height:25%}.h-tiers{height:33%}.h-tiers-max{max-height:33%}.h-tiers-min{min-height:33%}.h-content-max{height:max-content}.h-content-max-max{max-height:max-content}.h-content-max-min{min-height:max-content}.h-content-min{height:min-content}.h-content-min-max{max-height:min-content}.h-content-min-min{min-height:min-content}.h-tiny{height:2rem}.h-tiny-max{max-height:2rem}.h-tiny-min{min-height:2rem}.h-small{height:4rem}.h-small-max{max-height:4rem}.h-small-min{min-height:4rem}.h-medium{height:8rem}.h-medium-max{max-height:8rem}.h-medium-min{min-height:8rem}.h-large{height:16rem}.h-large-max{max-height:16rem}.h-large-min{min-height:16rem}.h-wide{height:32rem}.h-wide-max{max-height:32rem}.h-wide-min{min-height:32rem}.h-1{height:1rem}.h-1-max{max-height:1rem}.h-1-min{min-height:1rem}.h-2{height:2rem}.h-2-max{max-height:2rem}.h-2-min{min-height:2rem}.h-4{height:4rem}.h-4-max{max-height:4rem}.h-4-min{min-height:4rem}.h-8{height:8rem}.h-8-max{max-height:8rem}.h-8-min{min-height:8rem}.h-16{height:16rem}.h-16-max{max-height:16rem}.h-16-min{min-height:16rem}.h-24{height:24rem}.h-24-max{max-height:24rem}.h-24-min{min-height:24rem}.h-32{height:32rem}.h-32-max{max-height:32rem}.h-32-min{min-height:32rem}.h-48{height:48rem}.h-48-max{max-height:48rem}.h-48-min{min-height:48rem}.h-64{height:64rem}.h-64-max{max-height:64rem}.h-64-min{min-height:64rem}.h-1-16{height:6.25%}.h-1-16-max{max-height:6.25%}.h-1-16-min{min-height:6.25%}.h-2-16{height:12.5%}.h-2-16-max{max-height:12.5%}.h-2-16-min{min-height:12.5%}.h-3-16{height:18.75%}.h-3-16-max{max-height:18.75%}.h-3-16-min{min-height:18.75%}.h-4-16{height:25%}.h-4-16-max{max-height:25%}.h-4-16-min{min-height:25%}.h-5-16{height:31.25%}.h-5-16-max{max-height:31.25%}.h-5-16-min{min-height:31.25%}.h-6-16{height:37.5%}.h-6-16-max{max-height:37.5%}.h-6-16-min{min-height:37.5%}.h-7-16{height:43.75%}.h-7-16-max{max-height:43.75%}.h-7-16-min{min-height:43.75%}.h-8-16{height:50%}.h-8-16-max{max-height:50%}.h-8-16-min{min-height:50%}.h-9-16{height:56.25%}.h-9-16-max{max-height:56.25%}.h-9-16-min{min-height:56.25%}.h-10-16{height:62.5%}.h-10-16-max{max-height:62.5%}.h-10-16-min{min-height:62.5%}.h-11-16{height:68.75%}.h-11-16-max{max-height:68.75%}.h-11-16-min{min-height:68.75%}.h-12-16{height:75%}.h-12-16-max{max-height:75%}.h-12-16-min{min-height:75%}.h-13-16{height:81.25%}.h-13-16-max{max-height:81.25%}.h-13-16-min{min-height:81.25%}.h-14-16{height:87.5%}.h-14-16-max{max-height:87.5%}.h-14-16-min{min-height:87.5%}.h-15-16{height:93.75%}.h-15-16-max{max-height:93.75%}.h-15-16-min{min-height:93.75%}.h-16-16{height:100%}.h-16-16-max{max-height:100%}.h-16-16-min{min-height:100%}