@graupl/graupl 1.0.0-beta.0 → 1.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/dist/css/base/button.css +1 -1
- package/dist/css/base/button.css.map +1 -1
- package/dist/css/base/form.css +1 -1
- package/dist/css/base/form.css.map +1 -1
- package/dist/css/base/link.css +1 -1
- package/dist/css/base/link.css.map +1 -1
- package/dist/css/base/table.css +1 -1
- package/dist/css/base/table.css.map +1 -1
- package/dist/css/base.css +1 -1
- package/dist/css/base.css.map +1 -1
- package/dist/css/component/accordion.css +1 -1
- package/dist/css/component/accordion.css.map +1 -1
- package/dist/css/component/alert.css +1 -1
- package/dist/css/component/alert.css.map +1 -1
- package/dist/css/component/card.css +1 -1
- package/dist/css/component/card.css.map +1 -1
- package/dist/css/component/carousel.css +1 -1
- package/dist/css/component/carousel.css.map +1 -1
- package/dist/css/component/input-group.css +1 -1
- package/dist/css/component/input-group.css.map +1 -1
- package/dist/css/component/menu.css +1 -1
- package/dist/css/component/menu.css.map +1 -1
- package/dist/css/component/navigation.css +1 -1
- package/dist/css/component/navigation.css.map +1 -1
- package/dist/css/component.css +1 -1
- package/dist/css/component.css.map +1 -1
- package/dist/css/graupl.css +1 -1
- package/dist/css/graupl.css.map +1 -1
- package/dist/css/layout/columns.css +1 -1
- package/dist/css/layout/columns.css.map +1 -1
- package/dist/css/layout/container.css +1 -1
- package/dist/css/layout/container.css.map +1 -1
- package/dist/css/layout/flex-columns.css +1 -1
- package/dist/css/layout/flex-columns.css.map +1 -1
- package/dist/css/layout.css +1 -1
- package/dist/css/layout.css.map +1 -1
- package/dist/css/normalize.css +1 -1
- package/dist/css/normalize.css.map +1 -1
- package/dist/css/state/focus.css +1 -1
- package/dist/css/state/focus.css.map +1 -1
- package/dist/css/state.css +1 -1
- package/dist/css/state.css.map +1 -1
- package/dist/css/theme/color.css +1 -1
- package/dist/css/theme/color.css.map +1 -1
- package/dist/css/theme/typography.css +1 -1
- package/dist/css/theme/typography.css.map +1 -1
- package/dist/css/theme.css +1 -1
- package/dist/css/theme.css.map +1 -1
- package/dist/css/utilities/alignment.css +1 -1
- package/dist/css/utilities/alignment.css.map +1 -1
- package/dist/css/utilities/color.css +1 -1
- package/dist/css/utilities/color.css.map +1 -1
- package/dist/css/utilities/display.css +1 -1
- package/dist/css/utilities/display.css.map +1 -1
- package/dist/css/utilities/flex.css +1 -1
- package/dist/css/utilities/flex.css.map +1 -1
- package/dist/css/utilities/height.css +1 -1
- package/dist/css/utilities/height.css.map +1 -1
- package/dist/css/utilities/inset.css +1 -1
- package/dist/css/utilities/inset.css.map +1 -1
- package/dist/css/utilities/justification.css +1 -1
- package/dist/css/utilities/justification.css.map +1 -1
- package/dist/css/utilities/list.css +1 -1
- package/dist/css/utilities/list.css.map +1 -1
- package/dist/css/utilities/order.css +1 -1
- package/dist/css/utilities/order.css.map +1 -1
- package/dist/css/utilities/postion.css +1 -1
- package/dist/css/utilities/postion.css.map +1 -1
- package/dist/css/utilities/ratio.css +1 -1
- package/dist/css/utilities/ratio.css.map +1 -1
- package/dist/css/utilities/spacing.css +1 -1
- package/dist/css/utilities/spacing.css.map +1 -1
- package/dist/css/utilities/typography.css +1 -1
- package/dist/css/utilities/typography.css.map +1 -1
- package/dist/css/utilities/visibility.css +1 -1
- package/dist/css/utilities/visibility.css.map +1 -1
- package/dist/css/utilities/width.css +1 -1
- package/dist/css/utilities/width.css.map +1 -1
- package/dist/css/utilities.css +1 -1
- package/dist/css/utilities.css.map +1 -1
- package/docs/components/alert.md +28 -28
- package/docs/components/button.md +36 -36
- package/docs/components/card.md +39 -39
- package/docs/components/inputgroup.md +12 -12
- package/docs/components/menu.md +112 -112
- package/docs/components/navigation.md +52 -52
- package/docs/content.md +86 -86
- package/docs/defaults.md +10 -10
- package/docs/forms.md +34 -34
- package/docs/layout.md +21 -21
- package/docs/state.md +8 -8
- package/docs/theme.md +58 -58
- package/docs/utilities.md +1 -1
- package/package.json +1 -1
- package/src/scss/_defaults.scss +1 -1
- package/src/scss/_variables.scss +10 -10
- package/src/scss/base/button/_index.scss +70 -70
- package/src/scss/base/button/_mixins.scss +22 -22
- package/src/scss/base/button/_variables.scss +36 -36
- package/src/scss/base/form/_variables.scss +34 -37
- package/src/scss/base/link/_index.scss +41 -41
- package/src/scss/base/link/_variables.scss +60 -60
- package/src/scss/base/table/_index.scss +7 -7
- package/src/scss/base/table/_variables.scss +26 -26
- package/src/scss/component/accordion/_index.scss +6 -6
- package/src/scss/component/accordion/_variables.scss +65 -65
- package/src/scss/component/alert/_index.scss +11 -11
- package/src/scss/component/alert/_variables.scss +40 -43
- package/src/scss/component/card/_index.scss +6 -6
- package/src/scss/component/card/_variables.scss +39 -39
- package/src/scss/component/carousel/_index.scss +3 -3
- package/src/scss/component/carousel/_variables.scss +21 -21
- package/src/scss/component/input-group/_variables.scss +12 -12
- package/src/scss/component/menu/_index.scss +135 -135
- package/src/scss/component/menu/_variables.scss +112 -112
- package/src/scss/component/navigation/_index.scss +38 -38
- package/src/scss/component/navigation/_variables.scss +52 -52
- package/src/scss/layout/columns/_index.scss +6 -6
- package/src/scss/layout/columns/_variables.scss +7 -7
- package/src/scss/layout/container/_variables.scss +10 -10
- package/src/scss/layout/flex-columns/_index.scss +8 -8
- package/src/scss/layout/flex-columns/_variables.scss +4 -4
- package/src/scss/state/focus/_variables.scss +8 -8
- package/src/scss/theme/color/_index.scss +3 -3
- package/src/scss/theme/color/_variables.scss +7 -7
- package/src/scss/theme/typography/_variables.scss +52 -52
- package/src/scss/utilities/ratio/_index.scss +2 -2
- package/src/scss/utilities/ratio/_variables.scss +1 -1
- package/src/scss/utilities/spacing/_index.scss +16 -16
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl.layout{.flex-columns{display:flex;flex-wrap:wrap;gap:var(--graupl-flex-columns-row-gap,var(--graupl-columns-row-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))) var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.flex-columns>*{flex:1 1 var(--graupl-flex-columns-size,auto);max-width:var(--graupl-flex-columns-max-width,unset)}.flex-columns .fill{--graupl-flex-columns-max-width:unset}.col-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}@media screen and (width <= 47ch){.col-1{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}@media screen and (width <= 47ch){.col-2{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}@media screen and (width <= 47ch){.col-3{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}@media screen and (width <= 47ch){.col-4{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}@media screen and (width <= 47ch){.col-5{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}@media screen and (width <= 47ch){.col-6{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}@media screen and (width <= 47ch){.col-7{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}@media screen and (width <= 47ch){.col-8{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}@media screen and (width <= 47ch){.col-9{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}@media screen and (width <= 47ch){.col-10{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}@media screen and (width <= 47ch){.col-11{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}@media screen and (width <= 47ch){.col-12{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}@media screen and (0 <= width){.col-xs-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-xs-1.fill{--graupl-flex-columns-max-width:unset}.col-xs-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-xs-2.fill{--graupl-flex-columns-max-width:unset}.col-xs-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-xs-3.fill{--graupl-flex-columns-max-width:unset}.col-xs-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-xs-4.fill{--graupl-flex-columns-max-width:unset}.col-xs-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-xs-5.fill{--graupl-flex-columns-max-width:unset}.col-xs-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-xs-6.fill{--graupl-flex-columns-max-width:unset}.col-xs-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-xs-7.fill{--graupl-flex-columns-max-width:unset}.col-xs-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-xs-8.fill{--graupl-flex-columns-max-width:unset}.col-xs-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-xs-9.fill{--graupl-flex-columns-max-width:unset}.col-xs-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-xs-10.fill{--graupl-flex-columns-max-width:unset}.col-xs-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-xs-11.fill{--graupl-flex-columns-max-width:unset}.col-xs-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-xs-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (48ch <= width){.col-sm-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-sm-1.fill{--graupl-flex-columns-max-width:unset}.col-sm-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-sm-2.fill{--graupl-flex-columns-max-width:unset}.col-sm-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-sm-3.fill{--graupl-flex-columns-max-width:unset}.col-sm-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-sm-4.fill{--graupl-flex-columns-max-width:unset}.col-sm-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-sm-5.fill{--graupl-flex-columns-max-width:unset}.col-sm-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-sm-6.fill{--graupl-flex-columns-max-width:unset}.col-sm-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-sm-7.fill{--graupl-flex-columns-max-width:unset}.col-sm-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-sm-8.fill{--graupl-flex-columns-max-width:unset}.col-sm-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-sm-9.fill{--graupl-flex-columns-max-width:unset}.col-sm-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-sm-10.fill{--graupl-flex-columns-max-width:unset}.col-sm-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-sm-11.fill{--graupl-flex-columns-max-width:unset}.col-sm-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-sm-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (72ch <= width){.col-md-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-md-1.fill{--graupl-flex-columns-max-width:unset}.col-md-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-md-2.fill{--graupl-flex-columns-max-width:unset}.col-md-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-md-3.fill{--graupl-flex-columns-max-width:unset}.col-md-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-md-4.fill{--graupl-flex-columns-max-width:unset}.col-md-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-md-5.fill{--graupl-flex-columns-max-width:unset}.col-md-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-md-6.fill{--graupl-flex-columns-max-width:unset}.col-md-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-md-7.fill{--graupl-flex-columns-max-width:unset}.col-md-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-md-8.fill{--graupl-flex-columns-max-width:unset}.col-md-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-md-9.fill{--graupl-flex-columns-max-width:unset}.col-md-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-md-10.fill{--graupl-flex-columns-max-width:unset}.col-md-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-md-11.fill{--graupl-flex-columns-max-width:unset}.col-md-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-md-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (108ch <= width){.col-lg-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-lg-1.fill{--graupl-flex-columns-max-width:unset}.col-lg-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-lg-2.fill{--graupl-flex-columns-max-width:unset}.col-lg-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-lg-3.fill{--graupl-flex-columns-max-width:unset}.col-lg-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-lg-4.fill{--graupl-flex-columns-max-width:unset}.col-lg-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-lg-5.fill{--graupl-flex-columns-max-width:unset}.col-lg-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-lg-6.fill{--graupl-flex-columns-max-width:unset}.col-lg-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-lg-7.fill{--graupl-flex-columns-max-width:unset}.col-lg-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-lg-8.fill{--graupl-flex-columns-max-width:unset}.col-lg-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-lg-9.fill{--graupl-flex-columns-max-width:unset}.col-lg-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-lg-10.fill{--graupl-flex-columns-max-width:unset}.col-lg-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-lg-11.fill{--graupl-flex-columns-max-width:unset}.col-lg-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-lg-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (156ch <= width){.col-xl-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-xl-1.fill{--graupl-flex-columns-max-width:unset}.col-xl-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-xl-2.fill{--graupl-flex-columns-max-width:unset}.col-xl-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-xl-3.fill{--graupl-flex-columns-max-width:unset}.col-xl-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-xl-4.fill{--graupl-flex-columns-max-width:unset}.col-xl-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-xl-5.fill{--graupl-flex-columns-max-width:unset}.col-xl-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-xl-6.fill{--graupl-flex-columns-max-width:unset}.col-xl-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-xl-7.fill{--graupl-flex-columns-max-width:unset}.col-xl-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-xl-8.fill{--graupl-flex-columns-max-width:unset}.col-xl-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-xl-9.fill{--graupl-flex-columns-max-width:unset}.col-xl-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-xl-10.fill{--graupl-flex-columns-max-width:unset}.col-xl-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-xl-11.fill{--graupl-flex-columns-max-width:unset}.col-xl-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-xl-12.fill{--graupl-flex-columns-max-width:unset}}}
|
|
1
|
+
@layer graupl-.layout{.flex-columns{display:flex;flex-wrap:wrap;gap:var(--graupl-flex-columns-row-gap,var(--graupl-columns-row-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))) var(--graupl-flex-columns-column-gap,var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.flex-columns>*{flex:1 1 var(--graupl-flex-columns-size,auto);max-width:var(--graupl-flex-columns-max-width,unset)}.flex-columns .fill{--graupl-flex-columns-max-width:unset}.col-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}@media screen and (width <= 47ch){.col-1{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}@media screen and (width <= 47ch){.col-2{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}@media screen and (width <= 47ch){.col-3{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}@media screen and (width <= 47ch){.col-4{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}@media screen and (width <= 47ch){.col-5{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}@media screen and (width <= 47ch){.col-6{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}@media screen and (width <= 47ch){.col-7{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}@media screen and (width <= 47ch){.col-8{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}@media screen and (width <= 47ch){.col-9{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}@media screen and (width <= 47ch){.col-10{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}@media screen and (width <= 47ch){.col-11{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}.col-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}@media screen and (width <= 47ch){.col-12{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}@media screen and (0 <= width){.col-xs-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-xs-1.fill{--graupl-flex-columns-max-width:unset}.col-xs-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-xs-2.fill{--graupl-flex-columns-max-width:unset}.col-xs-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-xs-3.fill{--graupl-flex-columns-max-width:unset}.col-xs-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-xs-4.fill{--graupl-flex-columns-max-width:unset}.col-xs-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-xs-5.fill{--graupl-flex-columns-max-width:unset}.col-xs-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-xs-6.fill{--graupl-flex-columns-max-width:unset}.col-xs-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-xs-7.fill{--graupl-flex-columns-max-width:unset}.col-xs-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-xs-8.fill{--graupl-flex-columns-max-width:unset}.col-xs-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-xs-9.fill{--graupl-flex-columns-max-width:unset}.col-xs-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-xs-10.fill{--graupl-flex-columns-max-width:unset}.col-xs-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-xs-11.fill{--graupl-flex-columns-max-width:unset}.col-xs-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-xs-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (48ch <= width){.col-sm-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-sm-1.fill{--graupl-flex-columns-max-width:unset}.col-sm-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-sm-2.fill{--graupl-flex-columns-max-width:unset}.col-sm-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-sm-3.fill{--graupl-flex-columns-max-width:unset}.col-sm-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-sm-4.fill{--graupl-flex-columns-max-width:unset}.col-sm-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-sm-5.fill{--graupl-flex-columns-max-width:unset}.col-sm-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-sm-6.fill{--graupl-flex-columns-max-width:unset}.col-sm-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-sm-7.fill{--graupl-flex-columns-max-width:unset}.col-sm-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-sm-8.fill{--graupl-flex-columns-max-width:unset}.col-sm-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-sm-9.fill{--graupl-flex-columns-max-width:unset}.col-sm-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-sm-10.fill{--graupl-flex-columns-max-width:unset}.col-sm-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-sm-11.fill{--graupl-flex-columns-max-width:unset}.col-sm-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-sm-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (72ch <= width){.col-md-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-md-1.fill{--graupl-flex-columns-max-width:unset}.col-md-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-md-2.fill{--graupl-flex-columns-max-width:unset}.col-md-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-md-3.fill{--graupl-flex-columns-max-width:unset}.col-md-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-md-4.fill{--graupl-flex-columns-max-width:unset}.col-md-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-md-5.fill{--graupl-flex-columns-max-width:unset}.col-md-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-md-6.fill{--graupl-flex-columns-max-width:unset}.col-md-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-md-7.fill{--graupl-flex-columns-max-width:unset}.col-md-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-md-8.fill{--graupl-flex-columns-max-width:unset}.col-md-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-md-9.fill{--graupl-flex-columns-max-width:unset}.col-md-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-md-10.fill{--graupl-flex-columns-max-width:unset}.col-md-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-md-11.fill{--graupl-flex-columns-max-width:unset}.col-md-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-md-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (108ch <= width){.col-lg-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-lg-1.fill{--graupl-flex-columns-max-width:unset}.col-lg-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-lg-2.fill{--graupl-flex-columns-max-width:unset}.col-lg-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-lg-3.fill{--graupl-flex-columns-max-width:unset}.col-lg-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-lg-4.fill{--graupl-flex-columns-max-width:unset}.col-lg-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-lg-5.fill{--graupl-flex-columns-max-width:unset}.col-lg-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-lg-6.fill{--graupl-flex-columns-max-width:unset}.col-lg-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-lg-7.fill{--graupl-flex-columns-max-width:unset}.col-lg-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-lg-8.fill{--graupl-flex-columns-max-width:unset}.col-lg-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-lg-9.fill{--graupl-flex-columns-max-width:unset}.col-lg-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-lg-10.fill{--graupl-flex-columns-max-width:unset}.col-lg-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-lg-11.fill{--graupl-flex-columns-max-width:unset}.col-lg-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-lg-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (156ch <= width){.col-xl-1{--graupl-flex-columns-size:calc((100% / 12 * 1) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:8.33333%}.col-xl-1.fill{--graupl-flex-columns-max-width:unset}.col-xl-2{--graupl-flex-columns-size:calc((100% / 12 * 2) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:16.66667%}.col-xl-2.fill{--graupl-flex-columns-max-width:unset}.col-xl-3{--graupl-flex-columns-size:calc((100% / 12 * 3) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:25%}.col-xl-3.fill{--graupl-flex-columns-max-width:unset}.col-xl-4{--graupl-flex-columns-size:calc((100% / 12 * 4) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:33.33333%}.col-xl-4.fill{--graupl-flex-columns-max-width:unset}.col-xl-5{--graupl-flex-columns-size:calc((100% / 12 * 5) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:41.66667%}.col-xl-5.fill{--graupl-flex-columns-max-width:unset}.col-xl-6{--graupl-flex-columns-size:calc((100% / 12 * 6) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:50%}.col-xl-6.fill{--graupl-flex-columns-max-width:unset}.col-xl-7{--graupl-flex-columns-size:calc((100% / 12 * 7) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:58.33333%}.col-xl-7.fill{--graupl-flex-columns-max-width:unset}.col-xl-8{--graupl-flex-columns-size:calc((100% / 12 * 8) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:66.66667%}.col-xl-8.fill{--graupl-flex-columns-max-width:unset}.col-xl-9{--graupl-flex-columns-size:calc((100% / 12 * 9) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:75%}.col-xl-9.fill{--graupl-flex-columns-max-width:unset}.col-xl-10{--graupl-flex-columns-size:calc((100% / 12 * 10) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:83.33333%}.col-xl-10.fill{--graupl-flex-columns-max-width:unset}.col-xl-11{--graupl-flex-columns-size:calc((100% / 12 * 11) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:91.66667%}.col-xl-11.fill{--graupl-flex-columns-max-width:unset}.col-xl-12{--graupl-flex-columns-size:calc((100% / 12 * 12) - var(--graupl-flex-columns-column-gap, var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))));--graupl-flex-columns-max-width:100%}.col-xl-12.fill{--graupl-flex-columns-max-width:unset}}}
|
|
2
2
|
/*# sourceMappingURL=flex-columns.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/layout/flex-columns/_index.scss","flex-columns.css","../../../src/scss/mixins/_screen.scss"],"names":[],"mappings":"AAQE,
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/layout/flex-columns/_index.scss","flex-columns.css","../../../src/scss/mixins/_screen.scss"],"names":[],"mappings":"AAQE,sBCEA,cACE,YAAA,CACA,cAAA,CACA,+PCNF,CDQE,gBACE,6CAAA,CACA,oDCNJ,CDSE,oBACE,qCCPJ,CDeE,OAEE,wLAAA,CAIA,wCCVJ,CCDA,kCFkBI,OACE,+BAAA,CACA,oCCdJ,CACF,CDFE,OAEE,wLAAA,CAIA,yCCOJ,CClBA,kCFkBI,OACE,+BAAA,CACA,oCCGJ,CACF,CDnBE,OAEE,wLAAA,CAIA,mCCwBJ,CCnCA,kCFkBI,OACE,+BAAA,CACA,oCCoBJ,CACF,CDpCE,OAEE,wLAAA,CAIA,yCCyCJ,CCpDA,kCFkBI,OACE,+BAAA,CACA,oCCqCJ,CACF,CDrDE,OAEE,wLAAA,CAIA,yCC0DJ,CCrEA,kCFkBI,OACE,+BAAA,CACA,oCCsDJ,CACF,CDtEE,OAEE,wLAAA,CAIA,mCC2EJ,CCtFA,kCFkBI,OACE,+BAAA,CACA,oCCuEJ,CACF,CDvFE,OAEE,wLAAA,CAIA,yCC4FJ,CCvGA,kCFkBI,OACE,+BAAA,CACA,oCCwFJ,CACF,CDxGE,OAEE,wLAAA,CAIA,yCC6GJ,CCxHA,kCFkBI,OACE,+BAAA,CACA,oCCyGJ,CACF,CDzHE,OAEE,wLAAA,CAIA,mCC8HJ,CCzIA,kCFkBI,OACE,+BAAA,CACA,oCC0HJ,CACF,CD1IE,QAEE,yLAAA,CAIA,yCC+IJ,CC1JA,kCFkBI,QACE,+BAAA,CACA,oCC2IJ,CACF,CD3JE,QAEE,yLAAA,CAIA,yCCgKJ,CC3KA,kCFkBI,QACE,+BAAA,CACA,oCC4JJ,CACF,CD5KE,QAEE,yLAAA,CAIA,oCCiLJ,CC5LA,kCFkBI,QACE,+BAAA,CACA,oCC6KJ,CACF,CC3MA,+BF8CM,UAEE,wLAAA,CAKA,wCCkKN,CD9JM,eACE,qCCgKR,CD5KI,UAEE,wLAAA,CAKA,yCCkLN,CD9KM,eACE,qCCgLR,CD5LI,UAEE,wLAAA,CAKA,mCCkMN,CD9LM,eACE,qCCgMR,CD5MI,UAEE,wLAAA,CAKA,yCCkNN,CD9MM,eACE,qCCgNR,CD5NI,UAEE,wLAAA,CAKA,yCCkON,CD9NM,eACE,qCCgOR,CD5OI,UAEE,wLAAA,CAKA,mCCkPN,CD9OM,eACE,qCCgPR,CD5PI,UAEE,wLAAA,CAKA,yCCkQN,CD9PM,eACE,qCCgQR,CD5QI,UAEE,wLAAA,CAKA,yCCkRN,CD9QM,eACE,qCCgRR,CD5RI,UAEE,wLAAA,CAKA,mCCkSN,CD9RM,eACE,qCCgSR,CD5SI,WAEE,yLAAA,CAKA,yCCkTN,CD9SM,gBACE,qCCgTR,CD5TI,WAEE,yLAAA,CAKA,yCCkUN,CD9TM,gBACE,qCCgUR,CD5UI,WAEE,yLAAA,CAKA,oCCkVN,CD9UM,gBACE,qCCgVR,CA/KF,CC3NA,kCF8CM,UAEE,wLAAA,CAKA,wCCkWN,CD9VM,eACE,qCCgWR,CD5WI,UAEE,wLAAA,CAKA,yCCkXN,CD9WM,eACE,qCCgXR,CD5XI,UAEE,wLAAA,CAKA,mCCkYN,CD9XM,eACE,qCCgYR,CD5YI,UAEE,wLAAA,CAKA,yCCkZN,CD9YM,eACE,qCCgZR,CD5ZI,UAEE,wLAAA,CAKA,yCCkaN,CD9ZM,eACE,qCCgaR,CD5aI,UAEE,wLAAA,CAKA,mCCkbN,CD9aM,eACE,qCCgbR,CD5bI,UAEE,wLAAA,CAKA,yCCkcN,CD9bM,eACE,qCCgcR,CD5cI,UAEE,wLAAA,CAKA,yCCkdN,CD9cM,eACE,qCCgdR,CD5dI,UAEE,wLAAA,CAKA,mCCkeN,CD9dM,eACE,qCCgeR,CD5eI,WAEE,yLAAA,CAKA,yCCkfN,CD9eM,gBACE,qCCgfR,CD5fI,WAEE,yLAAA,CAKA,yCCkgBN,CD9fM,gBACE,qCCggBR,CD5gBI,WAEE,yLAAA,CAKA,oCCkhBN,CD9gBM,gBACE,qCCghBR,CA/KF,CC3ZA,kCF8CM,UAEE,wLAAA,CAKA,wCCkiBN,CD9hBM,eACE,qCCgiBR,CD5iBI,UAEE,wLAAA,CAKA,yCCkjBN,CD9iBM,eACE,qCCgjBR,CD5jBI,UAEE,wLAAA,CAKA,mCCkkBN,CD9jBM,eACE,qCCgkBR,CD5kBI,UAEE,wLAAA,CAKA,yCCklBN,CD9kBM,eACE,qCCglBR,CD5lBI,UAEE,wLAAA,CAKA,yCCkmBN,CD9lBM,eACE,qCCgmBR,CD5mBI,UAEE,wLAAA,CAKA,mCCknBN,CD9mBM,eACE,qCCgnBR,CD5nBI,UAEE,wLAAA,CAKA,yCCkoBN,CD9nBM,eACE,qCCgoBR,CD5oBI,UAEE,wLAAA,CAKA,yCCkpBN,CD9oBM,eACE,qCCgpBR,CD5pBI,UAEE,wLAAA,CAKA,mCCkqBN,CD9pBM,eACE,qCCgqBR,CD5qBI,WAEE,yLAAA,CAKA,yCCkrBN,CD9qBM,gBACE,qCCgrBR,CD5rBI,WAEE,yLAAA,CAKA,yCCksBN,CD9rBM,gBACE,qCCgsBR,CD5sBI,WAEE,yLAAA,CAKA,oCCktBN,CD9sBM,gBACE,qCCgtBR,CA/KF,CC3lBA,mCF8CM,UAEE,wLAAA,CAKA,wCCkuBN,CD9tBM,eACE,qCCguBR,CD5uBI,UAEE,wLAAA,CAKA,yCCkvBN,CD9uBM,eACE,qCCgvBR,CD5vBI,UAEE,wLAAA,CAKA,mCCkwBN,CD9vBM,eACE,qCCgwBR,CD5wBI,UAEE,wLAAA,CAKA,yCCkxBN,CD9wBM,eACE,qCCgxBR,CD5xBI,UAEE,wLAAA,CAKA,yCCkyBN,CD9xBM,eACE,qCCgyBR,CD5yBI,UAEE,wLAAA,CAKA,mCCkzBN,CD9yBM,eACE,qCCgzBR,CD5zBI,UAEE,wLAAA,CAKA,yCCk0BN,CD9zBM,eACE,qCCg0BR,CD50BI,UAEE,wLAAA,CAKA,yCCk1BN,CD90BM,eACE,qCCg1BR,CD51BI,UAEE,wLAAA,CAKA,mCCk2BN,CD91BM,eACE,qCCg2BR,CD52BI,WAEE,yLAAA,CAKA,yCCk3BN,CD92BM,gBACE,qCCg3BR,CD53BI,WAEE,yLAAA,CAKA,yCCk4BN,CD93BM,gBACE,qCCg4BR,CD54BI,WAEE,yLAAA,CAKA,oCCk5BN,CD94BM,gBACE,qCCg5BR,CA/KF,CC3xBA,mCF8CM,UAEE,wLAAA,CAKA,wCCk6BN,CD95BM,eACE,qCCg6BR,CD56BI,UAEE,wLAAA,CAKA,yCCk7BN,CD96BM,eACE,qCCg7BR,CD57BI,UAEE,wLAAA,CAKA,mCCk8BN,CD97BM,eACE,qCCg8BR,CD58BI,UAEE,wLAAA,CAKA,yCCk9BN,CD98BM,eACE,qCCg9BR,CD59BI,UAEE,wLAAA,CAKA,yCCk+BN,CD99BM,eACE,qCCg+BR,CD5+BI,UAEE,wLAAA,CAKA,mCCk/BN,CD9+BM,eACE,qCCg/BR,CD5/BI,UAEE,wLAAA,CAKA,yCCkgCN,CD9/BM,eACE,qCCggCR,CD5gCI,UAEE,wLAAA,CAKA,yCCkhCN,CD9gCM,eACE,qCCghCR,CD5hCI,UAEE,wLAAA,CAKA,mCCkiCN,CD9hCM,eACE,qCCgiCR,CD5iCI,WAEE,yLAAA,CAKA,yCCkjCN,CD9iCM,gBACE,qCCgjCR,CD5jCI,WAEE,yLAAA,CAKA,yCCkkCN,CD9jCM,gBACE,qCCgkCR,CD5kCI,WAEE,yLAAA,CAKA,oCCklCN,CD9kCM,gBACE,qCCglCR,CA/KF,CAiLF","file":"flex-columns.css"}
|