flexboxes - npm Package Compare versions

Comparing version 0.7.0 to 0.8.0

LICENSE.txt

+0BSD License
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.

.editorconfig

@@ -0,0 +0,0 @@ root = true

main.css

@@ -1,12 +0,12 @@
-.flex { display: -webkit-box; display: -ms-flexbox; display: flex }
-.inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
+.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
+.inline-flex { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex }
 
-.flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
-.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
-.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
-.flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }
+.flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row }
+.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
+.flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
+.flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }
 
-.flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap }
-.flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
-.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }
+.flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
+.flex-nowrap { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
+.flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }
 
@@ -18,29 +18,29 @@ .free-top { margin-top: auto }
 
-.order-before { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
-.order-after { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
+.order-before { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 }
+.order-after { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 }
 
-.items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
-.items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
-.items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
-.items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline }
-.items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
+.items-start { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start }
+.items-end { -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end }
+.items-center { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center }
+.items-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -moz-box-align: baseline; -ms-flex-align: baseline; align-items: baseline }
+.items-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
 
-.self-center { -ms-flex-item-align: center; align-self: center }
-.self-baseline { -ms-flex-item-align: baseline; align-self: baseline }
-.self-stretch { -ms-flex-item-align: stretch; align-self: stretch }
-.self-start { -ms-flex-item-align: start; align-self: flex-start }
-.self-end { -ms-flex-item-align: end; align-self: flex-end }
+.self-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center }
+.self-baseline { -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline }
+.self-stretch { -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch }
+.self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start }
+.self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end }
 
-.justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
-.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
-.justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
-.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
-.justify-around { -ms-flex-pack: distribute; justify-content: space-around }
+.justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
+.justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
+.justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center }
+.justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
+.justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around }
 
-.content-start { -ms-flex-line-pack: start; align-content: flex-start }
-.content-end { -ms-flex-line-pack: end; align-content: flex-end }
-.content-center { -ms-flex-line-pack: center; align-content: center }
-.content-between { -ms-flex-line-pack: justify; align-content: space-between }
-.content-around { -ms-flex-line-pack: distribute; align-content: space-around }
-.content-stretch { -ms-flex-line-pack: stretch; align-content: stretch }
+.content-start { -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start }
+.content-end { -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end }
+.content-center { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center }
+.content-between { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between }
+.content-around { -webkit-align-content: space-around; -ms-flex-line-pack: distribute; align-content: space-around }
+.content-stretch { -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch }
 
@@ -50,85 +50,85 @@ .flex-min { min-height: 0; min-width: 0 }
 
-.flex-golden { -webkit-box-flex: 0; -ms-flex: 0 1 61.803398875%; flex: 0 1 61.803398875% }
-.flex-initial { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto }
-.flex-auto { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto }
-.flex-none { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto }
+.flex-golden { -webkit-box-flex: 0; -webkit-flex: 0 1 61.803398875%; -moz-box-flex: 0; -ms-flex: 0 1 61.803398875%; flex: 0 1 61.803398875% }
+.flex-initial { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto }
+.flex-auto { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto }
+.flex-none { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto }
 
