flexbox-grid-less
Version:
A simple flexbox CSS grid system
1 lines • 24.1 kB
Source Map (JSON)
{"version":3,"sources":["components/col.less","flexbox-grid.css","mixins/bem.less","components/grid.less","components/row.less","components/text.less","mixins/helpers.less","mixins/grid-framework.less"],"names":[],"mappings":"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","file":"flexbox-grid.css","sourcesContent":[".col {\n box-sizing: border-box;\n flex: 0 0 100%;\n max-width: 100%;\n padding: 1rem .5rem 0 .5rem;\n\n .variant(no-gutters; {\n padding: 0;\n });\n}",".col {\n box-sizing: border-box;\n flex: 0 0 100%;\n max-width: 100%;\n padding: 1rem .5rem 0 .5rem;\n}\n.col--no-gutters {\n padding: 0;\n}\n.grid {\n box-sizing: border-box;\n padding: 0 .5rem;\n}\n.grid--container {\n margin: 0 auto;\n max-width: 1200px;\n width: 100%;\n}\n.grid--no-gutters {\n padding: 0;\n}\n.row {\n box-sizing: border-box;\n display: flex;\n flex: 0 1 100%;\n flex-direction: row;\n flex-wrap: wrap;\n list-style: none;\n margin: -1rem -0.5rem 1rem -0.5rem;\n padding: 0;\n}\n.row:last-child {\n margin-bottom: 0;\n}\n.row--no-gutters {\n margin: 0;\n}\n.text--left {\n text-align: left;\n}\n.text--center {\n text-align: center;\n}\n.text--right {\n text-align: right;\n}\n.row--xs-top {\n align-items: flex-start;\n}\n.row--xs-center {\n align-items: center;\n}\n.row--xs-bottom {\n align-items: flex-end;\n}\n.col--xs-align-top {\n align-self: flex-start;\n}\n.col--xs-align-center {\n align-self: center;\n}\n.col--xs-align-bottom {\n align-self: flex-end;\n}\n.col--xs-first {\n order: -1;\n}\n.col--xs-last {\n order: 1;\n}\n.col--xs-reset {\n order: 0;\n}\n.row--xs-reverse {\n flex-direction: row-reverse;\n}\n.col--xs-flex {\n display: flex;\n}\n.text--xs-right {\n text-align: right;\n}\n.text--xs-left {\n text-align: left;\n}\n.text--xs-center {\n text-align: center;\n}\n.col--xs {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n padding: 1rem .5rem 0 .5rem;\n}\n.col--xs-1 {\n width: 8.33333333%;\n flex: none;\n}\n.col--xs-2 {\n width: 16.66666667%;\n flex: none;\n}\n.col--xs-3 {\n width: 25%;\n flex: none;\n}\n.col--xs-4 {\n width: 33.33333333%;\n flex: none;\n}\n.col--xs-5 {\n width: 41.66666667%;\n flex: none;\n}\n.col--xs-6 {\n width: 50%;\n flex: none;\n}\n.col--xs-7 {\n width: 58.33333333%;\n flex: none;\n}\n.col--xs-8 {\n width: 66.66666667%;\n flex: none;\n}\n.col--xs-9 {\n width: 75%;\n flex: none;\n}\n.col--xs-10 {\n width: 83.33333333%;\n flex: none;\n}\n.col--xs-11 {\n width: 91.66666667%;\n flex: none;\n}\n.col--xs-12 {\n width: 100%;\n flex: none;\n}\n.col--xs-offset-1 {\n margin-left: 8.33333333%;\n}\n.col--xs-offset-2 {\n margin-left: 16.66666667%;\n}\n.col--xs-offset-3 {\n margin-left: 25%;\n}\n.col--xs-offset-4 {\n margin-left: 33.33333333%;\n}\n.col--xs-offset-5 {\n margin-left: 41.66666667%;\n}\n.col--xs-offset-6 {\n margin-left: 50%;\n}\n.col--xs-offset-7 {\n margin-left: 58.33333333%;\n}\n.col--xs-offset-8 {\n margin-left: 66.66666667%;\n}\n.col--xs-offset-9 {\n margin-left: 75%;\n}\n.col--xs-offset-10 {\n margin-left: 83.33333333%;\n}\n.col--xs-offset-11 {\n margin-left: 91.66666667%;\n}\n.col--xs-offset-12 {\n margin-left: 100%;\n}\n@media (min-width: 544px) {\n .row--sm-top {\n align-items: flex-start;\n }\n .row--sm-center {\n align-items: center;\n }\n .row--sm-bottom {\n align-items: flex-end;\n }\n .col--sm-align-top {\n align-self: flex-start;\n }\n .col--sm-align-center {\n align-self: center;\n }\n .col--sm-align-bottom {\n align-self: flex-end;\n }\n .col--sm-first {\n order: -1;\n }\n .col--sm-last {\n order: 1;\n }\n .col--sm-reset {\n order: 0;\n }\n .row--sm-reverse {\n flex-direction: row-reverse;\n }\n .col--sm-flex {\n display: flex;\n }\n .text--sm-right {\n text-align: right;\n }\n .text--sm-left {\n text-align: left;\n }\n .text--sm-center {\n text-align: center;\n }\n .col--sm {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n padding: 1rem .5rem 0 .5rem;\n }\n .col--sm-1 {\n width: 8.33333333%;\n flex: none;\n }\n .col--sm-2 {\n width: 16.66666667%;\n flex: none;\n }\n .col--sm-3 {\n width: 25%;\n flex: none;\n }\n .col--sm-4 {\n width: 33.33333333%;\n flex: none;\n }\n .col--sm-5 {\n width: 41.66666667%;\n flex: none;\n }\n .col--sm-6 {\n width: 50%;\n flex: none;\n }\n .col--sm-7 {\n width: 58.33333333%;\n flex: none;\n }\n .col--sm-8 {\n width: 66.66666667%;\n flex: none;\n }\n .col--sm-9 {\n width: 75%;\n flex: none;\n }\n .col--sm-10 {\n width: 83.33333333%;\n flex: none;\n }\n .col--sm-11 {\n width: 91.66666667%;\n flex: none;\n }\n .col--sm-12 {\n width: 100%;\n flex: none;\n }\n .col--sm-offset-1 {\n margin-left: 8.33333333%;\n }\n .col--sm-offset-2 {\n margin-left: 16.66666667%;\n }\n .col--sm-offset-3 {\n margin-left: 25%;\n }\n .col--sm-offset-4 {\n margin-left: 33.33333333%;\n }\n .col--sm-offset-5 {\n margin-left: 41.66666667%;\n }\n .col--sm-offset-6 {\n margin-left: 50%;\n }\n .col--sm-offset-7 {\n margin-left: 58.33333333%;\n }\n .col--sm-offset-8 {\n margin-left: 66.66666667%;\n }\n .col--sm-offset-9 {\n margin-left: 75%;\n }\n .col--sm-offset-10 {\n margin-left: 83.33333333%;\n }\n .col--sm-offset-11 {\n margin-left: 91.66666667%;\n }\n .col--sm-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 768px) {\n .row--md-top {\n align-items: flex-start;\n }\n .row--md-center {\n align-items: center;\n }\n .row--md-bottom {\n align-items: flex-end;\n }\n .col--md-align-top {\n align-self: flex-start;\n }\n .col--md-align-center {\n align-self: center;\n }\n .col--md-align-bottom {\n align-self: flex-end;\n }\n .col--md-first {\n order: -1;\n }\n .col--md-last {\n order: 1;\n }\n .col--md-reset {\n order: 0;\n }\n .row--md-reverse {\n flex-direction: row-reverse;\n }\n .col--md-flex {\n display: flex;\n }\n .text--md-right {\n text-align: right;\n }\n .text--md-left {\n text-align: left;\n }\n .text--md-center {\n text-align: center;\n }\n .col--md {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n padding: 1rem .5rem 0 .5rem;\n }\n .col--md-1 {\n width: 8.33333333%;\n flex: none;\n }\n .col--md-2 {\n width: 16.66666667%;\n flex: none;\n }\n .col--md-3 {\n width: 25%;\n flex: none;\n }\n .col--md-4 {\n width: 33.33333333%;\n flex: none;\n }\n .col--md-5 {\n width: 41.66666667%;\n flex: none;\n }\n .col--md-6 {\n width: 50%;\n flex: none;\n }\n .col--md-7 {\n width: 58.33333333%;\n flex: none;\n }\n .col--md-8 {\n width: 66.66666667%;\n flex: none;\n }\n .col--md-9 {\n width: 75%;\n flex: none;\n }\n .col--md-10 {\n width: 83.33333333%;\n flex: none;\n }\n .col--md-11 {\n width: 91.66666667%;\n flex: none;\n }\n .col--md-12 {\n width: 100%;\n flex: none;\n }\n .col--md-offset-1 {\n margin-left: 8.33333333%;\n }\n .col--md-offset-2 {\n margin-left: 16.66666667%;\n }\n .col--md-offset-3 {\n margin-left: 25%;\n }\n .col--md-offset-4 {\n margin-left: 33.33333333%;\n }\n .col--md-offset-5 {\n margin-left: 41.66666667%;\n }\n .col--md-offset-6 {\n margin-left: 50%;\n }\n .col--md-offset-7 {\n margin-left: 58.33333333%;\n }\n .col--md-offset-8 {\n margin-left: 66.66666667%;\n }\n .col--md-offset-9 {\n margin-left: 75%;\n }\n .col--md-offset-10 {\n margin-left: 83.33333333%;\n }\n .col--md-offset-11 {\n margin-left: 91.66666667%;\n }\n .col--md-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 992px) {\n .row--lg-top {\n align-items: flex-start;\n }\n .row--lg-center {\n align-items: center;\n }\n .row--lg-bottom {\n align-items: flex-end;\n }\n .col--lg-align-top {\n align-self: flex-start;\n }\n .col--lg-align-center {\n align-self: center;\n }\n .col--lg-align-bottom {\n align-self: flex-end;\n }\n .col--lg-first {\n order: -1;\n }\n .col--lg-last {\n order: 1;\n }\n .col--lg-reset {\n order: 0;\n }\n .row--lg-reverse {\n flex-direction: row-reverse;\n }\n .col--lg-flex {\n display: flex;\n }\n .text--lg-right {\n text-align: right;\n }\n .text--lg-left {\n text-align: left;\n }\n .text--lg-center {\n text-align: center;\n }\n .col--lg {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n padding: 1rem .5rem 0 .5rem;\n }\n .col--lg-1 {\n width: 8.33333333%;\n flex: none;\n }\n .col--lg-2 {\n width: 16.66666667%;\n flex: none;\n }\n .col--lg-3 {\n width: 25%;\n flex: none;\n }\n .col--lg-4 {\n width: 33.33333333%;\n flex: none;\n }\n .col--lg-5 {\n width: 41.66666667%;\n flex: none;\n }\n .col--lg-6 {\n width: 50%;\n flex: none;\n }\n .col--lg-7 {\n width: 58.33333333%;\n flex: none;\n }\n .col--lg-8 {\n width: 66.66666667%;\n flex: none;\n }\n .col--lg-9 {\n width: 75%;\n flex: none;\n }\n .col--lg-10 {\n width: 83.33333333%;\n flex: none;\n }\n .col--lg-11 {\n width: 91.66666667%;\n flex: none;\n }\n .col--lg-12 {\n width: 100%;\n flex: none;\n }\n .col--lg-offset-1 {\n margin-left: 8.33333333%;\n }\n .col--lg-offset-2 {\n margin-left: 16.66666667%;\n }\n .col--lg-offset-3 {\n margin-left: 25%;\n }\n .col--lg-offset-4 {\n margin-left: 33.33333333%;\n }\n .col--lg-offset-5 {\n margin-left: 41.66666667%;\n }\n .col--lg-offset-6 {\n margin-left: 50%;\n }\n .col--lg-offset-7 {\n margin-left: 58.33333333%;\n }\n .col--lg-offset-8 {\n margin-left: 66.66666667%;\n }\n .col--lg-offset-9 {\n margin-left: 75%;\n }\n .col--lg-offset-10 {\n margin-left: 83.33333333%;\n }\n .col--lg-offset-11 {\n margin-left: 91.66666667%;\n }\n .col--lg-offset-12 {\n margin-left: 100%;\n }\n}\n@media (min-width: 1200px) {\n .row--xl-top {\n align-items: flex-start;\n }\n .row--xl-center {\n align-items: center;\n }\n .row--xl-bottom {\n align-items: flex-end;\n }\n .col--xl-align-top {\n align-self: flex-start;\n }\n .col--xl-align-center {\n align-self: center;\n }\n .col--xl-align-bottom {\n align-self: flex-end;\n }\n .col--xl-first {\n order: -1;\n }\n .col--xl-last {\n order: 1;\n }\n .col--xl-reset {\n order: 0;\n }\n .row--xl-reverse {\n flex-direction: row-reverse;\n }\n .col--xl-flex {\n display: flex;\n }\n .text--xl-right {\n text-align: right;\n }\n .text--xl-left {\n text-align: left;\n }\n .text--xl-center {\n text-align: center;\n }\n .col--xl {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n padding: 1rem .5rem 0 .5rem;\n }\n .col--xl-1 {\n width: 8.33333333%;\n flex: none;\n }\n .col--xl-2 {\n width: 16.66666667%;\n flex: none;\n }\n .col--xl-3 {\n width: 25%;\n flex: none;\n }\n .col--xl-4 {\n width: 33.33333333%;\n flex: none;\n }\n .col--xl-5 {\n width: 41.66666667%;\n flex: none;\n }\n .col--xl-6 {\n width: 50%;\n flex: none;\n }\n .col--xl-7 {\n width: 58.33333333%;\n flex: none;\n }\n .col--xl-8 {\n width: 66.66666667%;\n flex: none;\n }\n .col--xl-9 {\n width: 75%;\n flex: none;\n }\n .col--xl-10 {\n width: 83.33333333%;\n flex: none;\n }\n .col--xl-11 {\n width: 91.66666667%;\n flex: none;\n }\n .col--xl-12 {\n width: 100%;\n flex: none;\n }\n .col--xl-offset-1 {\n margin-left: 8.33333333%;\n }\n .col--xl-offset-2 {\n margin-left: 16.66666667%;\n }\n .col--xl-offset-3 {\n margin-left: 25%;\n }\n .col--xl-offset-4 {\n margin-left: 33.33333333%;\n }\n .col--xl-offset-5 {\n margin-left: 41.66666667%;\n }\n .col--xl-offset-6 {\n margin-left: 50%;\n }\n .col--xl-offset-7 {\n margin-left: 58.33333333%;\n }\n .col--xl-offset-8 {\n margin-left: 66.66666667%;\n }\n .col--xl-offset-9 {\n margin-left: 75%;\n }\n .col--xl-offset-10 {\n margin-left: 83.33333333%;\n }\n .col--xl-offset-11 {\n margin-left: 91.66666667%;\n }\n .col--xl-offset-12 {\n margin-left: 100%;\n }\n}\n",".has(@element; @content){\n &__@{element}{\n @content();\n }\n}\n\n.variant(@modifier; @content){\n &--@{modifier} {\n @content();\n }\n}",".grid {\n box-sizing: border-box;\n padding: 0 .5rem;\n\n .variant(container; {\n margin: 0 auto;\n max-width: 1200px;\n width: 100%;\n });\n\n .variant(no-gutters, {\n padding: 0;\n });\n}",".row {\n box-sizing: border-box;\n display: flex;\n flex: 0 1 100%;\n flex-direction: row;\n flex-wrap: wrap;\n list-style: none;\n margin: -1rem -.5rem 1rem -.5rem;\n padding: 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n .variant(no-gutters; {\n margin: 0;\n });\n}",".text {\n .variant(left; {\n text-align: left;\n });\n\n .variant(center; {\n text-align: center;\n });\n\n .variant(right; {\n text-align: right;\n });\n}","// Helper for the grid align top\n.make-row-helpers(@breakpoint) {\n .row--@{breakpoint}-top {\n align-items: flex-start;\n }\n .row--@{breakpoint}-center {\n align-items: center;\n }\n .row--@{breakpoint}-bottom {\n align-items: flex-end;\n }\n}\n\n// Helper for the sorting the first item\n.make-col-helpers(@breakpoint) {\n .col--@{breakpoint}-align-top {\n align-self: flex-start;\n }\n .col--@{breakpoint}-align-center {\n align-self: center;\n }\n .col--@{breakpoint}-align-bottom {\n align-self: flex-end;\n }\n\n .col--@{breakpoint}-first {\n order: -1;\n }\n .col--@{breakpoint}-last {\n order: 1;\n }\n .col--@{breakpoint}-reset {\n order: 0;\n }\n .row--@{breakpoint}-reverse {\n flex-direction: row-reverse;\n }\n .col--@{breakpoint}-flex {\n display: flex;\n }\n}\n\n.make-text-helpers(@breakpoint) {\n .text--@{breakpoint}-right {\n text-align: right;\n }\n .text--@{breakpoint}-left {\n text-align: left;\n }\n .text--@{breakpoint}-center {\n text-align: center;\n }\n}\n\n.make-helpers(@breakpoint) {\n .make-row-helpers(@breakpoint);\n .make-col-helpers(@breakpoint);\n .make-text-helpers(@breakpoint);\n}",".make-default() {\n & {\n flex-grow: 1;\n flex-basis: 0;\n max-width: 100%;\n padding: 1rem .5rem 0 .5rem;\n }\n}\n\n.make-offset(@columns) {\n .for(@columns);\n .-each(@number) {\n &-offset-@{number} {\n margin-left: 100% * ( @number / @columns );\n }\n }\n}\n\n.make-column(@columns) {\n .for(@columns);\n .-each(@number) {\n &-@{number} {\n width: 100% * (@number / @columns);\n flex: none;\n }\n }\n}\n\n.make-grid-column(@breakpoint, @columns) {\n .make-helpers(@breakpoint);\n .col--@{breakpoint} {\n .make-default();\n .make-column(@columns);\n .make-offset(@columns);\n }\n}\n\n.make-column(@breakpoint, @columns) {\n @breakpoint_temp : extract(@breakpoint, 1);\n\n .col--@{breakpoint_temp} {\n .for(@columns);\n .-each(@number) {\n &-@{number} {\n width: 100% * (@number / @columns);\n flex: none;\n }\n }\n }\n}\n\n.init(@breakpoints, @columns) {\n .for(@breakpoints);\n .-each(@breakpoint) {\n @size : extract(@breakpoint, 1);\n @width : extract(@breakpoint, 2);\n\n & when (@width = 0) {\n .make-grid-column(@size, @columns);\n }\n & when (@width > 0) {\n @media (min-width: @width) {\n .make-grid-column(@size, @columns);\n }\n }\n }\n}"],"sourceRoot":"/source/"}