@graupl/graupl 1.0.0-beta.1 → 1.0.0-beta.10
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/.devcontainer/devcontainer.json +221 -0
- package/.env +3 -0
- package/.github/workflows/docs.yml +13 -6
- package/.github/workflows/prerelease.yml +125 -0
- package/.github/workflows/release.yml +111 -0
- package/.github/workflows/test.yml +54 -3
- package/.versionrc.cjs +12 -0
- package/.vscode/settings.json +10 -0
- package/CHANGELOG.md +196 -1
- package/build.js +4 -2
- package/combine-at-rules.cjs +61 -0
- package/container/.env +26 -0
- package/container/build/app.dockerfile +41 -0
- package/container/docker-compose.yml +27 -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 +4 -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/list.css +2 -0
- package/dist/css/component/list.css.map +1 -0
- 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 +4 -1
- package/dist/css/component.css.map +1 -1
- package/dist/css/graupl.css +4 -1
- package/dist/css/graupl.css.map +1 -1
- package/dist/css/init.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 +4 -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/background.css +2 -0
- package/dist/css/utilities/background.css.map +1 -0
- package/dist/css/utilities/border.css +2 -0
- package/dist/css/utilities/border.css.map +1 -0
- package/dist/css/utilities/color.css +1 -1
- package/dist/css/utilities/color.css.map +1 -1
- package/dist/css/utilities/container.css +2 -0
- package/dist/css/utilities/container.css.map +1 -0
- 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/gradient.css +2 -0
- package/dist/css/utilities/gradient.css.map +1 -0
- 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/position.css +2 -0
- package/dist/css/utilities/position.css.map +1 -0
- 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/visually-hidden.css +2 -0
- package/dist/css/utilities/visually-hidden.css.map +1 -0
- package/dist/css/utilities/width.css +1 -1
- package/dist/css/utilities/width.css.map +1 -1
- package/dist/css/utilities/z-index.css +2 -0
- package/dist/css/utilities/z-index.css.map +1 -0
- package/dist/css/utilities.css +1 -1
- package/dist/css/utilities.css.map +1 -1
- package/dist/js/graupl.cjs.js +5 -3
- package/dist/js/graupl.esm.js +1305 -206
- package/dist/js/graupl.iife.js +5 -3
- package/docs/.vitepress/config.js +31 -1
- package/docs/.vitepress/theme/custom.scss +16 -16
- package/docs/compiling-graupl.md +6 -5
- package/docs/utilities/alignment.md +411 -0
- package/docs/utilities/background.md +192 -0
- package/docs/utilities/border.md +268 -0
- package/docs/utilities/color.md +348 -0
- package/docs/utilities/container.md +3 -0
- package/docs/utilities/display.md +3 -0
- package/docs/utilities/flex.md +3 -0
- package/docs/utilities/gradient.md +3 -0
- package/docs/utilities/height.md +3 -0
- package/docs/utilities/inset.md +3 -0
- package/docs/utilities/justification.md +3 -0
- package/docs/utilities/list.md +3 -0
- package/docs/utilities/order.md +3 -0
- package/docs/utilities/position.md +3 -0
- package/docs/utilities/ratio.md +3 -0
- package/docs/utilities/responsive-classes.md +3 -0
- package/docs/utilities/spacing.md +3 -0
- package/docs/utilities/typography.md +3 -0
- package/docs/utilities/visibility.md +3 -0
- package/docs/utilities/visually-hidden.md +3 -0
- package/docs/utilities/width.md +3 -0
- package/docs/utilities/z-index.md +3 -0
- package/favicon.ico +0 -0
- package/index.html +418 -55
- package/logo.svg +296 -0
- package/package.json +33 -37
- package/packages/core/build.js +9 -0
- package/packages/core/dist/css/base/button.css +2 -0
- package/packages/core/dist/css/base/button.css.map +1 -0
- package/packages/core/dist/css/base/form.css +2 -0
- package/packages/core/dist/css/base/form.css.map +1 -0
- package/packages/core/dist/css/base/link.css +2 -0
- package/packages/core/dist/css/base/link.css.map +1 -0
- package/packages/core/dist/css/base/table.css +2 -0
- package/packages/core/dist/css/base/table.css.map +1 -0
- package/packages/core/dist/css/base.css +2 -0
- package/packages/core/dist/css/base.css.map +1 -0
- package/packages/core/dist/css/component/accordion.css +5 -0
- package/packages/core/dist/css/component/accordion.css.map +1 -0
- package/packages/core/dist/css/component/alert.css +2 -0
- package/packages/core/dist/css/component/alert.css.map +1 -0
- package/packages/core/dist/css/component/card.css +2 -0
- package/packages/core/dist/css/component/card.css.map +1 -0
- package/packages/core/dist/css/component/carousel.css +2 -0
- package/packages/core/dist/css/component/carousel.css.map +1 -0
- package/packages/core/dist/css/component/input-group.css +2 -0
- package/packages/core/dist/css/component/input-group.css.map +1 -0
- package/packages/core/dist/css/component/list.css +2 -0
- package/packages/core/dist/css/component/list.css.map +1 -0
- package/packages/core/dist/css/component/menu.css +2 -0
- package/packages/core/dist/css/component/menu.css.map +1 -0
- package/packages/core/dist/css/component/navigation.css +2 -0
- package/packages/core/dist/css/component/navigation.css.map +1 -0
- package/packages/core/dist/css/component.css +5 -0
- package/packages/core/dist/css/component.css.map +1 -0
- package/packages/core/dist/css/graupl.css +5 -0
- package/packages/core/dist/css/graupl.css.map +1 -0
- package/{src/scss/_init.scss → packages/core/dist/css/init.css} +1 -2
- package/packages/core/dist/css/init.css.map +1 -0
- package/packages/core/dist/css/layout/columns.css +2 -0
- package/packages/core/dist/css/layout/columns.css.map +1 -0
- package/packages/core/dist/css/layout/container.css +2 -0
- package/packages/core/dist/css/layout/container.css.map +1 -0
- package/packages/core/dist/css/layout/flex-columns.css +2 -0
- package/packages/core/dist/css/layout/flex-columns.css.map +1 -0
- package/packages/core/dist/css/layout.css +5 -0
- package/packages/core/dist/css/layout.css.map +1 -0
- package/packages/core/dist/css/normalize.css +2 -0
- package/packages/core/dist/css/normalize.css.map +1 -0
- package/packages/core/dist/css/state/focus.css +2 -0
- package/packages/core/dist/css/state/focus.css.map +1 -0
- package/packages/core/dist/css/state.css +2 -0
- package/packages/core/dist/css/state.css.map +1 -0
- package/packages/core/dist/css/theme/color.css +2 -0
- package/packages/core/dist/css/theme/color.css.map +1 -0
- package/packages/core/dist/css/theme/typography.css +2 -0
- package/packages/core/dist/css/theme/typography.css.map +1 -0
- package/packages/core/dist/css/theme.css +2 -0
- package/packages/core/dist/css/theme.css.map +1 -0
- package/packages/core/dist/css/utilities/alignment.css +2 -0
- package/packages/core/dist/css/utilities/alignment.css.map +1 -0
- package/packages/core/dist/css/utilities/background.css +2 -0
- package/packages/core/dist/css/utilities/background.css.map +1 -0
- package/packages/core/dist/css/utilities/border.css +2 -0
- package/packages/core/dist/css/utilities/border.css.map +1 -0
- package/packages/core/dist/css/utilities/color.css +2 -0
- package/packages/core/dist/css/utilities/color.css.map +1 -0
- package/packages/core/dist/css/utilities/container.css +2 -0
- package/packages/core/dist/css/utilities/container.css.map +1 -0
- package/packages/core/dist/css/utilities/display.css +2 -0
- package/packages/core/dist/css/utilities/display.css.map +1 -0
- package/packages/core/dist/css/utilities/flex.css +2 -0
- package/packages/core/dist/css/utilities/flex.css.map +1 -0
- package/packages/core/dist/css/utilities/gradient.css +2 -0
- package/packages/core/dist/css/utilities/gradient.css.map +1 -0
- package/packages/core/dist/css/utilities/height.css +2 -0
- package/packages/core/dist/css/utilities/height.css.map +1 -0
- package/packages/core/dist/css/utilities/inset.css +2 -0
- package/packages/core/dist/css/utilities/inset.css.map +1 -0
- package/packages/core/dist/css/utilities/justification.css +2 -0
- package/packages/core/dist/css/utilities/justification.css.map +1 -0
- package/packages/core/dist/css/utilities/list.css +2 -0
- package/packages/core/dist/css/utilities/list.css.map +1 -0
- package/packages/core/dist/css/utilities/order.css +2 -0
- package/packages/core/dist/css/utilities/order.css.map +1 -0
- package/packages/core/dist/css/utilities/position.css +2 -0
- package/packages/core/dist/css/utilities/position.css.map +1 -0
- package/packages/core/dist/css/utilities/ratio.css +2 -0
- package/packages/core/dist/css/utilities/ratio.css.map +1 -0
- package/packages/core/dist/css/utilities/spacing.css +2 -0
- package/packages/core/dist/css/utilities/spacing.css.map +1 -0
- package/packages/core/dist/css/utilities/typography.css +2 -0
- package/packages/core/dist/css/utilities/typography.css.map +1 -0
- package/packages/core/dist/css/utilities/visibility.css +2 -0
- package/packages/core/dist/css/utilities/visibility.css.map +1 -0
- package/packages/core/dist/css/utilities/visually-hidden.css +2 -0
- package/packages/core/dist/css/utilities/visually-hidden.css.map +1 -0
- package/packages/core/dist/css/utilities/width.css +2 -0
- package/packages/core/dist/css/utilities/width.css.map +1 -0
- package/packages/core/dist/css/utilities/z-index.css +2 -0
- package/packages/core/dist/css/utilities/z-index.css.map +1 -0
- package/packages/core/dist/css/utilities.css +2 -0
- package/packages/core/dist/css/utilities.css.map +1 -0
- package/packages/core/package.json +58 -0
- package/packages/core/scss/base/button.scss +3 -0
- package/packages/core/scss/base/form.scss +3 -0
- package/packages/core/scss/base/link.scss +3 -0
- package/packages/core/scss/base/table.scss +3 -0
- package/packages/core/scss/base.scss +3 -0
- package/packages/core/scss/component/accordion.scss +3 -0
- package/packages/core/scss/component/alert.scss +3 -0
- package/packages/core/scss/component/card.scss +3 -0
- package/packages/core/scss/component/carousel.scss +3 -0
- package/packages/core/scss/component/input-group.scss +3 -0
- package/packages/core/scss/component/list.scss +3 -0
- package/packages/core/scss/component/menu.scss +3 -0
- package/packages/core/scss/component/navigation.scss +3 -0
- package/packages/core/scss/component.scss +3 -0
- package/packages/core/scss/graupl.scss +3 -0
- package/packages/core/scss/init.scss +3 -0
- package/packages/core/scss/layout/columns.scss +3 -0
- package/packages/core/scss/layout/container.scss +3 -0
- package/packages/core/scss/layout/flex-columns.scss +3 -0
- package/packages/core/scss/layout.scss +3 -0
- package/packages/core/scss/normalize.scss +3 -0
- package/packages/core/scss/state/focus.scss +3 -0
- package/packages/core/scss/state.scss +3 -0
- package/packages/core/scss/theme/color.scss +3 -0
- package/packages/core/scss/theme/typography.scss +3 -0
- package/packages/core/scss/theme.scss +3 -0
- package/packages/core/scss/utilities/alignment.scss +3 -0
- package/packages/core/scss/utilities/background.scss +3 -0
- package/packages/core/scss/utilities/border.scss +3 -0
- package/packages/core/scss/utilities/color.scss +3 -0
- package/packages/core/scss/utilities/container.scss +3 -0
- package/packages/core/scss/utilities/display.scss +3 -0
- package/packages/core/scss/utilities/flex.scss +3 -0
- package/packages/core/scss/utilities/gradient.scss +3 -0
- package/packages/core/scss/utilities/height.scss +3 -0
- package/packages/core/scss/utilities/inset.scss +3 -0
- package/packages/core/scss/utilities/justification.scss +3 -0
- package/packages/core/scss/utilities/list.scss +3 -0
- package/packages/core/scss/utilities/order.scss +3 -0
- package/{scss/utilities/postion.scss → packages/core/scss/utilities/position.scss} +1 -1
- package/packages/core/scss/utilities/ratio.scss +3 -0
- package/packages/core/scss/utilities/spacing.scss +3 -0
- package/packages/core/scss/utilities/typography.scss +3 -0
- package/packages/core/scss/utilities/visibility.scss +3 -0
- package/packages/core/scss/utilities/visually-hidden.scss +3 -0
- package/packages/core/scss/utilities/width.scss +3 -0
- package/packages/core/scss/utilities/z-index.scss +3 -0
- package/packages/core/scss/utilities.scss +3 -0
- package/{src → packages/core/src}/scss/_defaults.scss +59 -11
- package/{src → packages/core/src}/scss/_index.scss +1 -1
- package/packages/core/src/scss/_init.scss +6 -0
- package/{src → packages/core/src}/scss/_normalize.scss +1 -1
- package/{src → packages/core/src}/scss/_variables.scss +43 -1
- package/{src → packages/core/src}/scss/base/_index.scss +1 -1
- package/{src → packages/core/src}/scss/base/button/_defaults.scss +13 -24
- package/packages/core/src/scss/base/button/_index.scss +206 -0
- package/packages/core/src/scss/base/button/_mixins.scss +104 -0
- package/{src → packages/core/src}/scss/base/button/_variables.scss +108 -32
- package/{src → packages/core/src}/scss/base/form/_defaults.scss +8 -1
- package/packages/core/src/scss/base/form/_index.scss +227 -0
- package/packages/core/src/scss/base/form/_variables.scss +245 -0
- package/packages/core/src/scss/base/link/_defaults.scss +35 -0
- package/packages/core/src/scss/base/link/_index.scss +245 -0
- package/{src → packages/core/src}/scss/base/link/_variables.scss +148 -40
- package/packages/core/src/scss/base/table/_defaults.scss +68 -0
- package/packages/core/src/scss/base/table/_index.scss +314 -0
- package/packages/core/src/scss/base/table/_variables.scss +309 -0
- package/{src → packages/core/src}/scss/component/_index.scss +2 -1
- package/{src → packages/core/src}/scss/component/accordion/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/accordion/_index.scss +73 -55
- package/{src → packages/core/src}/scss/component/accordion/_variables.scss +68 -28
- package/{src → packages/core/src}/scss/component/alert/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/alert/_index.scss +45 -44
- package/{src → packages/core/src}/scss/component/alert/_variables.scss +54 -24
- package/{src → packages/core/src}/scss/component/card/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/card/_index.scss +47 -13
- package/{src → packages/core/src}/scss/component/card/_variables.scss +54 -24
- package/{src → packages/core/src}/scss/component/carousel/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/carousel/_index.scss +29 -25
- package/{src → packages/core/src}/scss/component/carousel/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/component/input-group/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/input-group/_index.scss +2 -2
- package/{src → packages/core/src}/scss/component/input-group/_variables.scss +1 -1
- package/{src/scss/utilities/order → packages/core/src/scss/component/list}/_defaults.scss +7 -14
- package/packages/core/src/scss/component/list/_index.scss +52 -0
- package/packages/core/src/scss/component/list/_variables.scss +236 -0
- package/{src → packages/core/src}/scss/component/menu/_defaults.scss +11 -20
- package/{src → packages/core/src}/scss/component/menu/_index.scss +9 -6
- package/{src → packages/core/src}/scss/component/menu/_variables.scss +199 -57
- package/packages/core/src/scss/component/navigation/_defaults.scss +23 -0
- package/{src → packages/core/src}/scss/component/navigation/_index.scss +3 -2
- package/{src → packages/core/src}/scss/component/navigation/_variables.scss +79 -26
- package/packages/core/src/scss/functions/_container.scss +38 -0
- package/packages/core/src/scss/functions/_important.scss +36 -0
- package/{src → packages/core/src}/scss/functions/_screen.scss +9 -1
- package/{src → packages/core/src}/scss/functions/_theme.scss +2 -2
- package/packages/core/src/scss/functions/_utility.scss +28 -0
- package/{src → packages/core/src}/scss/layout/_index.scss +1 -1
- package/{src → packages/core/src}/scss/layout/columns/_defaults.scss +9 -4
- package/packages/core/src/scss/layout/columns/_index.scss +137 -0
- package/{src → packages/core/src}/scss/layout/columns/_variables.scss +6 -2
- package/packages/core/src/scss/layout/container/_defaults.scss +35 -0
- package/packages/core/src/scss/layout/container/_index.scss +628 -0
- package/packages/core/src/scss/layout/container/_variables.scss +114 -0
- package/packages/core/src/scss/layout/flex-columns/_defaults.scss +28 -0
- package/packages/core/src/scss/layout/flex-columns/_index.scss +184 -0
- package/{src → packages/core/src}/scss/layout/flex-columns/_variables.scss +5 -1
- package/{src → packages/core/src}/scss/mixins/_animation.scss +1 -1
- package/packages/core/src/scss/mixins/_container.scss +80 -0
- package/{src → packages/core/src}/scss/mixins/_layer.scss +6 -2
- package/{src → packages/core/src}/scss/mixins/_screen.scss +25 -4
- package/packages/core/src/scss/mixins/_state.scss +18 -0
- package/packages/core/src/scss/mixins/_theme.scss +15 -0
- package/packages/core/src/scss/mixins/_utility.scss +185 -0
- package/packages/core/src/scss/mixins/_visually-hidden.scss +30 -0
- package/packages/core/src/scss/state/_index.scss +3 -0
- package/{src → packages/core/src}/scss/state/focus/_defaults.scss +1 -2
- package/packages/core/src/scss/state/focus/_index.scss +42 -0
- package/packages/core/src/scss/state/focus/_mixins.scss +13 -0
- package/{src → packages/core/src}/scss/state/focus/_variables.scss +16 -10
- package/{src → packages/core/src}/scss/theme/_index.scss +1 -1
- package/{src → packages/core/src}/scss/theme/color/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/theme/color/_index.scss +5 -5
- package/{src → packages/core/src}/scss/theme/color/_variables.scss +5 -1
- package/{src → packages/core/src}/scss/theme/typography/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/theme/typography/_index.scss +10 -1
- package/{src → packages/core/src}/scss/theme/typography/_variables.scss +19 -2
- package/{src → packages/core/src}/scss/utilities/_index.scss +7 -1
- package/packages/core/src/scss/utilities/_template/_defaults.scss +41 -0
- package/packages/core/src/scss/utilities/_template/_index.scss +171 -0
- package/{src/scss/utilities/alignment → packages/core/src/scss/utilities/_template}/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/utilities/alignment/_defaults.scss +21 -7
- package/packages/core/src/scss/utilities/alignment/_index.scss +336 -0
- package/{src/scss/utilities/display → packages/core/src/scss/utilities/alignment}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/background/_defaults.scss +122 -0
- package/packages/core/src/scss/utilities/background/_index.scss +634 -0
- package/packages/core/src/scss/utilities/background/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/border/_defaults.scss +73 -0
- package/packages/core/src/scss/utilities/border/_index.scss +558 -0
- package/{src/scss/utilities/list → packages/core/src/scss/utilities/border}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/color/_defaults.scss +49 -0
- package/packages/core/src/scss/utilities/color/_index.scss +469 -0
- package/{src/scss/utilities/flex → packages/core/src/scss/utilities/color}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/container/_defaults.scss +40 -0
- package/packages/core/src/scss/utilities/container/_index.scss +174 -0
- package/packages/core/src/scss/utilities/container/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/display/_defaults.scss +47 -0
- package/packages/core/src/scss/utilities/display/_index.scss +184 -0
- package/{src/scss/utilities/inset → packages/core/src/scss/utilities/display}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/flex/_defaults.scss +99 -0
- package/packages/core/src/scss/utilities/flex/_index.scss +486 -0
- package/{src/scss/utilities/color → packages/core/src/scss/utilities/flex}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/gradient/_defaults.scss +70 -0
- package/packages/core/src/scss/utilities/gradient/_index.scss +696 -0
- package/packages/core/src/scss/utilities/gradient/_variables.scss +29 -0
- package/packages/core/src/scss/utilities/height/_defaults.scss +54 -0
- package/packages/core/src/scss/utilities/height/_index.scss +525 -0
- package/packages/core/src/scss/utilities/height/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/inset/_defaults.scss +55 -0
- package/packages/core/src/scss/utilities/inset/_index.scss +258 -0
- package/packages/core/src/scss/utilities/inset/_variables.scss +6 -0
- package/{src → packages/core/src}/scss/utilities/justification/_defaults.scss +21 -7
- package/packages/core/src/scss/utilities/justification/_index.scss +333 -0
- package/packages/core/src/scss/utilities/justification/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/list/_defaults.scss +53 -0
- package/packages/core/src/scss/utilities/list/_index.scss +253 -0
- package/packages/core/src/scss/utilities/list/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/order/_defaults.scss +36 -0
- package/packages/core/src/scss/utilities/order/_index.scss +246 -0
- package/packages/core/src/scss/utilities/order/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/position/_defaults.scss +41 -0
- package/packages/core/src/scss/utilities/position/_index.scss +178 -0
- package/{src/scss/utilities/height → packages/core/src/scss/utilities/position}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/ratio/_defaults.scss +42 -0
- package/packages/core/src/scss/utilities/ratio/_index.scss +188 -0
- package/{src → packages/core/src}/scss/utilities/ratio/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/utilities/spacing/_defaults.scss +19 -4
- package/packages/core/src/scss/utilities/spacing/_index.scss +970 -0
- package/packages/core/src/scss/utilities/spacing/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/typography/_defaults.scss +58 -0
- package/packages/core/src/scss/utilities/typography/_index.scss +1089 -0
- package/packages/core/src/scss/utilities/typography/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/visibility/_defaults.scss +39 -0
- package/packages/core/src/scss/utilities/visibility/_index.scss +173 -0
- package/packages/core/src/scss/utilities/visibility/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/visually-hidden/_defaults.scss +29 -0
- package/packages/core/src/scss/utilities/visually-hidden/_index.scss +189 -0
- package/packages/core/src/scss/utilities/visually-hidden/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/width/_defaults.scss +54 -0
- package/packages/core/src/scss/utilities/width/_index.scss +525 -0
- package/packages/core/src/scss/utilities/width/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/z-index/_defaults.scss +40 -0
- package/packages/core/src/scss/utilities/z-index/_index.scss +173 -0
- package/packages/core/src/scss/utilities/z-index/_variables.scss +6 -0
- package/packages/core/vite.config.js +28 -0
- package/packages/icons/dist/css/base/button.css +2 -0
- package/packages/icons/dist/css/base/button.css.map +1 -0
- package/packages/icons/dist/css/base/link.css +2 -0
- package/packages/icons/dist/css/base/link.css.map +1 -0
- package/packages/icons/dist/css/base.css +2 -0
- package/packages/icons/dist/css/base.css.map +1 -0
- package/packages/icons/dist/css/component/icon.css +2 -0
- package/packages/icons/dist/css/component/icon.css.map +1 -0
- package/packages/icons/dist/css/component.css +2 -0
- package/packages/icons/dist/css/component.css.map +1 -0
- package/packages/icons/dist/css/icon.css +2 -0
- package/packages/icons/dist/css/icon.css.map +1 -0
- package/packages/icons/package.json +48 -0
- package/packages/icons/scss/base/button.scss +3 -0
- package/packages/icons/scss/base/link.scss +3 -0
- package/packages/icons/scss/base.scss +3 -0
- package/packages/icons/scss/component/icon.scss +3 -0
- package/packages/icons/scss/component.scss +3 -0
- package/packages/icons/scss/icon.scss +3 -0
- package/packages/icons/src/scss/_index.scss +4 -0
- package/packages/icons/src/scss/base/_index.scss +4 -0
- package/packages/icons/src/scss/base/button/_defaults.scss +7 -0
- package/packages/icons/src/scss/base/button/_index.scss +58 -0
- package/packages/icons/src/scss/base/button/_variables.scss +7 -0
- package/packages/icons/src/scss/base/link/_defaults.scss +7 -0
- package/packages/icons/src/scss/base/link/_index.scss +58 -0
- package/packages/icons/src/scss/base/link/_variables.scss +7 -0
- package/packages/icons/src/scss/component/_index.scss +3 -0
- package/packages/icons/src/scss/component/icon/_defaults.scss +30 -0
- package/packages/icons/src/scss/component/icon/_index.scss +60 -0
- package/packages/icons/src/scss/component/icon/_mixins.scss +62 -0
- package/packages/icons/src/scss/component/icon/_variables.scss +24 -0
- package/postcss.config.cjs +2 -3
- package/scss/base/button.scss +1 -1
- package/scss/base/form.scss +1 -1
- package/scss/base/link.scss +1 -1
- package/scss/base/table.scss +1 -1
- package/scss/base.scss +1 -1
- package/scss/component/accordion.scss +1 -1
- package/scss/component/alert.scss +1 -1
- package/scss/component/card.scss +1 -1
- package/scss/component/carousel.scss +1 -1
- package/scss/component/input-group.scss +1 -1
- package/scss/component/list.scss +3 -0
- package/scss/component/menu.scss +1 -1
- package/scss/component/navigation.scss +1 -1
- package/scss/component.scss +1 -1
- package/scss/graupl.scss +1 -1
- package/scss/init.scss +1 -1
- package/scss/layout/columns.scss +1 -1
- package/scss/layout/container.scss +1 -1
- package/scss/layout/flex-columns.scss +1 -1
- package/scss/layout.scss +1 -1
- package/scss/normalize.scss +1 -1
- package/scss/state/focus.scss +1 -1
- package/scss/state.scss +1 -1
- package/scss/theme/color.scss +1 -1
- package/scss/theme/typography.scss +1 -1
- package/scss/theme.scss +1 -1
- package/scss/utilities/alignment.scss +1 -1
- package/scss/utilities/background.scss +3 -0
- package/scss/utilities/border.scss +3 -0
- package/scss/utilities/color.scss +1 -1
- package/scss/utilities/container.scss +3 -0
- package/scss/utilities/display.scss +1 -1
- package/scss/utilities/flex.scss +1 -1
- package/scss/utilities/gradient.scss +3 -0
- package/scss/utilities/height.scss +1 -1
- package/scss/utilities/inset.scss +1 -1
- package/scss/utilities/justification.scss +1 -1
- package/scss/utilities/list.scss +1 -1
- package/scss/utilities/order.scss +1 -1
- package/scss/utilities/position.scss +3 -0
- package/scss/utilities/ratio.scss +1 -1
- package/scss/utilities/spacing.scss +1 -1
- package/scss/utilities/typography.scss +1 -1
- package/scss/utilities/visibility.scss +1 -1
- package/scss/utilities/visually-hidden.scss +3 -0
- package/scss/utilities/width.scss +1 -1
- package/scss/utilities/z-index.scss +3 -0
- package/scss/utilities.scss +1 -1
- package/stylelint.config.js +1 -0
- package/vite.config.js +6 -35
- package/dist/css/utilities/postion.css +0 -2
- package/dist/css/utilities/postion.css.map +0 -1
- package/dist/js/component/accordion.cjs.js +0 -3
- package/dist/js/component/accordion.esm.js +0 -1289
- package/dist/js/component/accordion.iife.js +0 -3
- package/dist/js/component/alert.cjs.js +0 -3
- package/dist/js/component/alert.esm.js +0 -529
- package/dist/js/component/alert.iife.js +0 -3
- package/dist/js/component/carousel.cjs.js +0 -3
- package/dist/js/component/carousel.esm.js +0 -1110
- package/dist/js/component/carousel.iife.js +0 -3
- package/src/scss/base/button/_index.scss +0 -107
- package/src/scss/base/button/_mixins.scss +0 -166
- package/src/scss/base/form/_index.scss +0 -93
- package/src/scss/base/form/_variables.scss +0 -153
- package/src/scss/base/link/_defaults.scss +0 -50
- package/src/scss/base/link/_index.scss +0 -134
- package/src/scss/base/table/_defaults.scss +0 -53
- package/src/scss/base/table/_index.scss +0 -121
- package/src/scss/base/table/_variables.scss +0 -135
- package/src/scss/component/navigation/_defaults.scss +0 -29
- package/src/scss/functions/_important.scss +0 -13
- package/src/scss/layout/columns/_index.scss +0 -58
- package/src/scss/layout/container/_defaults.scss +0 -17
- package/src/scss/layout/container/_index.scss +0 -41
- package/src/scss/layout/container/_variables.scss +0 -50
- package/src/scss/layout/flex-columns/_defaults.scss +0 -18
- package/src/scss/layout/flex-columns/_index.scss +0 -80
- package/src/scss/mixins/_utility.scss +0 -30
- package/src/scss/mixins/_visually-hidden.scss +0 -20
- package/src/scss/state/_index.scss +0 -3
- package/src/scss/state/focus/_index.scss +0 -13
- package/src/scss/state/focus/_mixins.scss +0 -15
- package/src/scss/utilities/alignment/_index.scss +0 -75
- package/src/scss/utilities/color/_defaults.scss +0 -35
- package/src/scss/utilities/color/_index.scss +0 -91
- package/src/scss/utilities/display/_defaults.scss +0 -32
- package/src/scss/utilities/display/_index.scss +0 -61
- package/src/scss/utilities/flex/_defaults.scss +0 -63
- package/src/scss/utilities/flex/_index.scss +0 -71
- package/src/scss/utilities/height/_defaults.scss +0 -41
- package/src/scss/utilities/height/_index.scss +0 -98
- package/src/scss/utilities/inset/_defaults.scss +0 -41
- package/src/scss/utilities/inset/_index.scss +0 -37
- package/src/scss/utilities/justification/_index.scss +0 -75
- package/src/scss/utilities/justification/_variables.scss +0 -6
- package/src/scss/utilities/list/_defaults.scss +0 -39
- package/src/scss/utilities/list/_index.scss +0 -56
- package/src/scss/utilities/order/_index.scss +0 -63
- package/src/scss/utilities/order/_variables.scss +0 -6
- package/src/scss/utilities/position/_defaults.scss +0 -26
- package/src/scss/utilities/position/_index.scss +0 -37
- package/src/scss/utilities/position/_variables.scss +0 -6
- package/src/scss/utilities/ratio/_defaults.scss +0 -28
- package/src/scss/utilities/ratio/_index.scss +0 -52
- package/src/scss/utilities/spacing/_index.scss +0 -169
- package/src/scss/utilities/spacing/_variables.scss +0 -6
- package/src/scss/utilities/typography/_defaults.scss +0 -30
- package/src/scss/utilities/typography/_index.scss +0 -224
- package/src/scss/utilities/typography/_variables.scss +0 -6
- package/src/scss/utilities/visibility/_defaults.scss +0 -25
- package/src/scss/utilities/visibility/_index.scss +0 -36
- package/src/scss/utilities/visibility/_variables.scss +0 -6
- package/src/scss/utilities/width/_defaults.scss +0 -41
- package/src/scss/utilities/width/_index.scss +0 -98
- package/src/scss/utilities/width/_variables.scss +0 -6
- /package/{src → packages/core/src}/js/accordion/Accordion.js +0 -0
- /package/{src → packages/core/src}/js/accordion/AccordionItem.js +0 -0
- /package/{src → packages/core/src}/js/accordion/index.js +0 -0
- /package/{src → packages/core/src}/js/alert/Alert.js +0 -0
- /package/{src → packages/core/src}/js/alert/index.js +0 -0
- /package/{src → packages/core/src}/js/carousel/Carousel.js +0 -0
- /package/{src → packages/core/src}/js/carousel/index.js +0 -0
- /package/{src → packages/core/src}/js/domHelpers.js +0 -0
- /package/{src → packages/core/src}/js/eventHandlers.js +0 -0
- /package/{src → packages/core/src}/js/navigation/index.js +0 -0
- /package/{src → packages/core/src}/js/storage.js +0 -0
- /package/{src → packages/core/src}/js/validate.js +0 -0
package/dist/css/init.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/scss/_init.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../node_modules/@graupl/core/src/scss/_init.scss"],"names":[],"mappings":"AAKA,mHAAA","file":"init.css"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl
|
|
1
|
+
@layer graupl.layout{.columns{display:grid;gap:var(--graupl-columns-row-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))) var(--graupl-columns-column-gap,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)));grid-template-columns:var(--graupl-columns-grid-template-columns,repeat(auto-fit,minmax(var(--graupl-columns-min-width,calc((var(--graupl-columns-content-max-width, var(--graupl-content-max-width, 96ch)) - var(--graupl-columns-column-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem)))) * (var(--graupl-columns-count, 3) - 1)) / var(--graupl-columns-count, 3))),var(--graupl-columns-max-width,1fr))))}.columns>*{grid-column:span var(--graupl-columns-span,1)}.columns .columns{grid-template-columns:subgrid}.count-1{--graupl-columns-count:1}.count-1 .span-2,.count-1 .span-3,.count-1 .span-4,.count-1 .span-5,.count-1 .span-6,.span-1{--graupl-columns-span:1}.count-2{--graupl-columns-count:2}.count-2 .span-3,.count-2 .span-4,.count-2 .span-5,.count-2 .span-6,.span-2{--graupl-columns-span:2}.count-3{--graupl-columns-count:3}.count-3 .span-4,.count-3 .span-5,.count-3 .span-6,.span-3{--graupl-columns-span:3}.count-4{--graupl-columns-count:4}.count-4 .span-5,.count-4 .span-6,.span-4{--graupl-columns-span:4}.count-5{--graupl-columns-count:5}.count-5 .span-6,.span-5{--graupl-columns-span:5}.count-6{--graupl-columns-count:6}.count-6 .span-6,.count-6 .span-7,.span-6{--graupl-columns-span:6}@container (width <= 47ch){.columns{--graupl-columns-min-width:1fr}.columns .span-1,.columns .span-2,.columns .span-3,.columns .span-4,.columns .span-5,.columns .span-6,.columns>*{--graupl-columns-span:1}}}
|
|
2
2
|
/*# sourceMappingURL=columns.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/layout/columns/_index.scss","columns.css","../../../src/scss/mixins/
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../node_modules/@graupl/core/src/scss/layout/columns/_index.scss","columns.css","../../../node_modules/@graupl/core/src/scss/mixins/_container.scss"],"names":[],"mappings":"AASI,qBCkEF,SACE,YAAA,CAEA,sLAAA,CADA,8ZCtEF,CDyEE,WACE,6CCvEJ,CD8EE,kBACE,6BC5EJ,CDkFE,SACE,wBChFJ,CD6FE,6FACE,uBC5EJ,CD6DE,SACE,wBC3DJ,CDwEE,4EACE,uBC1DJ,CD2CE,SACE,wBCzCJ,CDsDE,2DACE,uBC3CJ,CD4BE,SACE,wBC1BJ,CDuCE,0CACE,uBC/BJ,CDgBE,SACE,wBCdJ,CD2BE,yBACE,uBCtBJ,CDOE,SACE,wBCLJ,CDkBE,0CACE,uBCVJ,CC7EA,2BF8FE,SACE,8BCdF,CD0BI,iHACE,uBCNN,CACF,CACF","file":"columns.css"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl-.layout{.container,.container>.full-width{display:grid;grid-template-columns:[full-width-start] var(--graupl-container-full-width-section-width,minmax(var(--graupl-container-gap,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer, 1rem)))),1fr)) [feature-start] var(--graupl-container-feature-section-width,minmax(0,var(--graupl-container-feature-width,calc((var(--graupl-container-feature-max-width, calc(var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) + 20ch)) - var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch))) / 2)))) [breakout-start] var(--graupl-container-breakout-section-width,minmax(0,var(--graupl-container-breakout-width,calc((var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) - var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))) / 2)))) [content-start] var(--graupl-container-content-section-width,min(var(--graupl-container-content-max-width,var(--graupl-content-max-width,96ch)),100% - var(--graupl-container-gap,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer, 1rem)))) * 2)) [content-end] var(--graupl-container-breakout-section-width,minmax(0,var(--graupl-container-breakout-width,calc((var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) - var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))) / 2)))) [breakout-end] var(--graupl-container-feature-section-width,minmax(0,var(--graupl-container-feature-width,calc((var(--graupl-container-feature-max-width, calc(var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) + 20ch)) - var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch))) / 2)))) [feature-end] var(--graupl-container-full-width-section-width,minmax(var(--graupl-container-gap,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer, 1rem)))),1fr)) [full-width-end]}.container>.full-width>:not(.breakout,.full-width,.feature),.container>:not(.breakout,.full-width,.feature){grid-column:content}.container .breakout,.container>.full-width .breakout{grid-column:breakout}.container .feature,.container>.full-width .feature{grid-column:feature}.container .full-width,.container>.full-width .full-width{grid-column:full-width}}
|
|
1
|
+
@layer graupl.layout{.container{container-type:inline-size;display:grid;grid-template-columns:[full-width-start] var(--graupl-container-full-width-section-width,minmax(var(--graupl-container-full-width-section-min-width,var(--graupl-container-gap,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer, 1rem))))),var(--graupl-container-full-width-section-max-width,1fr))) [feature-start] var(--graupl-container-feature-section-width,minmax(var(--graupl-container-feature-section-min-width,0),var(--graupl-container-feature-section-max-width,calc((var(--graupl-container-feature-max-width, calc(var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) + 20ch)) - var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch))) / 2)))) [breakout-start] var(--graupl-container-breakout-section-width,minmax(var(--graupl-container-breakout-section-min-width,0),var(--graupl-container-breakout-section-max-width,calc((var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) - var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))) / 2)))) [content-start] var(--graupl-container-content-section-width,min(var(--graupl-container-content-section-min-width,calc(100% - var(--graupl-container-full-width-section-min-width, var(--graupl-container-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))) * 2 - var(--graupl-container-feature-section-min-width, 0rem) * 2 - var(--graupl-container-breakout-section-min-width, 0rem) * 2)),var(--graupl-container-content-section-max-width,var(--graupl-container-content-max-width,var(--graupl-content-max-width,96ch))))) [content-end] var(--graupl-container-breakout-section-width,minmax(var(--graupl-container-breakout-section-min-width,0),var(--graupl-container-breakout-section-max-width,calc((var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) - var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))) / 2)))) [breakout-end] var(--graupl-container-feature-section-width,minmax(var(--graupl-container-feature-section-min-width,0),var(--graupl-container-feature-section-max-width,calc((var(--graupl-container-feature-max-width, calc(var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) + 20ch)) - var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch))) / 2)))) [feature-end] var(--graupl-container-full-width-section-width,minmax(var(--graupl-container-full-width-section-min-width,var(--graupl-container-gap,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer, 1rem))))),var(--graupl-container-full-width-section-max-width,1fr))) [full-width-end]}.container>.container{container-type:normal;grid-column:1/-1;grid-template-columns:subgrid}.container>:not(.container,.breakout,.full-width,.feature){grid-column:content}.container .contain{display:grid;grid-template-columns:subgrid}.container .contain>:not(.container,.breakout,.full-width,.feature){grid-column:content}.container .breakout{grid-column:breakout}.container .feature{grid-column:feature}.container .full-width{grid-column:full-width}.container.sidebars .sidebar-left{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.container.sidebars .sidebar-left>:not(.container,.breakout,.full-width,.feature,.sidebar-left){grid-column:content}.container.sidebars .sidebar-right{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.container.sidebars .sidebar-right>:not(.container,.breakout,.full-width,.feature,.sidebar-right){grid-column:content}.container.sidebars .content-right{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.container.sidebars .content-right .contain>:not(.container,.breakout,.full-width,.feature,.sidebar-right),.container.sidebars .content-right>:not(.container,.breakout,.full-width,.feature,.sidebar-right){grid-column:content}.container.sidebars .content-left{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.container.sidebars .content-left .contain>:not(.container,.breakout,.full-width,.feature,.sidebar-left,.sidebar-right),.container.sidebars .content-left>:not(.container,.breakout,.full-width,.feature,.sidebar-left,.sidebar-right){grid-column:content}.container.sidebars .inner-content{display:grid;grid-column:1/-1;grid-template-columns:subgrid}.container.sidebars .inner-content .contain>:not(.container,.breakout,.full-width,.feature,.sidebar-left,.sidebar-right),.container.sidebars .inner-content>:not(.container,.breakout,.full-width,.feature,.sidebar-left,.sidebar-right){grid-column:content}@media screen and (108ch <= width){.container.sidebars{grid-template-columns:[full-width-start] var(--graupl-container-full-width-section-width,minmax(var(--graupl-container-full-width-section-min-width,var(--graupl-container-gap,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer, 1rem))))),var(--graupl-container-full-width-section-max-width,1fr))) [feature-start] var(--graupl-container-feature-section-width,minmax(var(--graupl-container-feature-section-min-width,0),var(--graupl-container-feature-section-max-width,calc((var(--graupl-container-feature-max-width, calc(var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) + 20ch)) - var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch))) / 2)))) [breakout-start] var(--graupl-container-breakout-section-width,minmax(var(--graupl-container-breakout-section-min-width,0),var(--graupl-container-breakout-section-max-width,calc((var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) - var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))) / 2)))) [content-start sidebar-left-start content-left-start] var(--graupl-container-sidebar-left-section-width,var(--graupl-container-sidebar-width,20ch)) [sidebar-left-end inner-content-start content-right-start] var(--graupl-container-inner-content-section-width,calc(var(--graupl-container-content-section-width, min(var(--graupl-container-content-section-min-width, calc(100% - var(--graupl-container-full-width-section-min-width, var(--graupl-container-gap, var(--graupl-spacer-5, calc(1 * var(--graupl-spacer, 1rem))))) * 2 - var(--graupl-container-feature-section-min-width, 0rem) * 2 - var(--graupl-container-breakout-section-min-width, 0rem) * 2)), var(--graupl-container-content-section-max-width, var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))))) - var(--graupl-container-sidebar-left-section-width, var(--graupl-container-sidebar-width, 20ch)) - var(--graupl-container-sidebar-right-section-width, var(--graupl-container-sidebar-width, 20ch)))) [content-left-end inner-content-end sidebar-right-start] var(--graupl-container-sidebar-right-section-width,var(--graupl-container-sidebar-width,20ch)) [content-right-end sidebar-right-end content-end] var(--graupl-container-breakout-section-width,minmax(var(--graupl-container-breakout-section-min-width,0),var(--graupl-container-breakout-section-max-width,calc((var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) - var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch))) / 2)))) [breakout-end] var(--graupl-container-feature-section-width,minmax(var(--graupl-container-feature-section-min-width,0),var(--graupl-container-feature-section-max-width,calc((var(--graupl-container-feature-max-width, calc(var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch)) + 20ch)) - var(--graupl-container-breakout-max-width, calc(var(--graupl-container-content-max-width, var(--graupl-content-max-width, 96ch)) + 15ch))) / 2)))) [feature-end] var(--graupl-container-full-width-section-width,minmax(var(--graupl-container-full-width-section-min-width,var(--graupl-container-gap,var(--graupl-spacer-5,calc(1 * var(--graupl-spacer, 1rem))))),var(--graupl-container-full-width-section-max-width,1fr))) [full-width-end]}.container.sidebars .sidebar-left{grid-row:1}.container.sidebars .sidebar-left:not(.container),.container.sidebars .sidebar-left:not(.container) .breakout,.container.sidebars .sidebar-left:not(.container) .container,.container.sidebars .sidebar-left:not(.container) .feature,.container.sidebars .sidebar-left:not(.container) .full-width{grid-column-end:sidebar-left-end}.container.sidebars .sidebar-left .contain>:not(.container,.breakout,.full-width,.feature),.container.sidebars .sidebar-left>:not(.container,.breakout,.full-width,.feature){grid-column:sidebar-left}.container.sidebars .sidebar-right{grid-row:1}.container.sidebars .sidebar-right:not(.container),.container.sidebars .sidebar-right:not(.container) .breakout,.container.sidebars .sidebar-right:not(.container) .container,.container.sidebars .sidebar-right:not(.container) .feature,.container.sidebars .sidebar-right:not(.container) .full-width{grid-column-start:sidebar-right-start}.container.sidebars .sidebar-right .contain>:not(.container,.breakout,.full-width,.feature),.container.sidebars .sidebar-right>:not(.container,.breakout,.full-width,.feature){grid-column:sidebar-right}.container.sidebars .content-right{grid-row:1}.container.sidebars .content-right:not(.container),.container.sidebars .content-right:not(.container) .breakout,.container.sidebars .content-right:not(.container) .container,.container.sidebars .content-right:not(.container) .feature,.container.sidebars .content-right:not(.container) .full-width{grid-column-start:content-right-start}.container.sidebars .content-right .contain>:not(.container,.breakout,.full-width,.feature),.container.sidebars .content-right>:not(.container,.breakout,.full-width,.feature){grid-column:content-right}.container.sidebars .content-left{grid-row:1}.container.sidebars .content-left:not(.container),.container.sidebars .content-left:not(.container) .breakout,.container.sidebars .content-left:not(.container) .container,.container.sidebars .content-left:not(.container) .feature,.container.sidebars .content-left:not(.container) .full-width{grid-column-end:content-left-end}.container.sidebars .content-left .contain>:not(.container,.breakout,.full-width,.feature),.container.sidebars .content-left>:not(.container,.breakout,.full-width,.feature){grid-column:content-left}.container.sidebars .inner-content{grid-row:1}.container.sidebars .inner-content .contain>:not(.container,.breakout,.full-width,.feature),.container.sidebars .inner-content:not(.container),.container.sidebars .inner-content:not(.container) .breakout,.container.sidebars .inner-content:not(.container) .container,.container.sidebars .inner-content:not(.container) .feature,.container.sidebars .inner-content:not(.container) .full-width,.container.sidebars .inner-content>:not(.container,.breakout,.full-width,.feature){grid-column:inner-content}}}
|
|
2
2
|
/*# sourceMappingURL=container.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/layout/container/_index.scss","container.css"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../node_modules/@graupl/core/src/scss/layout/container/_index.scss","container.css","../../../node_modules/@graupl/core/src/scss/mixins/_screen.scss"],"names":[],"mappings":"AASI,qBCwIF,WAWE,0BAAA,CAVA,YAAA,CACA,m5FC1IF,CDyJE,sBAGE,qBAAA,CAFA,gBAAA,CACA,6BCtJJ,CD8JE,2DAME,mBC9JJ,CDqKE,oBACE,YAAA,CACA,6BCnKJ,CDsKI,oEAME,mBCtKN,CD6KE,qBACE,oBC3KJ,CD+KE,oBACE,mBC7KJ,CDiLE,uBACE,sBC/KJ,CDqLI,kCACE,YAAA,CACA,gBAAA,CACA,6BCnLN,CDsLM,gGAOE,mBCtLR,CD2LI,mCACE,YAAA,CACA,gBAAA,CACA,6BCzLN,CD4LM,kGAOE,mBC5LR,CDiMI,mCACE,YAAA,CACA,gBAAA,CACA,6BC/LN,CDkNQ,6MAOE,mBC3MV,CDiNI,kCACE,YAAA,CACA,gBAAA,CACA,6BC/MN,CDmOQ,uOAQE,mBC3NV,CDiOI,mCACE,YAAA,CACA,gBAAA,CACA,6BC/NN,CDmPQ,yOAQE,mBC3OV,CC9GA,mCFiWI,oBACE,mhHChPJ,CD6PI,kCACE,UC3PN,CDoQQ,oSAKE,gCClQV,CDwRQ,6KAME,wBClRV,CDwRI,mCACE,UCtRN,CD+RQ,ySAKE,qCC7RV,CDmTQ,+KAME,yBC7SV,CDmTI,mCACE,UCjTN,CD0TQ,ySAKE,qCCxTV,CD8UQ,+KAME,yBCxUV,CD8UI,kCACE,UC5UN,CDqVQ,oSAKE,gCCnVV,CDyWQ,6KAME,wBCnWV,CDyWI,mCACE,UCvWN,CD2YQ,wdAME,yBC9XV,CACF,CACF","file":"container.css"}
|
|
@@ -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{container-type:var(--graupl-flex-columns-container-type,inline-size);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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (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%;container-type:var(--graupl-flex-columns-container-type,inline-size)}@container (width <= 47ch){.col-12{--graupl-flex-columns-size:100%;--graupl-flex-columns-max-width:auto}}@media screen and (0 <= width){.xs\: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%}.xs\:col-1.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-2.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-3.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-4.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-5.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-6.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-7.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-8.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-9.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-10.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-11.fill{--graupl-flex-columns-max-width:unset}.xs\: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%}.xs\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (48ch <= width){.sm\: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%}.sm\:col-1.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-2.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-3.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-4.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-5.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-6.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-7.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-8.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-9.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-10.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-11.fill{--graupl-flex-columns-max-width:unset}.sm\: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%}.sm\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (72ch <= width){.md\: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%}.md\:col-1.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-2.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-3.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-4.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-5.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-6.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-7.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-8.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-9.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-10.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-11.fill{--graupl-flex-columns-max-width:unset}.md\: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%}.md\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (108ch <= width){.lg\: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%}.lg\:col-1.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-2.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-3.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-4.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-5.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-6.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-7.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-8.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-9.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-10.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-11.fill{--graupl-flex-columns-max-width:unset}.lg\: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%}.lg\:col-12.fill{--graupl-flex-columns-max-width:unset}}@media screen and (156ch <= width){.xl\: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%}.xl\:col-1.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-2.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-3.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-4.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-5.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-6.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-7.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-8.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-9.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-10.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-11.fill{--graupl-flex-columns-max-width:unset}.xl\: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%}.xl\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (0 <= width){.cq\:xs\: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%}.cq\:xs\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:xs\: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%}.cq\:xs\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (48ch <= width){.cq\:sm\: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%}.cq\:sm\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:sm\: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%}.cq\:sm\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (72ch <= width){.cq\:md\: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%}.cq\:md\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:md\: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%}.cq\:md\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (108ch <= width){.cq\:lg\: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%}.cq\:lg\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:lg\: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%}.cq\:lg\:col-12.fill{--graupl-flex-columns-max-width:unset}}@container (156ch <= width){.cq\:xl\: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%}.cq\:xl\:col-1.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-2.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-3.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-4.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-5.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-6.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-7.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-8.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-9.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-10.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-11.fill{--graupl-flex-columns-max-width:unset}.cq\:xl\: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%}.cq\:xl\:col-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":"
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../node_modules/@graupl/core/src/scss/layout/flex-columns/_index.scss","../../../node_modules/@graupl/core/src/scss/layout/flex-columns/_variables.scss","flex-columns.css","../../../node_modules/@graupl/core/src/scss/mixins/_container.scss","../../../node_modules/@graupl/core/src/scss/mixins/_screen.scss","../../../node_modules/@graupl/core/src/scss/mixins/_utility.scss"],"names":[],"mappings":"AASI,qBCyEF,cAIE,oEC5D0B,CDyD1B,YAAA,CACA,cAAA,CACA,+PE7EF,CFgFE,gBACE,6CAAA,CACA,oDE9EJ,CFkFE,oBACE,qCEhFJ,CFyFE,OAEE,wLAAA,CAIA,wCAAA,CAIA,oEEvFJ,CCJA,2BHgGI,OACE,+BAAA,CACA,oCEzFJ,CACF,CFuEE,OAEE,wLAAA,CAIA,yCAAA,CAIA,oEErEJ,CCtBA,2BHgGI,OACE,+BAAA,CACA,oCEvEJ,CACF,CFqDE,OAEE,wLAAA,CAIA,mCAAA,CAIA,oEEnDJ,CCxCA,2BHgGI,OACE,+BAAA,CACA,oCErDJ,CACF,CFmCE,OAEE,wLAAA,CAIA,yCAAA,CAIA,oEEjCJ,CC1DA,2BHgGI,OACE,+BAAA,CACA,oCEnCJ,CACF,CFiBE,OAEE,wLAAA,CAIA,yCAAA,CAIA,oEEfJ,CC5EA,2BHgGI,OACE,+BAAA,CACA,oCEjBJ,CACF,CFDE,OAEE,wLAAA,CAIA,mCAAA,CAIA,oEEGJ,CC9FA,2BHgGI,OACE,+BAAA,CACA,oCECJ,CACF,CFnBE,OAEE,wLAAA,CAIA,yCAAA,CAIA,oEEqBJ,CChHA,2BHgGI,OACE,+BAAA,CACA,oCEmBJ,CACF,CFrCE,OAEE,wLAAA,CAIA,yCAAA,CAIA,oEEuCJ,CClIA,2BHgGI,OACE,+BAAA,CACA,oCEqCJ,CACF,CFvDE,OAEE,wLAAA,CAIA,mCAAA,CAIA,oEEyDJ,CCpJA,2BHgGI,OACE,+BAAA,CACA,oCEuDJ,CACF,CFzEE,QAEE,yLAAA,CAIA,yCAAA,CAIA,oEE2EJ,CCtKA,2BHgGI,QACE,+BAAA,CACA,oCEyEJ,CACF,CF3FE,QAEE,yLAAA,CAIA,yCAAA,CAIA,oEE6FJ,CCxLA,2BHgGI,QACE,+BAAA,CACA,oCE2FJ,CACF,CF7GE,QAEE,yLAAA,CAIA,oCAAA,CAIA,oEE+GJ,CC1MA,2BHgGI,QACE,+BAAA,CACA,oCE6GJ,CACF,CEzNA,+BC4IE,WAjIE,sLAAA,CAAA,wCHoNF,CF1FI,gBACE,qCE4FN,CGtFA,WAjIE,sLAAA,CAAA,yCH+NF,CFrGI,gBACE,qCEuGN,CGjGA,WAjIE,sLAAA,CAAA,mCH0OF,CFhHI,gBACE,qCEkHN,CG5GA,WAjIE,sLAAA,CAAA,yCHqPF,CF3HI,gBACE,qCE6HN,CGvHA,WAjIE,sLAAA,CAAA,yCHgQF,CFtII,gBACE,qCEwIN,CGlIA,WAjIE,sLAAA,CAAA,mCH2QF,CFjJI,gBACE,qCEmJN,CG7IA,WAjIE,sLAAA,CAAA,yCHsRF,CF5JI,gBACE,qCE8JN,CGxJA,WAjIE,sLAAA,CAAA,yCHiSF,CFvKI,gBACE,qCEyKN,CGnKA,WAjIE,sLAAA,CAAA,mCH4SF,CFlLI,gBACE,qCEoLN,CG9KA,YAjIE,uLAAA,CAAA,yCHuTF,CF7LI,iBACE,qCE+LN,CGzLA,YAjIE,uLAAA,CAAA,yCHkUF,CFxMI,iBACE,qCE0MN,CGpMA,YAjIE,uLAAA,CAAA,oCH6UF,CFnNI,iBACE,qCEqNN,CAxHF,CEnOA,kCC4IE,WAjIE,sLAAA,CAAA,wCHwVF,CF9NI,gBACE,qCEgON,CG1NA,WAjIE,sLAAA,CAAA,yCHmWF,CFzOI,gBACE,qCE2ON,CGrOA,WAjIE,sLAAA,CAAA,mCH8WF,CFpPI,gBACE,qCEsPN,CGhPA,WAjIE,sLAAA,CAAA,yCHyXF,CF/PI,gBACE,qCEiQN,CG3PA,WAjIE,sLAAA,CAAA,yCHoYF,CF1QI,gBACE,qCE4QN,CGtQA,WAjIE,sLAAA,CAAA,mCH+YF,CFrRI,gBACE,qCEuRN,CGjRA,WAjIE,sLAAA,CAAA,yCH0ZF,CFhSI,gBACE,qCEkSN,CG5RA,WAjIE,sLAAA,CAAA,yCHqaF,CF3SI,gBACE,qCE6SN,CGvSA,WAjIE,sLAAA,CAAA,mCHgbF,CFtTI,gBACE,qCEwTN,CGlTA,YAjIE,uLAAA,CAAA,yCH2bF,CFjUI,iBACE,qCEmUN,CG7TA,YAjIE,uLAAA,CAAA,yCHscF,CF5UI,iBACE,qCE8UN,CGxUA,YAjIE,uLAAA,CAAA,oCHidF,CFvVI,iBACE,qCEyVN,CAxHF,CEvWA,kCC4IE,WAjIE,sLAAA,CAAA,wCH4dF,CFlWI,gBACE,qCEoWN,CG9VA,WAjIE,sLAAA,CAAA,yCHueF,CF7WI,gBACE,qCE+WN,CGzWA,WAjIE,sLAAA,CAAA,mCHkfF,CFxXI,gBACE,qCE0XN,CGpXA,WAjIE,sLAAA,CAAA,yCH6fF,CFnYI,gBACE,qCEqYN,CG/XA,WAjIE,sLAAA,CAAA,yCHwgBF,CF9YI,gBACE,qCEgZN,CG1YA,WAjIE,sLAAA,CAAA,mCHmhBF,CFzZI,gBACE,qCE2ZN,CGrZA,WAjIE,sLAAA,CAAA,yCH8hBF,CFpaI,gBACE,qCEsaN,CGhaA,WAjIE,sLAAA,CAAA,yCHyiBF,CF/aI,gBACE,qCEibN,CG3aA,WAjIE,sLAAA,CAAA,mCHojBF,CF1bI,gBACE,qCE4bN,CGtbA,YAjIE,uLAAA,CAAA,yCH+jBF,CFrcI,iBACE,qCEucN,CGjcA,YAjIE,uLAAA,CAAA,yCH0kBF,CFhdI,iBACE,qCEkdN,CG5cA,YAjIE,uLAAA,CAAA,oCHqlBF,CF3dI,iBACE,qCE6dN,CAxHF,CE3eA,mCC4IE,WAjIE,sLAAA,CAAA,wCHgmBF,CFteI,gBACE,qCEweN,CGleA,WAjIE,sLAAA,CAAA,yCH2mBF,CFjfI,gBACE,qCEmfN,CG7eA,WAjIE,sLAAA,CAAA,mCHsnBF,CF5fI,gBACE,qCE8fN,CGxfA,WAjIE,sLAAA,CAAA,yCHioBF,CFvgBI,gBACE,qCEygBN,CGngBA,WAjIE,sLAAA,CAAA,yCH4oBF,CFlhBI,gBACE,qCEohBN,CG9gBA,WAjIE,sLAAA,CAAA,mCHupBF,CF7hBI,gBACE,qCE+hBN,CGzhBA,WAjIE,sLAAA,CAAA,yCHkqBF,CFxiBI,gBACE,qCE0iBN,CGpiBA,WAjIE,sLAAA,CAAA,yCH6qBF,CFnjBI,gBACE,qCEqjBN,CG/iBA,WAjIE,sLAAA,CAAA,mCHwrBF,CF9jBI,gBACE,qCEgkBN,CG1jBA,YAjIE,uLAAA,CAAA,yCHmsBF,CFzkBI,iBACE,qCE2kBN,CGrkBA,YAjIE,uLAAA,CAAA,yCH8sBF,CFplBI,iBACE,qCEslBN,CGhlBA,YAjIE,uLAAA,CAAA,oCHytBF,CF/lBI,iBACE,qCEimBN,CAxHF,CE/mBA,mCC4IE,WAjIE,sLAAA,CAAA,wCHouBF,CF1mBI,gBACE,qCE4mBN,CGtmBA,WAjIE,sLAAA,CAAA,yCH+uBF,CFrnBI,gBACE,qCEunBN,CGjnBA,WAjIE,sLAAA,CAAA,mCH0vBF,CFhoBI,gBACE,qCEkoBN,CG5nBA,WAjIE,sLAAA,CAAA,yCHqwBF,CF3oBI,gBACE,qCE6oBN,CGvoBA,WAjIE,sLAAA,CAAA,yCHgxBF,CFtpBI,gBACE,qCEwpBN,CGlpBA,WAjIE,sLAAA,CAAA,mCH2xBF,CFjqBI,gBACE,qCEmqBN,CG7pBA,WAjIE,sLAAA,CAAA,yCHsyBF,CF5qBI,gBACE,qCE8qBN,CGxqBA,WAjIE,sLAAA,CAAA,yCHizBF,CFvrBI,gBACE,qCEyrBN,CGnrBA,WAjIE,sLAAA,CAAA,mCH4zBF,CFlsBI,gBACE,qCEosBN,CG9rBA,YAjIE,uLAAA,CAAA,yCHu0BF,CF7sBI,iBACE,qCE+sBN,CGzsBA,YAjIE,uLAAA,CAAA,yCHk1BF,CFxtBI,iBACE,qCE0tBN,CGptBA,YAjIE,uLAAA,CAAA,oCH61BF,CFnuBI,iBACE,qCEquBN,CAxHF,CCnvBA,wBE4IE,eAjIE,sLAAA,CAAA,wCHw2BF,CFjtBI,oBACE,qCEmtBN,CG1uBA,eAjIE,sLAAA,CAAA,yCHm3BF,CF5tBI,oBACE,qCE8tBN,CGrvBA,eAjIE,sLAAA,CAAA,mCH83BF,CFvuBI,oBACE,qCEyuBN,CGhwBA,eAjIE,sLAAA,CAAA,yCHy4BF,CFlvBI,oBACE,qCEovBN,CG3wBA,eAjIE,sLAAA,CAAA,yCHo5BF,CF7vBI,oBACE,qCE+vBN,CGtxBA,eAjIE,sLAAA,CAAA,mCH+5BF,CFxwBI,oBACE,qCE0wBN,CGjyBA,eAjIE,sLAAA,CAAA,yCH06BF,CFnxBI,oBACE,qCEqxBN,CG5yBA,eAjIE,sLAAA,CAAA,yCHq7BF,CF9xBI,oBACE,qCEgyBN,CGvzBA,eAjIE,sLAAA,CAAA,mCHg8BF,CFzyBI,oBACE,qCE2yBN,CGl0BA,gBAjIE,uLAAA,CAAA,yCH28BF,CFpzBI,qBACE,qCEszBN,CG70BA,gBAjIE,uLAAA,CAAA,yCHs9BF,CF/zBI,qBACE,qCEi0BN,CGx1BA,gBAjIE,uLAAA,CAAA,oCHi+BF,CF10BI,qBACE,qCE40BN,CAxHF,CCv3BA,2BE4IE,eAjIE,sLAAA,CAAA,wCH4+BF,CFr1BI,oBACE,qCEu1BN,CG92BA,eAjIE,sLAAA,CAAA,yCHu/BF,CFh2BI,oBACE,qCEk2BN,CGz3BA,eAjIE,sLAAA,CAAA,mCHkgCF,CF32BI,oBACE,qCE62BN,CGp4BA,eAjIE,sLAAA,CAAA,yCH6gCF,CFt3BI,oBACE,qCEw3BN,CG/4BA,eAjIE,sLAAA,CAAA,yCHwhCF,CFj4BI,oBACE,qCEm4BN,CG15BA,eAjIE,sLAAA,CAAA,mCHmiCF,CF54BI,oBACE,qCE84BN,CGr6BA,eAjIE,sLAAA,CAAA,yCH8iCF,CFv5BI,oBACE,qCEy5BN,CGh7BA,eAjIE,sLAAA,CAAA,yCHyjCF,CFl6BI,oBACE,qCEo6BN,CG37BA,eAjIE,sLAAA,CAAA,mCHokCF,CF76BI,oBACE,qCE+6BN,CGt8BA,gBAjIE,uLAAA,CAAA,yCH+kCF,CFx7BI,qBACE,qCE07BN,CGj9BA,gBAjIE,uLAAA,CAAA,yCH0lCF,CFn8BI,qBACE,qCEq8BN,CG59BA,gBAjIE,uLAAA,CAAA,oCHqmCF,CF98BI,qBACE,qCEg9BN,CAxHF,CC3/BA,2BE4IE,eAjIE,sLAAA,CAAA,wCHgnCF,CFz9BI,oBACE,qCE29BN,CGl/BA,eAjIE,sLAAA,CAAA,yCH2nCF,CFp+BI,oBACE,qCEs+BN,CG7/BA,eAjIE,sLAAA,CAAA,mCHsoCF,CF/+BI,oBACE,qCEi/BN,CGxgCA,eAjIE,sLAAA,CAAA,yCHipCF,CF1/BI,oBACE,qCE4/BN,CGnhCA,eAjIE,sLAAA,CAAA,yCH4pCF,CFrgCI,oBACE,qCEugCN,CG9hCA,eAjIE,sLAAA,CAAA,mCHuqCF,CFhhCI,oBACE,qCEkhCN,CGziCA,eAjIE,sLAAA,CAAA,yCHkrCF,CF3hCI,oBACE,qCE6hCN,CGpjCA,eAjIE,sLAAA,CAAA,yCH6rCF,CFtiCI,oBACE,qCEwiCN,CG/jCA,eAjIE,sLAAA,CAAA,mCHwsCF,CFjjCI,oBACE,qCEmjCN,CG1kCA,gBAjIE,uLAAA,CAAA,yCHmtCF,CF5jCI,qBACE,qCE8jCN,CGrlCA,gBAjIE,uLAAA,CAAA,yCH8tCF,CFvkCI,qBACE,qCEykCN,CGhmCA,gBAjIE,uLAAA,CAAA,oCHyuCF,CFllCI,qBACE,qCEolCN,CAxHF,CC/nCA,4BE4IE,eAjIE,sLAAA,CAAA,wCHovCF,CF7lCI,oBACE,qCE+lCN,CGtnCA,eAjIE,sLAAA,CAAA,yCH+vCF,CFxmCI,oBACE,qCE0mCN,CGjoCA,eAjIE,sLAAA,CAAA,mCH0wCF,CFnnCI,oBACE,qCEqnCN,CG5oCA,eAjIE,sLAAA,CAAA,yCHqxCF,CF9nCI,oBACE,qCEgoCN,CGvpCA,eAjIE,sLAAA,CAAA,yCHgyCF,CFzoCI,oBACE,qCE2oCN,CGlqCA,eAjIE,sLAAA,CAAA,mCH2yCF,CFppCI,oBACE,qCEspCN,CG7qCA,eAjIE,sLAAA,CAAA,yCHszCF,CF/pCI,oBACE,qCEiqCN,CGxrCA,eAjIE,sLAAA,CAAA,yCHi0CF,CF1qCI,oBACE,qCE4qCN,CGnsCA,eAjIE,sLAAA,CAAA,mCH40CF,CFrrCI,oBACE,qCEurCN,CG9sCA,gBAjIE,uLAAA,CAAA,yCHu1CF,CFhsCI,qBACE,qCEksCN,CGztCA,gBAjIE,uLAAA,CAAA,yCHk2CF,CF3sCI,qBACE,qCE6sCN,CGpuCA,gBAjIE,uLAAA,CAAA,oCH62CF,CFttCI,qBACE,qCEwtCN,CAxHF,CCnwCA,4BE4IE,eAjIE,sLAAA,CAAA,wCHw3CF,CFjuCI,oBACE,qCEmuCN,CG1vCA,eAjIE,sLAAA,CAAA,yCHm4CF,CF5uCI,oBACE,qCE8uCN,CGrwCA,eAjIE,sLAAA,CAAA,mCH84CF,CFvvCI,oBACE,qCEyvCN,CGhxCA,eAjIE,sLAAA,CAAA,yCHy5CF,CFlwCI,oBACE,qCEowCN,CG3xCA,eAjIE,sLAAA,CAAA,yCHo6CF,CF7wCI,oBACE,qCE+wCN,CGtyCA,eAjIE,sLAAA,CAAA,mCH+6CF,CFxxCI,oBACE,qCE0xCN,CGjzCA,eAjIE,sLAAA,CAAA,yCH07CF,CFnyCI,oBACE,qCEqyCN,CG5zCA,eAjIE,sLAAA,CAAA,yCHq8CF,CF9yCI,oBACE,qCEgzCN,CGv0CA,eAjIE,sLAAA,CAAA,mCHg9CF,CFzzCI,oBACE,qCE2zCN,CGl1CA,gBAjIE,uLAAA,CAAA,yCH29CF,CFp0CI,qBACE,qCEs0CN,CG71CA,gBAjIE,uLAAA,CAAA,yCHs+CF,CF/0CI,qBACE,qCEi1CN,CGx2CA,gBAjIE,uLAAA,CAAA,oCHi/CF,CF11CI,qBACE,qCE41CN,CAxHF,CA2HF","file":"flex-columns.css"}
|