-.flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
-.flex-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2 }
-.flex-3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3 }
-.flex-4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4 }
-.flex-5 { -webkit-box-flex: 5; -ms-flex: 5; flex: 5 }
-.flex-6 { -webkit-box-flex: 6; -ms-flex: 6; flex: 6 }
-.flex-7 { -webkit-box-flex: 7; -ms-flex: 7; flex: 7 }
-.flex-8 { -webkit-box-flex: 8; -ms-flex: 8; flex: 8 }
-.flex-9 { -webkit-box-flex: 9; -ms-flex: 9; flex: 9 }
-.flex-10 { -webkit-box-flex: 10; -ms-flex: 10; flex: 10 }
-.flex-11 { -webkit-box-flex: 11; -ms-flex: 11; flex: 11 }
-.flex-12 { -webkit-box-flex: 12; -ms-flex: 12; flex: 12 }
+.flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1 }
+.flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; -moz-box-flex: 2; -ms-flex: 2; flex: 2 }
+.flex-3 { -webkit-box-flex: 3; -webkit-flex: 3; -moz-box-flex: 3; -ms-flex: 3; flex: 3 }
+.flex-4 { -webkit-box-flex: 4; -webkit-flex: 4; -moz-box-flex: 4; -ms-flex: 4; flex: 4 }
+.flex-5 { -webkit-box-flex: 5; -webkit-flex: 5; -moz-box-flex: 5; -ms-flex: 5; flex: 5 }
+.flex-6 { -webkit-box-flex: 6; -webkit-flex: 6; -moz-box-flex: 6; -ms-flex: 6; flex: 6 }
+.flex-7 { -webkit-box-flex: 7; -webkit-flex: 7; -moz-box-flex: 7; -ms-flex: 7; flex: 7 }
+.flex-8 { -webkit-box-flex: 8; -webkit-flex: 8; -moz-box-flex: 8; -ms-flex: 8; flex: 8 }
+.flex-9 { -webkit-box-flex: 9; -webkit-flex: 9; -moz-box-flex: 9; -ms-flex: 9; flex: 9 }
+.flex-10 { -webkit-box-flex: 10; -webkit-flex: 10; -moz-box-flex: 10; -ms-flex: 10; flex: 10 }
+.flex-11 { -webkit-box-flex: 11; -webkit-flex: 11; -moz-box-flex: 11; -ms-flex: 11; flex: 11 }
+.flex-12 { -webkit-box-flex: 12; -webkit-flex: 12; -moz-box-flex: 12; -ms-flex: 12; flex: 12 }
 
-.grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 }
-.grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
-.grow-2 { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2 }
-.grow-3 { -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3 }
-.grow-4 { -webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4 }
-.grow-5 { -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5 }
-.grow-6 { -webkit-box-flex: 6; -ms-flex-positive: 6; flex-grow: 6 }
-.grow-7 { -webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7 }
-.grow-8 { -webkit-box-flex: 8; -ms-flex-positive: 8; flex-grow: 8 }
-.grow-9 { -webkit-box-flex: 9; -ms-flex-positive: 9; flex-grow: 9 }
-.grow-10 { -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10 }
-.grow-11 { -webkit-box-flex: 11; -ms-flex-positive: 11; flex-grow: 11 }
-.grow-12 { -webkit-box-flex: 12; -ms-flex-positive: 12; flex-grow: 12 }
+.grow-0 { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 }
+.grow-1 { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 }
+.grow-2 { -webkit-box-flex: 2; -webkit-flex-grow: 2; -moz-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2 }
+.grow-3 { -webkit-box-flex: 3; -webkit-flex-grow: 3; -moz-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3 }
+.grow-4 { -webkit-box-flex: 4; -webkit-flex-grow: 4; -moz-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4 }
+.grow-5 { -webkit-box-flex: 5; -webkit-flex-grow: 5; -moz-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5 }
+.grow-6 { -webkit-box-flex: 6; -webkit-flex-grow: 6; -moz-box-flex: 6; -ms-flex-positive: 6; flex-grow: 6 }
+.grow-7 { -webkit-box-flex: 7; -webkit-flex-grow: 7; -moz-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7 }
+.grow-8 { -webkit-box-flex: 8; -webkit-flex-grow: 8; -moz-box-flex: 8; -ms-flex-positive: 8; flex-grow: 8 }
+.grow-9 { -webkit-box-flex: 9; -webkit-flex-grow: 9; -moz-box-flex: 9; -ms-flex-positive: 9; flex-grow: 9 }
+.grow-10 { -webkit-box-flex: 10; -webkit-flex-grow: 10; -moz-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10 }
+.grow-11 { -webkit-box-flex: 11; -webkit-flex-grow: 11; -moz-box-flex: 11; -ms-flex-positive: 11; flex-grow: 11 }
+.grow-12 { -webkit-box-flex: 12; -webkit-flex-grow: 12; -moz-box-flex: 12; -ms-flex-positive: 12; flex-grow: 12 }
 
