diff --git a/README.md b/README.md index d32c3e9..2e01362 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,4 @@ # LEGRID -[![GitHub release](https://img.shields.io/github/release/pafnuty/LEGRID.svg?style=flat-square&colorB=95C915)]() [![npm](https://img.shields.io/npm/v/legrid.svg?style=flat-square)]() [![MIT License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat-square)](https://github.com/pafnuty/DLE-UniForm/blob/master/LICENSE) diff --git a/bower.json b/bower.json index b8a902a..db770ef 100644 --- a/bower.json +++ b/bower.json @@ -1,11 +1,8 @@ { "name": "legrid", - "version": "3.0.5", + "version": "3.0.7", "description": "Simple, fully configurable, comfortable grid on less and flexBox", "main": "src/less/legrid.less", - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" - }, "repository": { "type": "git", "url": "git@github.com:pafnuty/LEGRID.git" diff --git a/dist/legrid.css b/dist/legrid.css index de2ce29..b84d960 100644 --- a/dist/legrid.css +++ b/dist/legrid.css @@ -1,7 +1,7 @@ /*! * LEGRID — Simple, fully configurable, comfortable grid on less and flexBox - * Version: 3.0.5 - * Date: 16.09.2019 + * Version: 3.0.7 + * Date: 21.08.2020 * Author: Pavel Belousov * HomePage: https://git.io/va1ms * License: MIT @@ -319,6 +319,14 @@ .col-xs-last { order: 1; } +.row-break { + flex-basis: 100%; + height: 0; +} +.col-break { + flex-basis: 100%; + width: 0; +} .col-margin { margin-top: 10px; margin-bottom: 10px; diff --git a/dist/legrid.min.css b/dist/legrid.min.css index f1abe4d..eb8eb1c 100644 --- a/dist/legrid.min.css +++ b/dist/legrid.min.css @@ -1,8 +1,8 @@ /*! * LEGRID — Simple, fully configurable, comfortable grid on less and flexBox - * Version: 3.0.5 - * Date: 16.09.2019 + * Version: 3.0.7 + * Date: 21.08.2020 * Author: Pavel Belousov * HomePage: https://git.io/va1ms * License: MIT - */#legrid.w100p,.container .container{width:100%}#legrid.col,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{box-sizing:border-box;flex:0 0 auto;flex-direction:column}#legrid.col-reverse,.col-reverse,.col-xs-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}#legrid.col-auto,.col-auto,.col-xs-auto{flex-grow:1;flex-basis:0;max-width:100%}#legrid.helper-hide,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none}.container-fluid{padding:0}.container-fluid .row{max-width:100%}.container-fluid .container{width:auto}.container-fluid .container .row{width:auto;max-width:inherit}.container{padding-left:5px;padding-right:5px}.container-fluid .row{max-width:calc(100% + 10px)}.row{margin:0 auto;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap}.row-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.row{max-width:460px}.row .row{margin-left:-5px;margin-right:-5px}.col-all-start{justify-content:flex-start}.col-all-center{justify-content:center;text-align:center}.col-all-end{justify-content:flex-end}.col-all-top{align-items:flex-start}.col-all-middle{align-items:center}.col-all-bottom{align-items:flex-end}.col-all-around{justify-content:space-around}.col-all-between{justify-content:space-between}.col-all-first{order:-1}.col-all-last{order:1}.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{padding-left:5px;padding-right:5px}.col-xs-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-min-1{min-width:8.33333333%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-min-2{min-width:16.66666667%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-min-3{min-width:25%}.col-xs-offset-3{margin-left:25%}.col-xs-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-min-4{min-width:33.33333333%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-min-5{min-width:41.66666667%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-min-6{min-width:50%}.col-xs-offset-6{margin-left:50%}.col-xs-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-min-7{min-width:58.33333333%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-min-8{min-width:66.66666667%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-min-9{min-width:75%}.col-xs-offset-9{margin-left:75%}.col-xs-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-min-10{min-width:83.33333333%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-min-11{min-width:91.66666667%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-min-12{min-width:100%}.col-xs-offset-12{margin-left:100%}.col-xs-start{justify-content:flex-start}.col-xs-center{justify-content:center;text-align:center}.col-xs-end{justify-content:flex-end}.col-xs-top{align-items:flex-start}.col-xs-middle{align-items:center}.col-xs-bottom{align-items:flex-end}.col-xs-around{justify-content:space-around}.col-xs-between{justify-content:space-between}.col-xs-first{order:-1}.col-xs-last{order:1}.col-margin{margin-top:10px;margin-bottom:10px}.col-margin-half{margin-top:5px;margin-bottom:5px}.col-margin-top{margin-top:10px}.col-margin-right{margin-right:10px}.col-margin-bottom{margin-bottom:10px}.col-margin-left{margin-left:10px}.col-padding{padding-bottom:10px}.col-padding,.col-padding-top{padding-top:10px}.col-padding-right{padding-right:10px}.col-padding-bottom{padding-bottom:10px}.col-padding-left{padding-left:10px}@media only screen and (min-width:768px){.container{padding-left:10px;padding-right:10px}.container-fluid .row{max-width:calc(100% + 20px)}.row{max-width:750px}.row .row{margin-left:-10px;margin-right:-10px}.col-sm-auto{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{padding-left:10px;padding-right:10px}.col-sm-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-min-1{min-width:8.33333333%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-min-2{min-width:16.66666667%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-min-3{min-width:25%}.col-sm-offset-3{margin-left:25%}.col-sm-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-min-4{min-width:33.33333333%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-min-5{min-width:41.66666667%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-min-6{min-width:50%}.col-sm-offset-6{margin-left:50%}.col-sm-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-min-7{min-width:58.33333333%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-min-8{min-width:66.66666667%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-min-9{min-width:75%}.col-sm-offset-9{margin-left:75%}.col-sm-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-min-10{min-width:83.33333333%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-min-11{min-width:91.66666667%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-min-12{min-width:100%}.col-sm-offset-12{margin-left:100%}.col-sm-start{justify-content:flex-start}.col-sm-center{justify-content:center;text-align:center}.col-sm-end{justify-content:flex-end}.col-sm-top{align-items:flex-start}.col-sm-middle{align-items:center}.col-sm-bottom{align-items:flex-end}.col-sm-around{justify-content:space-around}.col-sm-between{justify-content:space-between}.col-sm-first{order:-1}.col-sm-last{order:1}.col-margin{margin-top:20px;margin-bottom:20px}.col-margin-half{margin-top:10px;margin-bottom:10px}.col-margin-top{margin-top:20px}.col-margin-right{margin-right:20px}.col-margin-bottom{margin-bottom:20px}.col-margin-left{margin-left:20px}.col-padding{padding-bottom:20px}.col-padding,.col-padding-top{padding-top:20px}.col-padding-right{padding-right:20px}.col-padding-bottom{padding-bottom:20px}.col-padding-left{padding-left:20px}}@media only screen and (min-width:992px){.container{padding-left:15px;padding-right:15px}.container-fluid .row{max-width:calc(100% + 30px)}.row{max-width:970px}.row .row{margin-left:-15px;margin-right:-15px}.col-md-auto{flex-grow:1;flex-basis:0;max-width:100%}.col-md-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{padding-left:15px;padding-right:15px}.col-md-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-min-1{min-width:8.33333333%}.col-md-offset-1{margin-left:8.33333333%}.col-md-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-min-2{min-width:16.66666667%}.col-md-offset-2{margin-left:16.66666667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-min-3{min-width:25%}.col-md-offset-3{margin-left:25%}.col-md-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-min-4{min-width:33.33333333%}.col-md-offset-4{margin-left:33.33333333%}.col-md-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-min-5{min-width:41.66666667%}.col-md-offset-5{margin-left:41.66666667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-min-6{min-width:50%}.col-md-offset-6{margin-left:50%}.col-md-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-min-7{min-width:58.33333333%}.col-md-offset-7{margin-left:58.33333333%}.col-md-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-min-8{min-width:66.66666667%}.col-md-offset-8{margin-left:66.66666667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-min-9{min-width:75%}.col-md-offset-9{margin-left:75%}.col-md-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-min-10{min-width:83.33333333%}.col-md-offset-10{margin-left:83.33333333%}.col-md-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-min-11{min-width:91.66666667%}.col-md-offset-11{margin-left:91.66666667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-min-12{min-width:100%}.col-md-offset-12{margin-left:100%}.col-md-start{justify-content:flex-start}.col-md-center{justify-content:center;text-align:center}.col-md-end{justify-content:flex-end}.col-md-top{align-items:flex-start}.col-md-middle{align-items:center}.col-md-bottom{align-items:flex-end}.col-md-around{justify-content:space-around}.col-md-between{justify-content:space-between}.col-md-first{order:-1}.col-md-last{order:1}.col-margin{margin-top:30px;margin-bottom:30px}.col-margin-half{margin-top:15px;margin-bottom:15px}.col-margin-top{margin-top:30px}.col-margin-right{margin-right:30px}.col-margin-bottom{margin-bottom:30px}.col-margin-left{margin-left:30px}.col-padding{padding-bottom:30px}.col-padding,.col-padding-top{padding-top:30px}.col-padding-right{padding-right:30px}.col-padding-bottom{padding-bottom:30px}.col-padding-left{padding-left:30px}}@media only screen and (min-width:1280px){.container{padding-left:20px;padding-right:20px}.container-fluid .row{max-width:calc(100% + 40px)}.row{max-width:1170px}.row .row{margin-left:-20px;margin-right:-20px}.col-lg-auto{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{padding-left:20px;padding-right:20px}.col-lg-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-min-1{min-width:8.33333333%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-min-2{min-width:16.66666667%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-min-3{min-width:25%}.col-lg-offset-3{margin-left:25%}.col-lg-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-min-4{min-width:33.33333333%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-min-5{min-width:41.66666667%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-min-6{min-width:50%}.col-lg-offset-6{margin-left:50%}.col-lg-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-min-7{min-width:58.33333333%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-min-8{min-width:66.66666667%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-min-9{min-width:75%}.col-lg-offset-9{margin-left:75%}.col-lg-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-min-10{min-width:83.33333333%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-min-11{min-width:91.66666667%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-min-12{min-width:100%}.col-lg-offset-12{margin-left:100%}.col-lg-start{justify-content:flex-start}.col-lg-center{justify-content:center;text-align:center}.col-lg-end{justify-content:flex-end}.col-lg-top{align-items:flex-start}.col-lg-middle{align-items:center}.col-lg-bottom{align-items:flex-end}.col-lg-around{justify-content:space-around}.col-lg-between{justify-content:space-between}.col-lg-first{order:-1}.col-lg-last{order:1}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}.col-margin{margin-top:40px;margin-bottom:40px}.col-margin-half{margin-top:20px;margin-bottom:20px}.col-margin-top{margin-top:40px}.col-margin-right{margin-right:40px}.col-margin-bottom{margin-bottom:40px}.col-margin-left{margin-left:40px}.col-padding{padding-bottom:40px}.col-padding,.col-padding-top{padding-top:40px}.col-padding-right{padding-right:40px}.col-padding-bottom{padding-bottom:40px}.col-padding-left{padding-left:40px}}@media only screen and (max-width:767px){.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}.hidden-sm{display:none!important}}@media only screen and (min-width:992px) and (max-width:1279px){.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}.hidden-md{display:none!important}} \ No newline at end of file + */#legrid.w100p,.container .container{width:100%}#legrid.col,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{box-sizing:border-box;flex:0 0 auto;flex-direction:column}#legrid.col-reverse,.col-reverse,.col-xs-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}#legrid.col-auto,.col-auto,.col-xs-auto{flex-grow:1;flex-basis:0;max-width:100%}#legrid.helper-hide,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none}.container-fluid{padding:0}.container-fluid .row{max-width:100%}.container-fluid .container{width:auto}.container-fluid .container .row{width:auto;max-width:inherit}.container{padding-left:5px;padding-right:5px}.container-fluid .row{max-width:calc(100% + 10px)}.row{margin:0 auto;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap}.row-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.row{max-width:460px}.row .row{margin-left:-5px;margin-right:-5px}.col-all-start{justify-content:flex-start}.col-all-center{justify-content:center;text-align:center}.col-all-end{justify-content:flex-end}.col-all-top{align-items:flex-start}.col-all-middle{align-items:center}.col-all-bottom{align-items:flex-end}.col-all-around{justify-content:space-around}.col-all-between{justify-content:space-between}.col-all-first{order:-1}.col-all-last{order:1}.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{padding-left:5px;padding-right:5px}.col-xs-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-min-1{min-width:8.33333333%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-min-2{min-width:16.66666667%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-3{flex-basis:25%;max-width:25%}.col-xs-min-3{min-width:25%}.col-xs-offset-3{margin-left:25%}.col-xs-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-min-4{min-width:33.33333333%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-min-5{min-width:41.66666667%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-6{flex-basis:50%;max-width:50%}.col-xs-min-6{min-width:50%}.col-xs-offset-6{margin-left:50%}.col-xs-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-min-7{min-width:58.33333333%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-min-8{min-width:66.66666667%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-9{flex-basis:75%;max-width:75%}.col-xs-min-9{min-width:75%}.col-xs-offset-9{margin-left:75%}.col-xs-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-min-10{min-width:83.33333333%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-min-11{min-width:91.66666667%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-12{flex-basis:100%;max-width:100%}.col-xs-min-12{min-width:100%}.col-xs-offset-12{margin-left:100%}.col-xs-start{justify-content:flex-start}.col-xs-center{justify-content:center;text-align:center}.col-xs-end{justify-content:flex-end}.col-xs-top{align-items:flex-start}.col-xs-middle{align-items:center}.col-xs-bottom{align-items:flex-end}.col-xs-around{justify-content:space-around}.col-xs-between{justify-content:space-between}.col-xs-first{order:-1}.col-xs-last{order:1}.row-break{flex-basis:100%;height:0}.col-break{flex-basis:100%;width:0}.col-margin{margin-top:10px;margin-bottom:10px}.col-margin-half{margin-top:5px;margin-bottom:5px}.col-margin-top{margin-top:10px}.col-margin-right{margin-right:10px}.col-margin-bottom{margin-bottom:10px}.col-margin-left{margin-left:10px}.col-padding{padding-bottom:10px}.col-padding,.col-padding-top{padding-top:10px}.col-padding-right{padding-right:10px}.col-padding-bottom{padding-bottom:10px}.col-padding-left{padding-left:10px}@media only screen and (min-width:768px){.container{padding-left:10px;padding-right:10px}.container-fluid .row{max-width:calc(100% + 20px)}.row{max-width:750px}.row .row{margin-left:-10px;margin-right:-10px}.col-sm-auto{flex-grow:1;flex-basis:0;max-width:100%}.col-sm-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{padding-left:10px;padding-right:10px}.col-sm-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-min-1{min-width:8.33333333%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-min-2{min-width:16.66666667%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-3{flex-basis:25%;max-width:25%}.col-sm-min-3{min-width:25%}.col-sm-offset-3{margin-left:25%}.col-sm-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-min-4{min-width:33.33333333%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-min-5{min-width:41.66666667%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-6{flex-basis:50%;max-width:50%}.col-sm-min-6{min-width:50%}.col-sm-offset-6{margin-left:50%}.col-sm-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-min-7{min-width:58.33333333%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-min-8{min-width:66.66666667%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-9{flex-basis:75%;max-width:75%}.col-sm-min-9{min-width:75%}.col-sm-offset-9{margin-left:75%}.col-sm-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-min-10{min-width:83.33333333%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-min-11{min-width:91.66666667%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-12{flex-basis:100%;max-width:100%}.col-sm-min-12{min-width:100%}.col-sm-offset-12{margin-left:100%}.col-sm-start{justify-content:flex-start}.col-sm-center{justify-content:center;text-align:center}.col-sm-end{justify-content:flex-end}.col-sm-top{align-items:flex-start}.col-sm-middle{align-items:center}.col-sm-bottom{align-items:flex-end}.col-sm-around{justify-content:space-around}.col-sm-between{justify-content:space-between}.col-sm-first{order:-1}.col-sm-last{order:1}.col-margin{margin-top:20px;margin-bottom:20px}.col-margin-half{margin-top:10px;margin-bottom:10px}.col-margin-top{margin-top:20px}.col-margin-right{margin-right:20px}.col-margin-bottom{margin-bottom:20px}.col-margin-left{margin-left:20px}.col-padding{padding-bottom:20px}.col-padding,.col-padding-top{padding-top:20px}.col-padding-right{padding-right:20px}.col-padding-bottom{padding-bottom:20px}.col-padding-left{padding-left:20px}}@media only screen and (min-width:992px){.container{padding-left:15px;padding-right:15px}.container-fluid .row{max-width:calc(100% + 30px)}.row{max-width:970px}.row .row{margin-left:-15px;margin-right:-15px}.col-md-auto{flex-grow:1;flex-basis:0;max-width:100%}.col-md-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{padding-left:15px;padding-right:15px}.col-md-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-md-min-1{min-width:8.33333333%}.col-md-offset-1{margin-left:8.33333333%}.col-md-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-md-min-2{min-width:16.66666667%}.col-md-offset-2{margin-left:16.66666667%}.col-md-3{flex-basis:25%;max-width:25%}.col-md-min-3{min-width:25%}.col-md-offset-3{margin-left:25%}.col-md-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-md-min-4{min-width:33.33333333%}.col-md-offset-4{margin-left:33.33333333%}.col-md-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-md-min-5{min-width:41.66666667%}.col-md-offset-5{margin-left:41.66666667%}.col-md-6{flex-basis:50%;max-width:50%}.col-md-min-6{min-width:50%}.col-md-offset-6{margin-left:50%}.col-md-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-md-min-7{min-width:58.33333333%}.col-md-offset-7{margin-left:58.33333333%}.col-md-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-md-min-8{min-width:66.66666667%}.col-md-offset-8{margin-left:66.66666667%}.col-md-9{flex-basis:75%;max-width:75%}.col-md-min-9{min-width:75%}.col-md-offset-9{margin-left:75%}.col-md-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-md-min-10{min-width:83.33333333%}.col-md-offset-10{margin-left:83.33333333%}.col-md-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-md-min-11{min-width:91.66666667%}.col-md-offset-11{margin-left:91.66666667%}.col-md-12{flex-basis:100%;max-width:100%}.col-md-min-12{min-width:100%}.col-md-offset-12{margin-left:100%}.col-md-start{justify-content:flex-start}.col-md-center{justify-content:center;text-align:center}.col-md-end{justify-content:flex-end}.col-md-top{align-items:flex-start}.col-md-middle{align-items:center}.col-md-bottom{align-items:flex-end}.col-md-around{justify-content:space-around}.col-md-between{justify-content:space-between}.col-md-first{order:-1}.col-md-last{order:1}.col-margin{margin-top:30px;margin-bottom:30px}.col-margin-half{margin-top:15px;margin-bottom:15px}.col-margin-top{margin-top:30px}.col-margin-right{margin-right:30px}.col-margin-bottom{margin-bottom:30px}.col-margin-left{margin-left:30px}.col-padding{padding-bottom:30px}.col-padding,.col-padding-top{padding-top:30px}.col-padding-right{padding-right:30px}.col-padding-bottom{padding-bottom:30px}.col-padding-left{padding-left:30px}}@media only screen and (min-width:1280px){.container{padding-left:20px;padding-right:20px}.container-fluid .row{max-width:calc(100% + 40px)}.row{max-width:1170px}.row .row{margin-left:-20px;margin-right:-20px}.col-lg-auto{flex-grow:1;flex-basis:0;max-width:100%}.col-lg-reverse{flex-direction:row-reverse;flex-wrap:wrap-reverse}.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto{padding-left:20px;padding-right:20px}.col-lg-1{flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-min-1{min-width:8.33333333%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-2{flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-min-2{min-width:16.66666667%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-3{flex-basis:25%;max-width:25%}.col-lg-min-3{min-width:25%}.col-lg-offset-3{margin-left:25%}.col-lg-4{flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-min-4{min-width:33.33333333%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-5{flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-min-5{min-width:41.66666667%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-6{flex-basis:50%;max-width:50%}.col-lg-min-6{min-width:50%}.col-lg-offset-6{margin-left:50%}.col-lg-7{flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-min-7{min-width:58.33333333%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-8{flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-min-8{min-width:66.66666667%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-9{flex-basis:75%;max-width:75%}.col-lg-min-9{min-width:75%}.col-lg-offset-9{margin-left:75%}.col-lg-10{flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-min-10{min-width:83.33333333%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-11{flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-min-11{min-width:91.66666667%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-12{flex-basis:100%;max-width:100%}.col-lg-min-12{min-width:100%}.col-lg-offset-12{margin-left:100%}.col-lg-start{justify-content:flex-start}.col-lg-center{justify-content:center;text-align:center}.col-lg-end{justify-content:flex-end}.col-lg-top{align-items:flex-start}.col-lg-middle{align-items:center}.col-lg-bottom{align-items:flex-end}.col-lg-around{justify-content:space-around}.col-lg-between{justify-content:space-between}.col-lg-first{order:-1}.col-lg-last{order:1}.visible-lg-block{display:block!important}.visible-lg-inline{display:inline!important}.visible-lg-inline-block{display:inline-block!important}.hidden-lg{display:none!important}.col-margin{margin-top:40px;margin-bottom:40px}.col-margin-half{margin-top:20px;margin-bottom:20px}.col-margin-top{margin-top:40px}.col-margin-right{margin-right:40px}.col-margin-bottom{margin-bottom:40px}.col-margin-left{margin-left:40px}.col-padding{padding-bottom:40px}.col-padding,.col-padding-top{padding-top:40px}.col-padding-right{padding-right:40px}.col-padding-bottom{padding-bottom:40px}.col-padding-left{padding-left:40px}}@media only screen and (max-width:767px){.visible-xs-block{display:block!important}.visible-xs-inline{display:inline!important}.visible-xs-inline-block{display:inline-block!important}.hidden-xs{display:none!important}}@media only screen and (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}.visible-sm-inline{display:inline!important}.visible-sm-inline-block{display:inline-block!important}.hidden-sm{display:none!important}}@media only screen and (min-width:992px) and (max-width:1279px){.visible-md-block{display:block!important}.visible-md-inline{display:inline!important}.visible-md-inline-block{display:inline-block!important}.hidden-md{display:none!important}} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index edede26..16bfc96 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "legrid", - "version": "3.0.6", + "version": "3.0.7", "lockfileVersion": 1, "requires": true, "dependencies": { @@ -2993,9 +2993,9 @@ } }, "postcss-banner": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/postcss-banner/-/postcss-banner-3.0.1.tgz", - "integrity": "sha512-uHZoJ5VmnqHAMGHJU8KJHrkLuynp72N9PPn1T4f0iVBDoApsOkr1OmY4Mk0t2e5lNfrDgOUNEBHj8RbYa8zvbw==", + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/postcss-banner/-/postcss-banner-3.0.2.tgz", + "integrity": "sha512-g4K2yyHmCncpYBVrut+gn4tn+LZyrImwrpuWFvXyfmDbW6l+/2cyLF/tYMtravwQkLD/Gsm2m2ke++c/exBNfA==", "dev": true, "requires": { "postcss": "^7.0.14" @@ -3097,18 +3097,18 @@ } }, "postcss-flexbugs-fixes": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.0.tgz", - "integrity": "sha512-QRE0n3hpkxxS/OGvzOa+PDuy4mh/Jg4o9ui22/ko5iGYOG3M5dfJabjnAZjTdh2G9F85c7Hv8hWcEDEKW/xceQ==", + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.1.tgz", + "integrity": "sha512-9SiofaZ9CWpQWxOwRh1b/r85KD5y7GgvsNt1056k6OYLvWUun0czCvogfJgylC22uJTwW1KzY3Gz65NZRlvoiQ==", "dev": true, "requires": { "postcss": "^7.0.26" }, "dependencies": { "postcss": { - "version": "7.0.27", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.27.tgz", - "integrity": "sha512-WuQETPMcW9Uf1/22HWUWP9lgsIC+KEHg2kozMflKjbeUtw9ujvFX6QmIfozaErDkmLWS9WEnEdEe6Uo9/BNTdQ==", + "version": "7.0.32", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", + "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", "dev": true, "requires": { "chalk": "^2.4.2", diff --git a/package.json b/package.json index f4a88be..fc89f24 100644 --- a/package.json +++ b/package.json @@ -3,7 +3,7 @@ "description": "Simple, fully configurable, comfortable grid on less and flexBox", "homepage": "https://git.io/va1ms", "title": "LEGRID", - "version": "3.0.6", + "version": "3.0.7", "keywords": [ "less, css, flexbox, grid" ], @@ -27,7 +27,6 @@ "autoprefixer": "^9.8.6", "cssnano": "^4.1.10", "dot-prop": ">=4.2.1", - "minimist": "1.2.5", "grunt": "^1.3.0", "grunt-cli": "^1.3.2", "grunt-contrib-clean": "^2.0.0", @@ -36,8 +35,9 @@ "grunt-css-mqpacker": "^3.0.1", "grunt-postcss": "^0.9.0", "load-grunt-tasks": "^5.1.0", - "postcss-banner": "^3.0.1", - "postcss-flexbugs-fixes": "^4.2.0", + "minimist": "1.2.5", + "postcss-banner": "^3.0.2", + "postcss-flexbugs-fixes": "^4.2.1", "postcss-merge-rules": "^4.0.3", "postcss-sorting": "^5.0.1" } diff --git a/src/core/helpers/mixins.less b/src/core/helpers/mixins.less index c031952..0a051e4 100644 --- a/src/core/helpers/mixins.less +++ b/src/core/helpers/mixins.less @@ -106,6 +106,15 @@ .makeHelpersMixin() { + .@{rowClassName}@{sep}break { + flex-basis: 100%; + height: 0; + } + .@{colClassName}@{sep}break { + flex-basis: 100%; + width: 0; + } + .makeDisplayHelpersLoop(); .makeDisplayHelpersLoop (@i: 1) when (@i <= length(@colPrefixes)) {