flexbox-grid-less
Version:
A simple flexbox CSS grid system
1 lines • 10.7 kB
Source Map (JSON)
{"version":3,"sources":["components/col.less","components/grid.less","components/row.less","mixins/helpers.less","mixins/grid-framework.less","mixins/bem.less","components/text.less"],"names":[],"mappings":"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","file":"flexbox-grid.min.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}",".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}","// 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}",".has(@element; @content){\n &__@{element}{\n @content();\n }\n}\n\n.variant(@modifier; @content){\n &--@{modifier} {\n @content();\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}"],"sourceRoot":"/source/"}