-.shrink-0 { -ms-flex-negative: 0; flex-shrink: 0 }
-.shrink-1 { -ms-flex-negative: 1; flex-shrink: 1 }
-.shrink-2 { -ms-flex-negative: 2; flex-shrink: 2 }
-.shrink-3 { -ms-flex-negative: 3; flex-shrink: 3 }
-.shrink-4 { -ms-flex-negative: 4; flex-shrink: 4 }
-.shrink-5 { -ms-flex-negative: 5; flex-shrink: 5 }
-.shrink-6 { -ms-flex-negative: 6; flex-shrink: 6 }
-.shrink-7 { -ms-flex-negative: 7; flex-shrink: 7 }
-.shrink-8 { -ms-flex-negative: 8; flex-shrink: 8 }
-.shrink-9 { -ms-flex-negative: 9; flex-shrink: 9 }
-.shrink-10 { -ms-flex-negative: 10; flex-shrink: 10 }
-.shrink-11 { -ms-flex-negative: 11; flex-shrink: 11 }
-.shrink-12 { -ms-flex-negative: 12; flex-shrink: 12 }
+.shrink-0 { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 }
+.shrink-1 { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1 }
+.shrink-2 { -webkit-flex-shrink: 2; -ms-flex-negative: 2; flex-shrink: 2 }
+.shrink-3 { -webkit-flex-shrink: 3; -ms-flex-negative: 3; flex-shrink: 3 }
+.shrink-4 { -webkit-flex-shrink: 4; -ms-flex-negative: 4; flex-shrink: 4 }
+.shrink-5 { -webkit-flex-shrink: 5; -ms-flex-negative: 5; flex-shrink: 5 }
+.shrink-6 { -webkit-flex-shrink: 6; -ms-flex-negative: 6; flex-shrink: 6 }
+.shrink-7 { -webkit-flex-shrink: 7; -ms-flex-negative: 7; flex-shrink: 7 }
+.shrink-8 { -webkit-flex-shrink: 8; -ms-flex-negative: 8; flex-shrink: 8 }
+.shrink-9 { -webkit-flex-shrink: 9; -ms-flex-negative: 9; flex-shrink: 9 }
+.shrink-10 { -webkit-flex-shrink: 10; -ms-flex-negative: 10; flex-shrink: 10 }
+.shrink-11 { -webkit-flex-shrink: 11; -ms-flex-negative: 11; flex-shrink: 11 }
+.shrink-12 { -webkit-flex-shrink: 12; -ms-flex-negative: 12; flex-shrink: 12 }
 
-.basis-0 { -ms-flex-preferred-size: 0%; flex-basis: 0% }
-.basis-1 { -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333% }
-.basis-2 { -ms-flex-preferred-size: 16.6666666666%; flex-basis: 16.6666666666% }
-.basis-3 { -ms-flex-preferred-size: 25%; flex-basis: 25% }
-.basis-4 { -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333% }
-.basis-5 { -ms-flex-preferred-size: 41.6666666666%; flex-basis: 41.6666666666% }
-.basis-6 { -ms-flex-preferred-size: 50%; flex-basis: 50% }
-.basis-7 { -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333% }
-.basis-8 { -ms-flex-preferred-size: 66.6666666666%; flex-basis: 66.6666666666% }
-.basis-9 { -ms-flex-preferred-size: 75%; flex-basis: 75% }
-.basis-10 { -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333% }
-.basis-11 { -ms-flex-preferred-size: 91.6666666666%; flex-basis: 91.6666666666% }
-.basis-12 { -ms-flex-preferred-size: 100%; flex-basis: 100% }
+.basis-0 { -webkit-flex-basis: 0%; -ms-flex-preferred-size: 0%; flex-basis: 0% }
+.basis-1 { -webkit-flex-basis: 8.333333333%; -ms-flex-preferred-size: 8.333333333%; flex-basis: 8.333333333% }
+.basis-2 { -webkit-flex-basis: 16.6666666666%; -ms-flex-preferred-size: 16.6666666666%; flex-basis: 16.6666666666% }
+.basis-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25% }
+.basis-4 { -webkit-flex-basis: 33.3333333333%; -ms-flex-preferred-size: 33.3333333333%; flex-basis: 33.3333333333% }
+.basis-5 { -webkit-flex-basis: 41.6666666666%; -ms-flex-preferred-size: 41.6666666666%; flex-basis: 41.6666666666% }
+.basis-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50% }
+.basis-7 { -webkit-flex-basis: 58.333333333%; -ms-flex-preferred-size: 58.333333333%; flex-basis: 58.333333333% }
+.basis-8 { -webkit-flex-basis: 66.6666666666%; -ms-flex-preferred-size: 66.6666666666%; flex-basis: 66.6666666666% }
+.basis-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75% }
+.basis-10 { -webkit-flex-basis: 83.3333333333%; -ms-flex-preferred-size: 83.3333333333%; flex-basis: 83.3333333333% }
+.basis-11 { -webkit-flex-basis: 91.6666666666%; -ms-flex-preferred-size: 91.6666666666%; flex-basis: 91.6666666666% }
+.basis-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% }
 
-.basis-100vw { -ms-flex-preferred-size: 100vw; flex-basis: 100vw }
-.basis-100vh { -ms-flex-preferred-size: 100vh; flex-basis: 100vh }
-.basis-100vmax { -ms-flex-preferred-size: 100vmax; flex-basis: 100vmax }
-.basis-100vmin { -ms-flex-preferred-size: 100vmin; flex-basis: 100vmin }
+.basis-100vw { -webkit-flex-basis: 100vw; -ms-flex-preferred-size: 100vw; flex-basis: 100vw }
+.basis-100vh { -webkit-flex-basis: 100vh; -ms-flex-preferred-size: 100vh; flex-basis: 100vh }
+.basis-100vmax { -webkit-flex-basis: 100vmax; -ms-flex-preferred-size: 100vmax; flex-basis: 100vmax }
+.basis-100vmin { -webkit-flex-basis: 100vmin; -ms-flex-preferred-size: 100vmin; flex-basis: 100vmin }
 
-.basis-golden { -ms-flex-preferred-size: 61.803398875%; flex-basis: 61.803398875% }
-.basis-content { -ms-flex-preferred-size: content; flex-basis: content }
-.basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto }
+.basis-golden { -webkit-flex-basis: 61.803398875%; -ms-flex-preferred-size: 61.803398875%; flex-basis: 61.803398875% }
+.basis-content { -webkit-flex-basis: content; -ms-flex-preferred-size: content; flex-basis: content }
+.basis-auto { -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto }
 
 @media (orientation: portrait) {
-  .flex\@portrait { display: -webkit-box; display: -ms-flexbox; display: flex }
-  .inline-flex\@portrait { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
-  .flex-wrap\@portrait { -ms-flex-wrap: wrap; flex-wrap: wrap }
-  .flex-nowrap\@portrait { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
-  .flex-wrap-reverse\@portrait { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }
+  .flex\@portrait { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
+  .inline-flex\@portrait { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex }
+  .flex-wrap\@portrait { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
+  .flex-nowrap\@portrait { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
+  .flex-wrap-reverse\@portrait { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }
 }
 
 @media (orientation: landscape) {
-  .flex\@landscape { display: -webkit-box; display: -ms-flexbox; display: flex }
-  .inline-flex\@landscape { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex }
-  .flex-wrap\@landscape { -ms-flex-wrap: wrap; flex-wrap: wrap }
-  .flex-nowrap\@landscape { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
-  .flex-wrap-reverse\@landscape { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }
+  .flex\@landscape { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex }
+  .inline-flex\@landscape { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex }
+  .flex-wrap\@landscape { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
+  .flex-nowrap\@landscape { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
+  .flex-wrap-reverse\@landscape { -webkit-flex-wrap: wrap-reverse; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse }
 }

module.css

@@ -0,0 +0,0 @@ .flex { display: flex }

package.json

 {
   "name": "flexboxes",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "CSS flexbox utility classes and grid system",
-  "author": "Ryan Van Etten",
-  "license": "ISC",
+  "funding": "https://github.com/sponsors/ryanve",
+  "license": "0BSD",
   "main": "main.css",
@@ -36,5 +36,5 @@ "scripts": {
   "devDependencies": {
-    "autoprefixer": "^7.1.1",
-    "postcss-cli": "^4.1.0"
+    "autoprefixer": "^9.7.6",
+    "postcss-cli": "^7.1.1"
   }
 }

README.md

@@ -6,5 +6,4 @@ # flexboxes
 
-```
-npm install flexboxes
-```
+- For <b>prototyping</b> or codepen you can get any version from [https://unpkg.com/flexboxes](https://unpkg.com/flexboxes)
+- For <b>production</b> you can [`npm install flexboxes`](https://www.npmjs.com/package/flexboxes) and import into your CSS bundle. 
 
@@ -11,0 +10,0 @@ ```css

.gitattributes

-* text=auto

LICENSE.md

-# ISC License
-
-Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

New alerts

No contributors or author data

Maintenance

Package does not specify a list of contributors or an author in package.json.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

22112

19.18%

Worsened metrics

Number of package files

7

-22.22%

Number of low maintenance alerts

2

100%

Number of lines in readme file

216

-0.46%

No dependency changes