hyper-grid - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

dist/hyper-grid.css

+/**
+ * hyper-grid
+ * CSS grid with flexbox
+ * https://heyallan.github.io/hyper-grid/
+ * License MIT Copyright (c) 2016-2016
+ */
+.container,
+.container-fluid {
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: 1rem;
+  padding-left: 1rem;
+  width: 100%;
+}
+.container {
+  max-width: 1200px;
+}
+.row {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: 0 1 auto;
+      flex: 0 1 auto;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  margin-left: -1rem;
+  margin-right: -1rem;
+}
+[class*="col-"] {
+  padding-left: 1rem;
+  padding-right: 1rem;
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  -ms-flex-negative: 1;
+      flex-shrink: 1;
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+.col-xs-auto {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+  -ms-flex-preferred-size: 0;
+      flex-basis: 0;
+  max-width: 100%;
+}
+.col-xs-1 {
+  -ms-flex-preferred-size: 8.333%;
+      flex-basis: 8.333%;
+  max-width: 8.333%;
+}
+.col-xs-2 {
+  -ms-flex-preferred-size: 16.667%;
+      flex-basis: 16.667%;
+  max-width: 16.667%;
+}
+.col-xs-3 {
+  -ms-flex-preferred-size: 25%;
+      flex-basis: 25%;
+  max-width: 25%;
+}
+.col-xs-4 {
+  -ms-flex-preferred-size: 33.333%;
+      flex-basis: 33.333%;
+  max-width: 33.333%;
+}
+.col-xs-5 {
+  -ms-flex-preferred-size: 41.667%;
+      flex-basis: 41.667%;
+  max-width: 41.667%;
+}
+.col-xs-6 {
+  -ms-flex-preferred-size: 50%;
+      flex-basis: 50%;
+  max-width: 50%;
+}
+.col-xs-7 {
+  -ms-flex-preferred-size: 58.333%;
+      flex-basis: 58.333%;
+  max-width: 58.333%;
+}
+.col-xs-8 {
+  -ms-flex-preferred-size: 66.667%;
+      flex-basis: 66.667%;
+  max-width: 66.667%;
+}
+.col-xs-9 {
+  -ms-flex-preferred-size: 75%;
+      flex-basis: 75%;
+  max-width: 75%;
+}
+.col-xs-10 {
+  -ms-flex-preferred-size: 83.333%;
+      flex-basis: 83.333%;
+  max-width: 83.333%;
+}
+.col-xs-11 {
+  -ms-flex-preferred-size: 91.667%;
+      flex-basis: 91.667%;
+  max-width: 91.667%;
+}
+.col-xs-12 {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+  max-width: 100%;
+}
+@media only screen and (min-width: 34em) {
+  .col-sm-auto {
+    -ms-flex-positive: 1;
+        flex-grow: 1;
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    max-width: 100%;
+  }
+  .col-sm-1 {
+    -ms-flex-preferred-size: 8.333%;
+        flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+  .col-sm-2 {
+    -ms-flex-preferred-size: 16.667%;
+        flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+  .col-sm-3 {
+    -ms-flex-preferred-size: 25%;
+        flex-basis: 25%;
+    max-width: 25%;
+  }
+  .col-sm-4 {
+    -ms-flex-preferred-size: 33.333%;
+        flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+  .col-sm-5 {
+    -ms-flex-preferred-size: 41.667%;
+        flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+  .col-sm-6 {
+    -ms-flex-preferred-size: 50%;
+        flex-basis: 50%;
+    max-width: 50%;
+  }
+  .col-sm-7 {
+    -ms-flex-preferred-size: 58.333%;
+        flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+  .col-sm-8 {
+    -ms-flex-preferred-size: 66.667%;
+        flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+  .col-sm-9 {
+    -ms-flex-preferred-size: 75%;
+        flex-basis: 75%;
+    max-width: 75%;
+  }
+  .col-sm-10 {
+    -ms-flex-preferred-size: 83.333%;
+        flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+  .col-sm-11 {
+    -ms-flex-preferred-size: 91.667%;
+        flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+  .col-sm-12 {
+    -ms-flex-preferred-size: 100%;
+        flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+@media only screen and (min-width: 48em) {
+  .col-md-auto {
+    -ms-flex-positive: 1;
+        flex-grow: 1;
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    max-width: 100%;
+  }
+  .col-md-1 {
+    -ms-flex-preferred-size: 8.333%;
+        flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+  .col-md-2 {
+    -ms-flex-preferred-size: 16.667%;
+        flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+  .col-md-3 {
+    -ms-flex-preferred-size: 25%;
+        flex-basis: 25%;
+    max-width: 25%;
+  }
+  .col-md-4 {
+    -ms-flex-preferred-size: 33.333%;
+        flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+  .col-md-5 {
+    -ms-flex-preferred-size: 41.667%;
+        flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+  .col-md-6 {
+    -ms-flex-preferred-size: 50%;
+        flex-basis: 50%;
+    max-width: 50%;
+  }
+  .col-md-7 {
+    -ms-flex-preferred-size: 58.333%;
+        flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+  .col-md-8 {
+    -ms-flex-preferred-size: 66.667%;
+        flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+  .col-md-9 {
+    -ms-flex-preferred-size: 75%;
+        flex-basis: 75%;
+    max-width: 75%;
+  }
+  .col-md-10 {
+    -ms-flex-preferred-size: 83.333%;
+        flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+  .col-md-11 {
+    -ms-flex-preferred-size: 91.667%;
+        flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+  .col-md-12 {
+    -ms-flex-preferred-size: 100%;
+        flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+@media only screen and (min-width: 64em) {
+  .col-lg-auto {
+    -ms-flex-positive: 1;
+        flex-grow: 1;
+    -ms-flex-preferred-size: 0;
+        flex-basis: 0;
+    max-width: 100%;
+  }
+  .col-lg-1 {
+    -ms-flex-preferred-size: 8.333%;
+        flex-basis: 8.333%;
+    max-width: 8.333%;
+  }
+  .col-lg-2 {
+    -ms-flex-preferred-size: 16.667%;
+        flex-basis: 16.667%;
+    max-width: 16.667%;
+  }
+  .col-lg-3 {
+    -ms-flex-preferred-size: 25%;
+        flex-basis: 25%;
+    max-width: 25%;
+  }
+  .col-lg-4 {
+    -ms-flex-preferred-size: 33.333%;
+        flex-basis: 33.333%;
+    max-width: 33.333%;
+  }
+  .col-lg-5 {
+    -ms-flex-preferred-size: 41.667%;
+        flex-basis: 41.667%;
+    max-width: 41.667%;
+  }
+  .col-lg-6 {
+    -ms-flex-preferred-size: 50%;
+        flex-basis: 50%;
+    max-width: 50%;
+  }
+  .col-lg-7 {
+    -ms-flex-preferred-size: 58.333%;
+        flex-basis: 58.333%;
+    max-width: 58.333%;
+  }
+  .col-lg-8 {
+    -ms-flex-preferred-size: 66.667%;
+        flex-basis: 66.667%;
+    max-width: 66.667%;
+  }
+  .col-lg-9 {
+    -ms-flex-preferred-size: 75%;
+        flex-basis: 75%;
+    max-width: 75%;
+  }
+  .col-lg-10 {
+    -ms-flex-preferred-size: 83.333%;
+        flex-basis: 83.333%;
+    max-width: 83.333%;
+  }
+  .col-lg-11 {
+    -ms-flex-preferred-size: 91.667%;
+        flex-basis: 91.667%;
+    max-width: 91.667%;
+  }
+  .col-lg-12 {
+    -ms-flex-preferred-size: 100%;
+        flex-basis: 100%;
+    max-width: 100%;
+  }
+}
+.col-xs-offset-1 {
+  margin-left: 8.333%;
+}
+.col-xs-offset-2 {
+  margin-left: 16.667%;
+}
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+.col-xs-offset-4 {
+  margin-left: 33.333%;
+}
+.col-xs-offset-5 {
+  margin-left: 41.667%;
+}
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+.col-xs-offset-7 {
+  margin-left: 58.333%;
+}
+.col-xs-offset-8 {
+  margin-left: 66.667%;
+}
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+.col-xs-offset-10 {
+  margin-left: 83.333%;
+}
+.col-xs-offset-11 {
+  margin-left: 91.667%;
+}
+@media only screen and (min-width: 34em) {
+  .col-sm-offset-1 {
+    margin-left: 8.333%;
+  }
+  .col-sm-offset-2 {
+    margin-left: 16.667%;
+  }
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+  .col-sm-offset-4 {
+    margin-left: 33.333%;
+  }
+  .col-sm-offset-5 {
+    margin-left: 41.667%;
+  }
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+  .col-sm-offset-7 {
+    margin-left: 58.333%;
+  }
+  .col-sm-offset-8 {
+    margin-left: 66.667%;
+  }
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+  .col-sm-offset-10 {
+    margin-left: 83.333%;
+  }
+  .col-sm-offset-11 {
+    margin-left: 91.667%;
+  }
+}
+@media only screen and (min-width: 48em) {
+  .col-md-offset-1 {
+    margin-left: 8.333%;
+  }
+  .col-md-offset-2 {
+    margin-left: 16.667%;
+  }
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+  .col-md-offset-4 {
+    margin-left: 33.333%;
+  }
+  .col-md-offset-5 {
+    margin-left: 41.667%;
+  }
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+  .col-md-offset-7 {
+    margin-left: 58.333%;
+  }
+  .col-md-offset-8 {
+    margin-left: 66.667%;
+  }
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+  .col-md-offset-10 {
+    margin-left: 83.333%;
+  }
+  .col-md-offset-11 {
+    margin-left: 91.667%;
+  }
+}
+@media only screen and (min-width: 64em) {
+  .col-lg-offset-1 {
+    margin-left: 8.333%;
+  }
+  .col-lg-offset-2 {
+    margin-left: 16.667%;
+  }
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-lg-offset-4 {
+    margin-left: 33.333%;
+  }
+  .col-lg-offset-5 {
+    margin-left: 41.667%;
+  }
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-lg-offset-7 {
+    margin-left: 58.333%;
+  }
+  .col-lg-offset-8 {
+    margin-left: 66.667%;
+  }
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-lg-offset-10 {
+    margin-left: 83.333%;
+  }
+  .col-lg-offset-11 {
+    margin-left: 91.667%;
+  }
+}
+.justify-xs-left {
+  -ms-flex-pack: start;
+      justify-content: flex-start;
+}
+.justify-xs-center {
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.justify-xs-right {
+  -ms-flex-pack: end;
+      justify-content: flex-end;
+}
+.justify-xs-around {
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+.justify-xs-between {
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+}
+@media only screen and (min-width: 34em) {
+  .justify-sm-left {
+    -ms-flex-pack: start;
+        justify-content: flex-start;
+  }
+  .justify-sm-center {
+    -ms-flex-pack: center;
+        justify-content: center;
+  }
+  .justify-sm-right {
+    -ms-flex-pack: end;
+        justify-content: flex-end;
+  }
+  .justify-sm-around {
+    -ms-flex-pack: distribute;
+        justify-content: space-around;
+  }
+  .justify-sm-between {
+    -ms-flex-pack: justify;
+        justify-content: space-between;
+  }
+}
+@media only screen and (min-width: 48em) {
+  .justify-md-left {
+    -ms-flex-pack: start;
+        justify-content: flex-start;
+  }
+  .justify-md-center {
+    -ms-flex-pack: center;
+        justify-content: center;
+  }
+  .justify-md-right {
+    -ms-flex-pack: end;
+        justify-content: flex-end;
+  }
+  .justify-md-around {
+    -ms-flex-pack: distribute;
+        justify-content: space-around;
+  }
+  .justify-md-between {
+    -ms-flex-pack: justify;
+        justify-content: space-between;
+  }
+}
+@media only screen and (min-width: 64em) {
+  .justify-lg-left {
+    -ms-flex-pack: start;
+        justify-content: flex-start;
+  }
+  .justify-lg-center {
+    -ms-flex-pack: center;
+        justify-content: center;
+  }
+  .justify-lg-right {
+    -ms-flex-pack: end;
+        justify-content: flex-end;
+  }
+  .justify-lg-around {
+    -ms-flex-pack: distribute;
+        justify-content: space-around;
+  }
+  .justify-lg-between {
+    -ms-flex-pack: justify;
+        justify-content: space-between;
+  }
+}
+.align-xs-top {
+  -ms-flex-align: start;
+      align-items: flex-start;
+}
+.align-xs-center {
+  -ms-flex-align: center;
+      align-items: center;
+}
+.align-xs-bottom {
+  -ms-flex-align: end;
+      align-items: flex-end;
+}
+@media only screen and (min-width: 34em) {
+  .align-sm-top {
+    -ms-flex-align: start;
+        align-items: flex-start;
+  }
+  .align-sm-center {
+    -ms-flex-align: center;
+        align-items: center;
+  }
+  .align-sm-bottom {
+    -ms-flex-align: end;
+        align-items: flex-end;
+  }
+}
+@media only screen and (min-width: 48em) {
+  .align-md-top {
+    -ms-flex-align: start;
+        align-items: flex-start;
+  }
+  .align-md-center {
+    -ms-flex-align: center;
+        align-items: center;
+  }
+  .align-md-bottom {
+    -ms-flex-align: end;
+        align-items: flex-end;
+  }
+}
+@media only screen and (min-width: 64em) {
+  .align-lg-top {
+    -ms-flex-align: start;
+        align-items: flex-start;
+  }
+  .align-lg-center {
+    -ms-flex-align: center;
+        align-items: center;
+  }
+  .align-lg-bottom {
+    -ms-flex-align: end;
+        align-items: flex-end;
+  }
+}
+.row-reverse {
+  -ms-flex-direction: row-reverse;
+      flex-direction: row-reverse;
+}
+.column-reverse {
+  -ms-flex-direction: column-reverse;
+      flex-direction: column-reverse;
+}
+.order-xs-first {
+  -ms-flex-order: -1;
+      order: -1;
+}
+.order-xs-last {
+  -ms-flex-order: 1;
+      order: 1;
+}
+@media only screen and (min-width: 34em) {
+  .order-sm-first {
+    -ms-flex-order: -1;
+        order: -1;
+  }
+  .order-sm-last {
+    -ms-flex-order: 1;
+        order: 1;
+  }
+}
+@media only screen and (min-width: 48em) {
+  .order-md-first {
+    -ms-flex-order: -1;
+        order: -1;
+  }
+  .order-md-last {
+    -ms-flex-order: 1;
+        order: 1;
+  }
+}
+@media only screen and (min-width: 64em) {
+  .order-lg-first {
+    -ms-flex-order: -1;
+        order: -1;
+  }
+  .order-lg-last {
+    -ms-flex-order: 1;
+        order: 1;
+  }
+}

dist/hyper-grid.min.css

+/**
+ * hyper-grid
+ * CSS grid with flexbox
+ * https://heyallan.github.io/hyper-grid/
+ * License MIT Copyright (c) 2016-2016
+ */
+.container,.container-fluid{margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}.container{max-width:1200px}.row{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}[class*=col-]{padding-left:1rem;padding-right:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:100%;flex-basis:100%}.col-xs-auto{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}@media only screen and (min-width:34em){.col-sm-auto{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}}@media only screen and (min-width:48em){.col-md-auto{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}}@media only screen and (min-width:64em){.col-lg-auto{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}}.justify-xs-left{-ms-flex-pack:start;justify-content:flex-start}.justify-xs-center{-ms-flex-pack:center;justify-content:center}.justify-xs-right{-ms-flex-pack:end;justify-content:flex-end}.justify-xs-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-xs-between{-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width:34em){.justify-sm-left{-ms-flex-pack:start;justify-content:flex-start}.justify-sm-center{-ms-flex-pack:center;justify-content:center}.justify-sm-right{-ms-flex-pack:end;justify-content:flex-end}.justify-sm-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-sm-between{-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:48em){.justify-md-left{-ms-flex-pack:start;justify-content:flex-start}.justify-md-center{-ms-flex-pack:center;justify-content:center}.justify-md-right{-ms-flex-pack:end;justify-content:flex-end}.justify-md-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-md-between{-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:64em){.justify-lg-left{-ms-flex-pack:start;justify-content:flex-start}.justify-lg-center{-ms-flex-pack:center;justify-content:center}.justify-lg-right{-ms-flex-pack:end;justify-content:flex-end}.justify-lg-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-lg-between{-ms-flex-pack:justify;justify-content:space-between}}.align-xs-top{-ms-flex-align:start;align-items:flex-start}.align-xs-center{-ms-flex-align:center;align-items:center}.align-xs-bottom{-ms-flex-align:end;align-items:flex-end}@media only screen and (min-width:34em){.align-sm-top{-ms-flex-align:start;align-items:flex-start}.align-sm-center{-ms-flex-align:center;align-items:center}.align-sm-bottom{-ms-flex-align:end;align-items:flex-end}}@media only screen and (min-width:48em){.align-md-top{-ms-flex-align:start;align-items:flex-start}.align-md-center{-ms-flex-align:center;align-items:center}.align-md-bottom{-ms-flex-align:end;align-items:flex-end}}@media only screen and (min-width:64em){.align-lg-top{-ms-flex-align:start;align-items:flex-start}.align-lg-center{-ms-flex-align:center;align-items:center}.align-lg-bottom{-ms-flex-align:end;align-items:flex-end}}.row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.order-xs-first{-ms-flex-order:-1;order:-1}.order-xs-last{-ms-flex-order:1;order:1}@media only screen and (min-width:34em){.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:1;order:1}}@media only screen and (min-width:48em){.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:1;order:1}}

gulpfile.js

@@ -22,8 +22,8 @@ var gulp         = require('gulp');
     .pipe(autoprefix({browsers:['last 2 versions']}))
-    .pipe(rename('styles.css'))
-    .pipe(header(banner,{package:pkgFile}))
+    .pipe(rename(pkgFile.name + '.css'))
+    .pipe(header(banner, {package: pkgFile}))
     .pipe(gulp.dest('dist/')) // <-- deliver expanded for dist
     .pipe(minify())
-    .pipe(rename('styles.min.css'))
-    .pipe(header(banner,{package:pkgFile}))
+    .pipe(rename(pkgFile.name + '.min.css'))
+    .pipe(header(banner, {package: pkgFile}))
     .pipe(gulp.dest('dist/')) // <-- deliver compressed for dist
@@ -37,3 +37,3 @@ .pipe(gulp.dest('docs/')) // <-- deliver extra copy for docs
       path: 'src/docs/partials/',
-      data: {package:pkgFile}
+      data: {package: pkgFile}
     }))
@@ -40,0 +40,0 @@ .pipe(gulp.dest('docs/'));

package.json

 {
   "name": "hyper-grid",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "CSS grid with flexbox",
@@ -25,3 +25,3 @@ "repository": {
   },
-  "homepage": "https://github.com/heyallan/hyper-grid",
+  "homepage": "https://heyallan.github.io/hyper-grid/",
   "devDependencies": {
@@ -28,0 +28,0 @@ "autoprefixer": "^6.4.1",

dist/styles.css

-/**
- * hyper-grid
- * CSS grid with flexbox
- * https://github.com/heyallan/hyper-grid
- * License MIT Copyright (c) 2016-2016
- */
-.container,
-.container-fluid {
-  margin-right: auto;
-  margin-left: auto;
-  padding-right: 1rem;
-  padding-left: 1rem;
-  width: 100%;
-}
-.container {
-  max-width: 1200px;
-}
-.row {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-  -ms-flex-direction: row;
-      flex-direction: row;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  margin-left: -1rem;
-  margin-right: -1rem;
-}
-[class*="col-"] {
-  padding-left: 1rem;
-  padding-right: 1rem;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
-  -ms-flex-negative: 1;
-      flex-shrink: 1;
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-}
-.col-xs-auto {
-  -ms-flex-positive: 1;
-      flex-grow: 1;
-  -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-  max-width: 100%;
-}
-.col-xs-1 {
-  -ms-flex-preferred-size: 8.333%;
-      flex-basis: 8.333%;
-  max-width: 8.333%;
-}
-.col-xs-2 {
-  -ms-flex-preferred-size: 16.667%;
-      flex-basis: 16.667%;
-  max-width: 16.667%;
-}
-.col-xs-3 {
-  -ms-flex-preferred-size: 25%;
-      flex-basis: 25%;
-  max-width: 25%;
-}
-.col-xs-4 {
-  -ms-flex-preferred-size: 33.333%;
-      flex-basis: 33.333%;
-  max-width: 33.333%;
-}
-.col-xs-5 {
-  -ms-flex-preferred-size: 41.667%;
-      flex-basis: 41.667%;
-  max-width: 41.667%;
-}
-.col-xs-6 {
-  -ms-flex-preferred-size: 50%;
-      flex-basis: 50%;
-  max-width: 50%;
-}
-.col-xs-7 {
-  -ms-flex-preferred-size: 58.333%;
-      flex-basis: 58.333%;
-  max-width: 58.333%;
-}
-.col-xs-8 {
-  -ms-flex-preferred-size: 66.667%;
-      flex-basis: 66.667%;
-  max-width: 66.667%;
-}
-.col-xs-9 {
-  -ms-flex-preferred-size: 75%;
-      flex-basis: 75%;
-  max-width: 75%;
-}
-.col-xs-10 {
-  -ms-flex-preferred-size: 83.333%;
-      flex-basis: 83.333%;
-  max-width: 83.333%;
-}
-.col-xs-11 {
-  -ms-flex-preferred-size: 91.667%;
-      flex-basis: 91.667%;
-  max-width: 91.667%;
-}
-.col-xs-12 {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-  max-width: 100%;
-}
-@media only screen and (min-width: 34em) {
-  .col-sm-auto {
-    -ms-flex-positive: 1;
-        flex-grow: 1;
-    -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-    max-width: 100%;
-  }
-  .col-sm-1 {
-    -ms-flex-preferred-size: 8.333%;
-        flex-basis: 8.333%;
-    max-width: 8.333%;
-  }
-  .col-sm-2 {
-    -ms-flex-preferred-size: 16.667%;
-        flex-basis: 16.667%;
-    max-width: 16.667%;
-  }
-  .col-sm-3 {
-    -ms-flex-preferred-size: 25%;
-        flex-basis: 25%;
-    max-width: 25%;
-  }
-  .col-sm-4 {
-    -ms-flex-preferred-size: 33.333%;
-        flex-basis: 33.333%;
-    max-width: 33.333%;
-  }
-  .col-sm-5 {
-    -ms-flex-preferred-size: 41.667%;
-        flex-basis: 41.667%;
-    max-width: 41.667%;
-  }
-  .col-sm-6 {
-    -ms-flex-preferred-size: 50%;
-        flex-basis: 50%;
-    max-width: 50%;
-  }
-  .col-sm-7 {
-    -ms-flex-preferred-size: 58.333%;
-        flex-basis: 58.333%;
-    max-width: 58.333%;
-  }
-  .col-sm-8 {
-    -ms-flex-preferred-size: 66.667%;
-        flex-basis: 66.667%;
-    max-width: 66.667%;
-  }
-  .col-sm-9 {
-    -ms-flex-preferred-size: 75%;
-        flex-basis: 75%;
-    max-width: 75%;
-  }
-  .col-sm-10 {
-    -ms-flex-preferred-size: 83.333%;
-        flex-basis: 83.333%;
-    max-width: 83.333%;
-  }
-  .col-sm-11 {
-    -ms-flex-preferred-size: 91.667%;
-        flex-basis: 91.667%;
-    max-width: 91.667%;
-  }
-  .col-sm-12 {
-    -ms-flex-preferred-size: 100%;
-        flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-@media only screen and (min-width: 48em) {
-  .col-md-auto {
-    -ms-flex-positive: 1;
-        flex-grow: 1;
-    -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-    max-width: 100%;
-  }
-  .col-md-1 {
-    -ms-flex-preferred-size: 8.333%;
-        flex-basis: 8.333%;
-    max-width: 8.333%;
-  }
-  .col-md-2 {
-    -ms-flex-preferred-size: 16.667%;
-        flex-basis: 16.667%;
-    max-width: 16.667%;
-  }
-  .col-md-3 {
-    -ms-flex-preferred-size: 25%;
-        flex-basis: 25%;
-    max-width: 25%;
-  }
-  .col-md-4 {
-    -ms-flex-preferred-size: 33.333%;
-        flex-basis: 33.333%;
-    max-width: 33.333%;
-  }
-  .col-md-5 {
-    -ms-flex-preferred-size: 41.667%;
-        flex-basis: 41.667%;
-    max-width: 41.667%;
-  }
-  .col-md-6 {
-    -ms-flex-preferred-size: 50%;
-        flex-basis: 50%;
-    max-width: 50%;
-  }
-  .col-md-7 {
-    -ms-flex-preferred-size: 58.333%;
-        flex-basis: 58.333%;
-    max-width: 58.333%;
-  }
-  .col-md-8 {
-    -ms-flex-preferred-size: 66.667%;
-        flex-basis: 66.667%;
-    max-width: 66.667%;
-  }
-  .col-md-9 {
-    -ms-flex-preferred-size: 75%;
-        flex-basis: 75%;
-    max-width: 75%;
-  }
-  .col-md-10 {
-    -ms-flex-preferred-size: 83.333%;
-        flex-basis: 83.333%;
-    max-width: 83.333%;
-  }
-  .col-md-11 {
-    -ms-flex-preferred-size: 91.667%;
-        flex-basis: 91.667%;
-    max-width: 91.667%;
-  }
-  .col-md-12 {
-    -ms-flex-preferred-size: 100%;
-        flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .col-lg-auto {
-    -ms-flex-positive: 1;
-        flex-grow: 1;
-    -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-    max-width: 100%;
-  }
-  .col-lg-1 {
-    -ms-flex-preferred-size: 8.333%;
-        flex-basis: 8.333%;
-    max-width: 8.333%;
-  }
-  .col-lg-2 {
-    -ms-flex-preferred-size: 16.667%;
-        flex-basis: 16.667%;
-    max-width: 16.667%;
-  }
-  .col-lg-3 {
-    -ms-flex-preferred-size: 25%;
-        flex-basis: 25%;
-    max-width: 25%;
-  }
-  .col-lg-4 {
-    -ms-flex-preferred-size: 33.333%;
-        flex-basis: 33.333%;
-    max-width: 33.333%;
-  }
-  .col-lg-5 {
-    -ms-flex-preferred-size: 41.667%;
-        flex-basis: 41.667%;
-    max-width: 41.667%;
-  }
-  .col-lg-6 {
-    -ms-flex-preferred-size: 50%;
-        flex-basis: 50%;
-    max-width: 50%;
-  }
-  .col-lg-7 {
-    -ms-flex-preferred-size: 58.333%;
-        flex-basis: 58.333%;
-    max-width: 58.333%;
-  }
-  .col-lg-8 {
-    -ms-flex-preferred-size: 66.667%;
-        flex-basis: 66.667%;
-    max-width: 66.667%;
-  }
-  .col-lg-9 {
-    -ms-flex-preferred-size: 75%;
-        flex-basis: 75%;
-    max-width: 75%;
-  }
-  .col-lg-10 {
-    -ms-flex-preferred-size: 83.333%;
-        flex-basis: 83.333%;
-    max-width: 83.333%;
-  }
-  .col-lg-11 {
-    -ms-flex-preferred-size: 91.667%;
-        flex-basis: 91.667%;
-    max-width: 91.667%;
-  }
-  .col-lg-12 {
-    -ms-flex-preferred-size: 100%;
-        flex-basis: 100%;
-    max-width: 100%;
-  }
-}
-.col-xs-offset-1 {
-  margin-left: 8.333%;
-}
-.col-xs-offset-2 {
-  margin-left: 16.667%;
-}
-.col-xs-offset-3 {
-  margin-left: 25%;
-}
-.col-xs-offset-4 {
-  margin-left: 33.333%;
-}
-.col-xs-offset-5 {
-  margin-left: 41.667%;
-}
-.col-xs-offset-6 {
-  margin-left: 50%;
-}
-.col-xs-offset-7 {
-  margin-left: 58.333%;
-}
-.col-xs-offset-8 {
-  margin-left: 66.667%;
-}
-.col-xs-offset-9 {
-  margin-left: 75%;
-}
-.col-xs-offset-10 {
-  margin-left: 83.333%;
-}
-.col-xs-offset-11 {
-  margin-left: 91.667%;
-}
-@media only screen and (min-width: 34em) {
-  .col-sm-offset-1 {
-    margin-left: 8.333%;
-  }
-  .col-sm-offset-2 {
-    margin-left: 16.667%;
-  }
-  .col-sm-offset-3 {
-    margin-left: 25%;
-  }
-  .col-sm-offset-4 {
-    margin-left: 33.333%;
-  }
-  .col-sm-offset-5 {
-    margin-left: 41.667%;
-  }
-  .col-sm-offset-6 {
-    margin-left: 50%;
-  }
-  .col-sm-offset-7 {
-    margin-left: 58.333%;
-  }
-  .col-sm-offset-8 {
-    margin-left: 66.667%;
-  }
-  .col-sm-offset-9 {
-    margin-left: 75%;
-  }
-  .col-sm-offset-10 {
-    margin-left: 83.333%;
-  }
-  .col-sm-offset-11 {
-    margin-left: 91.667%;
-  }
-}
-@media only screen and (min-width: 48em) {
-  .col-md-offset-1 {
-    margin-left: 8.333%;
-  }
-  .col-md-offset-2 {
-    margin-left: 16.667%;
-  }
-  .col-md-offset-3 {
-    margin-left: 25%;
-  }
-  .col-md-offset-4 {
-    margin-left: 33.333%;
-  }
-  .col-md-offset-5 {
-    margin-left: 41.667%;
-  }
-  .col-md-offset-6 {
-    margin-left: 50%;
-  }
-  .col-md-offset-7 {
-    margin-left: 58.333%;
-  }
-  .col-md-offset-8 {
-    margin-left: 66.667%;
-  }
-  .col-md-offset-9 {
-    margin-left: 75%;
-  }
-  .col-md-offset-10 {
-    margin-left: 83.333%;
-  }
-  .col-md-offset-11 {
-    margin-left: 91.667%;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .col-lg-offset-1 {
-    margin-left: 8.333%;
-  }
-  .col-lg-offset-2 {
-    margin-left: 16.667%;
-  }
-  .col-lg-offset-3 {
-    margin-left: 25%;
-  }
-  .col-lg-offset-4 {
-    margin-left: 33.333%;
-  }
-  .col-lg-offset-5 {
-    margin-left: 41.667%;
-  }
-  .col-lg-offset-6 {
-    margin-left: 50%;
-  }
-  .col-lg-offset-7 {
-    margin-left: 58.333%;
-  }
-  .col-lg-offset-8 {
-    margin-left: 66.667%;
-  }
-  .col-lg-offset-9 {
-    margin-left: 75%;
-  }
-  .col-lg-offset-10 {
-    margin-left: 83.333%;
-  }
-  .col-lg-offset-11 {
-    margin-left: 91.667%;
-  }
-}
-.justify-xs-left {
-  -ms-flex-pack: start;
-      justify-content: flex-start;
-}
-.justify-xs-center {
-  -ms-flex-pack: center;
-      justify-content: center;
-}
-.justify-xs-right {
-  -ms-flex-pack: end;
-      justify-content: flex-end;
-}
-.justify-xs-around {
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
-}
-.justify-xs-between {
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-}
-@media only screen and (min-width: 34em) {
-  .justify-sm-left {
-    -ms-flex-pack: start;
-        justify-content: flex-start;
-  }
-  .justify-sm-center {
-    -ms-flex-pack: center;
-        justify-content: center;
-  }
-  .justify-sm-right {
-    -ms-flex-pack: end;
-        justify-content: flex-end;
-  }
-  .justify-sm-around {
-    -ms-flex-pack: distribute;
-        justify-content: space-around;
-  }
-  .justify-sm-between {
-    -ms-flex-pack: justify;
-        justify-content: space-between;
-  }
-}
-@media only screen and (min-width: 48em) {
-  .justify-md-left {
-    -ms-flex-pack: start;
-        justify-content: flex-start;
-  }
-  .justify-md-center {
-    -ms-flex-pack: center;
-        justify-content: center;
-  }
-  .justify-md-right {
-    -ms-flex-pack: end;
-        justify-content: flex-end;
-  }
-  .justify-md-around {
-    -ms-flex-pack: distribute;
-        justify-content: space-around;
-  }
-  .justify-md-between {
-    -ms-flex-pack: justify;
-        justify-content: space-between;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .justify-lg-left {
-    -ms-flex-pack: start;
-        justify-content: flex-start;
-  }
-  .justify-lg-center {
-    -ms-flex-pack: center;
-        justify-content: center;
-  }
-  .justify-lg-right {
-    -ms-flex-pack: end;
-        justify-content: flex-end;
-  }
-  .justify-lg-around {
-    -ms-flex-pack: distribute;
-        justify-content: space-around;
-  }
-  .justify-lg-between {
-    -ms-flex-pack: justify;
-        justify-content: space-between;
-  }
-}
-.align-xs-top {
-  -ms-flex-align: start;
-      align-items: flex-start;
-}
-.align-xs-center {
-  -ms-flex-align: center;
-      align-items: center;
-}
-.align-xs-bottom {
-  -ms-flex-align: end;
-      align-items: flex-end;
-}
-@media only screen and (min-width: 34em) {
-  .align-sm-top {
-    -ms-flex-align: start;
-        align-items: flex-start;
-  }
-  .align-sm-center {
-    -ms-flex-align: center;
-        align-items: center;
-  }
-  .align-sm-bottom {
-    -ms-flex-align: end;
-        align-items: flex-end;
-  }
-}
-@media only screen and (min-width: 48em) {
-  .align-md-top {
-    -ms-flex-align: start;
-        align-items: flex-start;
-  }
-  .align-md-center {
-    -ms-flex-align: center;
-        align-items: center;
-  }
-  .align-md-bottom {
-    -ms-flex-align: end;
-        align-items: flex-end;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .align-lg-top {
-    -ms-flex-align: start;
-        align-items: flex-start;
-  }
-  .align-lg-center {
-    -ms-flex-align: center;
-        align-items: center;
-  }
-  .align-lg-bottom {
-    -ms-flex-align: end;
-        align-items: flex-end;
-  }
-}
-.row-reverse {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.column-reverse {
-  -ms-flex-direction: column-reverse;
-      flex-direction: column-reverse;
-}
-.order-xs-first {
-  -ms-flex-order: -1;
-      order: -1;
-}
-.order-xs-last {
-  -ms-flex-order: 1;
-      order: 1;
-}
-@media only screen and (min-width: 34em) {
-  .order-sm-first {
-    -ms-flex-order: -1;
-        order: -1;
-  }
-  .order-sm-last {
-    -ms-flex-order: 1;
-        order: 1;
-  }
-}
-@media only screen and (min-width: 48em) {
-  .order-md-first {
-    -ms-flex-order: -1;
-        order: -1;
-  }
-  .order-md-last {
-    -ms-flex-order: 1;
-        order: 1;
-  }
-}
-@media only screen and (min-width: 64em) {
-  .order-lg-first {
-    -ms-flex-order: -1;
-        order: -1;
-  }
-  .order-lg-last {
-    -ms-flex-order: 1;
-        order: 1;
-  }
-}

dist/styles.min.css

-/**
- * hyper-grid
- * CSS grid with flexbox
- * https://github.com/heyallan/hyper-grid
- * License MIT Copyright (c) 2016-2016
- */
-.container,.container-fluid{margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;width:100%}.container{max-width:1200px}.row{display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}[class*=col-]{padding-left:1rem;padding-right:1rem;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:100%;flex-basis:100%}.col-xs-auto{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-1{margin-left:8.333%}.col-xs-offset-2{margin-left:16.667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333%}.col-xs-offset-5{margin-left:41.667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333%}.col-xs-offset-8{margin-left:66.667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.333%}.col-xs-offset-11{margin-left:91.667%}@media only screen and (min-width:34em){.col-sm-auto{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-1{margin-left:8.333%}.col-sm-offset-2{margin-left:16.667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333%}.col-sm-offset-5{margin-left:41.667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333%}.col-sm-offset-8{margin-left:66.667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.333%}.col-sm-offset-11{margin-left:91.667%}}@media only screen and (min-width:48em){.col-md-auto{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-1{margin-left:8.333%}.col-md-offset-2{margin-left:16.667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333%}.col-md-offset-5{margin-left:41.667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333%}.col-md-offset-8{margin-left:66.667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.333%}.col-md-offset-11{margin-left:91.667%}}@media only screen and (min-width:64em){.col-lg-auto{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-1{margin-left:8.333%}.col-lg-offset-2{margin-left:16.667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333%}.col-lg-offset-5{margin-left:41.667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333%}.col-lg-offset-8{margin-left:66.667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.333%}.col-lg-offset-11{margin-left:91.667%}}.justify-xs-left{-ms-flex-pack:start;justify-content:flex-start}.justify-xs-center{-ms-flex-pack:center;justify-content:center}.justify-xs-right{-ms-flex-pack:end;justify-content:flex-end}.justify-xs-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-xs-between{-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width:34em){.justify-sm-left{-ms-flex-pack:start;justify-content:flex-start}.justify-sm-center{-ms-flex-pack:center;justify-content:center}.justify-sm-right{-ms-flex-pack:end;justify-content:flex-end}.justify-sm-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-sm-between{-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:48em){.justify-md-left{-ms-flex-pack:start;justify-content:flex-start}.justify-md-center{-ms-flex-pack:center;justify-content:center}.justify-md-right{-ms-flex-pack:end;justify-content:flex-end}.justify-md-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-md-between{-ms-flex-pack:justify;justify-content:space-between}}@media only screen and (min-width:64em){.justify-lg-left{-ms-flex-pack:start;justify-content:flex-start}.justify-lg-center{-ms-flex-pack:center;justify-content:center}.justify-lg-right{-ms-flex-pack:end;justify-content:flex-end}.justify-lg-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-lg-between{-ms-flex-pack:justify;justify-content:space-between}}.align-xs-top{-ms-flex-align:start;align-items:flex-start}.align-xs-center{-ms-flex-align:center;align-items:center}.align-xs-bottom{-ms-flex-align:end;align-items:flex-end}@media only screen and (min-width:34em){.align-sm-top{-ms-flex-align:start;align-items:flex-start}.align-sm-center{-ms-flex-align:center;align-items:center}.align-sm-bottom{-ms-flex-align:end;align-items:flex-end}}@media only screen and (min-width:48em){.align-md-top{-ms-flex-align:start;align-items:flex-start}.align-md-center{-ms-flex-align:center;align-items:center}.align-md-bottom{-ms-flex-align:end;align-items:flex-end}}@media only screen and (min-width:64em){.align-lg-top{-ms-flex-align:start;align-items:flex-start}.align-lg-center{-ms-flex-align:center;align-items:center}.align-lg-bottom{-ms-flex-align:end;align-items:flex-end}}.row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.order-xs-first{-ms-flex-order:-1;order:-1}.order-xs-last{-ms-flex-order:1;order:1}@media only screen and (min-width:34em){.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:1;order:1}}@media only screen and (min-width:48em){.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:1;order:1}}@media only screen and (min-width:64em){.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:1;order:1}}

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

35369

0.07%

Worsened metrics

Number of low quality alerts

1

Infinity%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes