@graupl/graupl 1.0.0-alpha.8 → 1.0.0-beta.0
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/.github/workflows/codeql-analysis.yml +3 -3
- package/.husky/commit-msg +0 -1
- package/.husky/pre-commit +0 -1
- package/.stylelintignore +9 -0
- package/CHANGELOG.md +160 -0
- package/build.js +7 -0
- package/dist/css/base/button.css +2 -0
- package/dist/css/base/button.css.map +1 -0
- package/dist/css/base/form.css +2 -0
- package/dist/css/base/form.css.map +1 -0
- package/dist/css/base/link.css +2 -0
- package/dist/css/base/link.css.map +1 -0
- package/dist/css/base/table.css +2 -0
- package/dist/css/base/table.css.map +1 -0
- package/dist/css/base.css +2 -0
- package/dist/css/base.css.map +1 -0
- package/dist/css/component/accordion.css +2 -0
- package/dist/css/component/accordion.css.map +1 -0
- package/dist/css/component/alert.css +2 -0
- package/dist/css/component/alert.css.map +1 -0
- package/dist/css/component/card.css +2 -0
- package/dist/css/component/card.css.map +1 -0
- package/dist/css/component/carousel.css +2 -0
- package/dist/css/component/carousel.css.map +1 -0
- package/dist/{component → css/component}/input-group.css +1 -1
- package/dist/css/component/input-group.css.map +1 -0
- package/dist/css/component/menu.css +2 -0
- package/dist/css/component/menu.css.map +1 -0
- package/dist/css/component/navigation.css +2 -0
- package/dist/css/component/navigation.css.map +1 -0
- package/dist/css/component.css +2 -0
- package/dist/css/component.css.map +1 -0
- package/dist/css/graupl.css +2 -0
- package/dist/css/graupl.css.map +1 -0
- package/dist/css/init.css +2 -0
- package/dist/css/init.css.map +1 -0
- package/dist/css/layout/columns.css +2 -0
- package/dist/css/layout/columns.css.map +1 -0
- package/dist/css/layout/container.css.map +1 -0
- package/dist/css/layout/flex-columns.css +2 -0
- package/dist/css/layout/flex-columns.css.map +1 -0
- package/dist/css/layout.css +2 -0
- package/dist/css/layout.css.map +1 -0
- package/dist/css/normalize.css +2 -0
- package/dist/css/normalize.css.map +1 -0
- package/dist/css/state/focus.css +2 -0
- package/dist/css/state/focus.css.map +1 -0
- package/dist/css/state.css +2 -0
- package/dist/css/state.css.map +1 -0
- package/dist/css/theme/color.css +2 -0
- package/dist/css/theme/color.css.map +1 -0
- package/dist/css/theme/typography.css +2 -0
- package/dist/css/theme/typography.css.map +1 -0
- package/dist/css/theme.css +2 -0
- package/dist/css/theme.css.map +1 -0
- package/dist/css/utilities/alignment.css +2 -0
- package/dist/css/utilities/alignment.css.map +1 -0
- package/dist/{utilities/colors.css → css/utilities/color.css} +2 -2
- package/dist/css/utilities/color.css.map +1 -0
- package/dist/css/utilities/display.css +2 -0
- package/dist/css/utilities/display.css.map +1 -0
- package/dist/css/utilities/flex.css +2 -0
- package/dist/css/utilities/flex.css.map +1 -0
- package/dist/css/utilities/height.css +2 -0
- package/dist/css/utilities/height.css.map +1 -0
- package/dist/css/utilities/inset.css +2 -0
- package/dist/css/utilities/inset.css.map +1 -0
- package/dist/css/utilities/justification.css +2 -0
- package/dist/css/utilities/justification.css.map +1 -0
- package/dist/css/utilities/list.css +2 -0
- package/dist/css/utilities/list.css.map +1 -0
- package/dist/css/utilities/order.css +2 -0
- package/dist/css/utilities/order.css.map +1 -0
- package/dist/css/utilities/postion.css +2 -0
- package/dist/css/utilities/postion.css.map +1 -0
- package/dist/css/utilities/ratio.css +2 -0
- package/dist/css/utilities/ratio.css.map +1 -0
- package/dist/css/utilities/spacing.css +2 -0
- package/dist/css/utilities/spacing.css.map +1 -0
- package/dist/css/utilities/typography.css +2 -0
- package/dist/css/utilities/typography.css.map +1 -0
- package/dist/css/utilities/visibility.css +2 -0
- package/dist/css/utilities/visibility.css.map +1 -0
- package/dist/css/utilities/width.css +2 -0
- package/dist/css/utilities/width.css.map +1 -0
- package/dist/css/utilities.css +2 -0
- package/dist/css/utilities.css.map +1 -0
- package/dist/js/component/accordion.cjs.js +3 -0
- package/dist/js/component/accordion.esm.js +1289 -0
- package/dist/js/component/accordion.iife.js +3 -0
- package/dist/js/component/alert.cjs.js +3 -0
- package/dist/js/component/alert.esm.js +529 -0
- package/dist/js/component/alert.iife.js +3 -0
- package/dist/js/component/carousel.cjs.js +3 -0
- package/dist/js/component/carousel.esm.js +1110 -0
- package/dist/js/component/carousel.iife.js +3 -0
- package/dist/js/graupl.cjs.js +5 -0
- package/dist/js/graupl.esm.js +1462 -0
- package/dist/js/graupl.iife.js +5 -0
- package/docs/.vitepress/config.js +39 -12
- package/docs/components/alert.md +130 -0
- package/docs/components/button.md +84 -0
- package/docs/components/card.md +369 -0
- package/docs/components/index.md +1 -0
- package/docs/components/inputgroup.md +159 -0
- package/docs/components/menu.md +326 -0
- package/docs/components/navigation.md +158 -0
- package/docs/content.md +237 -0
- package/docs/defaults.md +121 -0
- package/docs/forms.md +79 -0
- package/docs/functions.md +9 -0
- package/docs/getting-started.md +1 -0
- package/docs/index.md +1 -7
- package/docs/introduction.md +22 -2
- package/docs/layout.md +200 -0
- package/docs/mixins.md +47 -0
- package/docs/state.md +67 -0
- package/docs/theme.md +258 -0
- package/docs/utilities.md +357 -0
- package/eslint.config.js +1 -0
- package/index.html +816 -327
- package/index.js +12 -0
- package/package.json +32 -41
- package/scss/base/button.scss +3 -0
- 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 +3 -0
- package/scss/component/alert.scss +3 -0
- package/scss/component/card.scss +3 -0
- package/scss/component/carousel.scss +3 -0
- package/scss/component/input-group.scss +1 -1
- package/scss/component/menu.scss +3 -0
- package/scss/component/navigation.scss +3 -0
- package/scss/component.scss +1 -1
- package/scss/graupl.scss +1 -3
- package/scss/init.scss +3 -0
- package/scss/layout/columns.scss +1 -1
- package/scss/layout/container.scss +1 -1
- package/scss/layout/flex-columns.scss +3 -0
- package/scss/layout.scss +1 -1
- package/scss/normalize.scss +3 -0
- 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 +3 -0
- package/scss/utilities/color.scss +3 -0
- package/scss/utilities/display.scss +3 -0
- package/scss/utilities/flex.scss +3 -0
- package/scss/utilities/height.scss +3 -0
- package/scss/utilities/inset.scss +3 -0
- package/scss/utilities/justification.scss +3 -0
- package/scss/utilities/list.scss +3 -0
- package/scss/utilities/order.scss +3 -0
- package/scss/utilities/postion.scss +3 -0
- package/scss/utilities/ratio.scss +3 -0
- package/scss/utilities/spacing.scss +1 -1
- package/scss/utilities/typography.scss +1 -1
- package/scss/utilities/visibility.scss +3 -0
- package/scss/utilities/width.scss +3 -0
- package/scss/utilities.scss +1 -1
- package/src/js/accordion/Accordion.js +1163 -0
- package/src/js/accordion/AccordionItem.js +496 -0
- package/src/js/accordion/index.js +10 -0
- package/src/js/alert/Alert.js +581 -0
- package/src/js/alert/index.js +11 -0
- package/src/js/carousel/Carousel.js +1427 -0
- package/src/js/carousel/index.js +10 -0
- package/src/js/domHelpers.js +37 -0
- package/src/js/eventHandlers.js +39 -0
- package/src/js/navigation/index.js +36 -0
- package/src/js/storage.js +106 -0
- package/src/js/validate.js +225 -0
- package/src/scss/_defaults.scss +74 -5
- package/src/scss/_index.scss +4 -3
- package/src/scss/_init.scss +2 -2
- package/src/scss/_normalize.scss +197 -0
- package/src/scss/_variables.scss +7 -7
- package/src/scss/base/_index.scss +2 -1
- package/src/scss/base/button/_defaults.scss +60 -0
- package/src/scss/base/button/_index.scss +107 -0
- package/src/scss/base/button/_mixins.scss +166 -0
- package/src/scss/{component → base}/button/_variables.scss +64 -19
- package/src/scss/base/form/_defaults.scss +14 -4
- package/src/scss/base/form/_index.scss +23 -20
- package/src/scss/base/form/_variables.scss +14 -2
- package/src/scss/base/link/_defaults.scss +48 -5
- package/src/scss/base/link/_index.scss +111 -10
- package/src/scss/base/link/_variables.scss +234 -4
- package/src/scss/base/table/_defaults.scss +49 -4
- package/src/scss/base/table/_index.scss +102 -8
- package/src/scss/base/table/_variables.scss +75 -5
- package/src/scss/component/_index.scss +7 -3
- package/src/scss/component/accordion/_defaults.scss +40 -0
- package/src/scss/component/accordion/_index.scss +180 -0
- package/src/scss/component/accordion/_variables.scss +316 -0
- package/src/scss/component/alert/_defaults.scss +49 -0
- package/src/scss/component/alert/_index.scss +118 -0
- package/src/scss/component/alert/_variables.scss +173 -0
- package/src/scss/component/card/_defaults.scss +32 -0
- package/src/scss/component/card/_index.scss +178 -0
- package/src/scss/component/card/_variables.scss +186 -0
- package/src/scss/component/carousel/_defaults.scss +43 -0
- package/src/scss/component/carousel/_index.scss +188 -0
- package/src/scss/component/carousel/_variables.scss +104 -0
- package/src/scss/component/input-group/_defaults.scss +11 -4
- package/src/scss/component/input-group/_index.scss +13 -11
- package/src/scss/component/input-group/_variables.scss +4 -1
- package/src/scss/component/menu/_defaults.scss +66 -0
- package/src/scss/component/menu/_index.scss +305 -0
- package/src/scss/component/menu/_variables.scss +500 -0
- package/src/scss/component/navigation/_defaults.scss +29 -0
- package/src/scss/component/navigation/_index.scss +189 -0
- package/src/scss/component/navigation/_variables.scss +237 -0
- package/src/scss/functions/_important.scss +2 -0
- package/src/scss/functions/_screen.scss +30 -0
- package/src/scss/functions/_theme.scss +28 -7
- package/src/scss/layout/_index.scss +2 -1
- package/src/scss/layout/columns/_defaults.scss +12 -4
- package/src/scss/layout/columns/_index.scss +29 -7
- package/src/scss/layout/columns/_variables.scss +6 -2
- package/src/scss/layout/container/_defaults.scss +13 -4
- package/src/scss/layout/container/_index.scss +12 -7
- package/src/scss/layout/container/_variables.scss +4 -1
- package/src/scss/layout/flex-columns/_defaults.scss +18 -0
- package/src/scss/layout/flex-columns/_index.scss +80 -0
- package/src/scss/layout/flex-columns/_variables.scss +26 -0
- package/src/scss/mixins/_animation.scss +15 -0
- package/src/scss/mixins/_layer.scss +3 -5
- package/src/scss/mixins/_screen.scss +56 -0
- package/src/scss/mixins/_utility.scss +30 -0
- package/src/scss/mixins/_visually-hidden.scss +20 -0
- package/src/scss/state/_index.scss +1 -1
- package/src/scss/state/focus/_defaults.scss +6 -4
- package/src/scss/state/focus/_index.scss +7 -7
- package/src/scss/state/focus/_mixins.scss +15 -0
- package/src/scss/state/focus/_variables.scss +6 -2
- package/src/scss/theme/_index.scss +1 -1
- package/src/scss/theme/color/_defaults.scss +101 -19
- package/src/scss/theme/color/_index.scss +17 -17
- package/src/scss/theme/color/_variables.scss +72 -64
- package/src/scss/theme/typography/_defaults.scss +7 -5
- package/src/scss/theme/typography/_index.scss +1 -1
- package/src/scss/theme/typography/_variables.scss +11 -7
- package/src/scss/utilities/_index.scss +14 -2
- package/src/scss/utilities/alignment/_defaults.scss +62 -0
- package/src/scss/utilities/alignment/_index.scss +75 -0
- package/src/scss/utilities/alignment/_variables.scss +6 -0
- package/src/scss/utilities/color/_defaults.scss +35 -0
- package/src/scss/utilities/color/_index.scss +91 -0
- package/src/scss/utilities/color/_variables.scss +6 -0
- package/src/scss/utilities/display/_defaults.scss +32 -0
- package/src/scss/utilities/display/_index.scss +61 -0
- package/src/scss/utilities/display/_variables.scss +6 -0
- package/src/scss/utilities/flex/_defaults.scss +63 -0
- package/src/scss/utilities/flex/_index.scss +71 -0
- package/src/scss/utilities/flex/_variables.scss +6 -0
- package/src/scss/utilities/height/_defaults.scss +41 -0
- package/src/scss/utilities/height/_index.scss +98 -0
- package/src/scss/utilities/height/_variables.scss +6 -0
- package/src/scss/utilities/inset/_defaults.scss +41 -0
- package/src/scss/utilities/inset/_index.scss +37 -0
- package/src/scss/utilities/inset/_variables.scss +6 -0
- package/src/scss/utilities/justification/_defaults.scss +59 -0
- package/src/scss/utilities/justification/_index.scss +75 -0
- package/src/scss/utilities/justification/_variables.scss +6 -0
- package/src/scss/utilities/list/_defaults.scss +39 -0
- package/src/scss/utilities/list/_index.scss +56 -0
- package/src/scss/utilities/list/_variables.scss +6 -0
- package/src/scss/utilities/order/_defaults.scss +22 -0
- package/src/scss/utilities/order/_index.scss +63 -0
- package/src/scss/utilities/order/_variables.scss +6 -0
- package/src/scss/utilities/position/_defaults.scss +26 -0
- package/src/scss/utilities/position/_index.scss +37 -0
- package/src/scss/utilities/position/_variables.scss +6 -0
- package/src/scss/utilities/ratio/_defaults.scss +28 -0
- package/src/scss/utilities/ratio/_index.scss +52 -0
- package/src/scss/utilities/ratio/_variables.scss +9 -0
- package/src/scss/utilities/spacing/_defaults.scss +9 -4
- package/src/scss/utilities/spacing/_index.scss +134 -29
- package/src/scss/utilities/spacing/_variables.scss +5 -2
- package/src/scss/utilities/typography/_defaults.scss +29 -4
- package/src/scss/utilities/typography/_index.scss +155 -23
- package/src/scss/utilities/typography/_variables.scss +5 -2
- package/src/scss/utilities/visibility/_defaults.scss +25 -0
- package/src/scss/utilities/visibility/_index.scss +36 -0
- package/src/scss/utilities/visibility/_variables.scss +6 -0
- package/src/scss/utilities/width/_defaults.scss +41 -0
- package/src/scss/utilities/width/_index.scss +98 -0
- package/src/scss/utilities/width/_variables.scss +6 -0
- package/stylelint.config.js +5 -0
- package/vite.config.js +57 -0
- package/dist/base/form.css +0 -2
- package/dist/base/form.css.map +0 -1
- package/dist/base/link.css +0 -2
- package/dist/base/link.css.map +0 -1
- package/dist/base/table.css +0 -2
- package/dist/base/table.css.map +0 -1
- package/dist/base.css +0 -2
- package/dist/base.css.map +0 -1
- package/dist/component/button.css +0 -2
- package/dist/component/button.css.map +0 -1
- package/dist/component/input-group.css.map +0 -1
- package/dist/component/table.css +0 -2
- package/dist/component/table.css.map +0 -1
- package/dist/component.css +0 -2
- package/dist/component.css.map +0 -1
- package/dist/graupl.css +0 -2
- package/dist/graupl.css.map +0 -1
- package/dist/layout/columns.css +0 -2
- package/dist/layout/columns.css.map +0 -1
- package/dist/layout/container.css.map +0 -1
- package/dist/layout.css +0 -2
- package/dist/layout.css.map +0 -1
- package/dist/state/focus.css +0 -2
- package/dist/state/focus.css.map +0 -1
- package/dist/state.css +0 -2
- package/dist/state.css.map +0 -1
- package/dist/theme/color.css +0 -2
- package/dist/theme/color.css.map +0 -1
- package/dist/theme/typography.css +0 -2
- package/dist/theme/typography.css.map +0 -1
- package/dist/theme.css +0 -2
- package/dist/theme.css.map +0 -1
- package/dist/utilities/colors.css.map +0 -1
- package/dist/utilities/spacing.css +0 -2
- package/dist/utilities/spacing.css.map +0 -1
- package/dist/utilities/typography.css +0 -2
- package/dist/utilities/typography.css.map +0 -1
- package/dist/utilities.css +0 -2
- package/dist/utilities.css.map +0 -1
- package/scss/component/button.scss +0 -3
- package/scss/component/table.scss +0 -3
- package/scss/utilities/colors.scss +0 -3
- package/src/scss/component/button/_defaults.scss +0 -39
- package/src/scss/component/button/_index.scss +0 -98
- package/src/scss/component/table/_defaults.scss +0 -30
- package/src/scss/component/table/_index.scss +0 -77
- package/src/scss/component/table/_variables.scss +0 -64
- package/src/scss/mixins/_media-queries.scss +0 -26
- package/src/scss/utilities/colors/_defaults.scss +0 -5
- package/src/scss/utilities/colors/_index.scss +0 -22
- package/src/scss/utilities/colors/_variables.scss +0 -3
- /package/dist/{layout → css/layout}/container.css +0 -0
package/dist/utilities.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
@layer graupl.utilities{.bg-primary-100{background:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))!important}.text-primary-100{color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))!important}.bg-primary-200{background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))!important}.text-primary-200{color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))!important}.bg-primary-300{background:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))!important}.text-primary-300{color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))!important}.bg-primary-400{background:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))!important}.text-primary-400{color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))!important}.bg-primary-500{background:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))!important}.text-primary-500{color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))!important}.bg-primary-600{background:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))!important}.text-primary-600{color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))!important}.bg-primary-700{background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))!important}.text-primary-700{color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))!important}.bg-primary-800{background:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))!important}.text-primary-800{color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))!important}.bg-primary-900{background:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))!important}.text-primary-900{color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))!important}.bg-secondary-100{background:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))!important}.text-secondary-100{color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))!important}.bg-secondary-200{background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))!important}.text-secondary-200{color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))!important}.bg-secondary-300{background:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))!important}.text-secondary-300{color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))!important}.bg-secondary-400{background:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))!important}.text-secondary-400{color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))!important}.bg-secondary-500{background:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))!important}.text-secondary-500{color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))!important}.bg-secondary-600{background:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))!important}.text-secondary-600{color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))!important}.bg-secondary-700{background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))!important}.text-secondary-700{color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))!important}.bg-secondary-800{background:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))!important}.text-secondary-800{color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))!important}.bg-secondary-900{background:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))!important}.text-secondary-900{color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))!important}.bg-tertiary-100{background:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))!important}.text-tertiary-100{color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))!important}.bg-tertiary-200{background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))!important}.text-tertiary-200{color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))!important}.bg-tertiary-300{background:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))!important}.text-tertiary-300{color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))!important}.bg-tertiary-400{background:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))!important}.text-tertiary-400{color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))!important}.bg-tertiary-500{background:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))!important}.text-tertiary-500{color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))!important}.bg-tertiary-600{background:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))!important}.text-tertiary-600{color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))!important}.bg-tertiary-700{background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))!important}.text-tertiary-700{color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))!important}.bg-tertiary-800{background:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))!important}.text-tertiary-800{color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))!important}.bg-tertiary-900{background:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))!important}.text-tertiary-900{color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))!important}.g-0.columns{--graupl-columns-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;--graupl-columns-row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.g-0:not(.columns){gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.g-1.columns{--graupl-columns-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important;--graupl-columns-row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.g-1:not(.columns){gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.g-2.columns{--graupl-columns-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important;--graupl-columns-row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.g-2:not(.columns){gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.g-3.columns{--graupl-columns-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important;--graupl-columns-row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.g-3:not(.columns){gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.g-4.columns{--graupl-columns-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important;--graupl-columns-row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.g-4:not(.columns){gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.g-5.columns{--graupl-columns-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;--graupl-columns-row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.g-5:not(.columns){gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.g-6.columns{--graupl-columns-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;--graupl-columns-row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.g-6:not(.columns){gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.g-7.columns{--graupl-columns-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;--graupl-columns-row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.g-7:not(.columns){gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.g-8.columns{--graupl-columns-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;--graupl-columns-row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.g-8:not(.columns){gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.g-9.columns{--graupl-columns-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;--graupl-columns-row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.g-9:not(.columns){gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.g-10.columns{--graupl-columns-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;--graupl-columns-row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.g-10:not(.columns){gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.rg-0.columns{--graupl-columns-row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.rg-0:not(.columns){row-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.rg-1.columns{--graupl-columns-row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.rg-1:not(.columns){row-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.rg-2.columns{--graupl-columns-row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.rg-2:not(.columns){row-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.rg-3.columns{--graupl-columns-row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.rg-3:not(.columns){row-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.rg-4.columns{--graupl-columns-row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.rg-4:not(.columns){row-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.rg-5.columns{--graupl-columns-row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.rg-5:not(.columns){row-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.rg-6.columns{--graupl-columns-row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.rg-6:not(.columns){row-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.rg-7.columns{--graupl-columns-row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.rg-7:not(.columns){row-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.rg-8.columns{--graupl-columns-row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.rg-8:not(.columns){row-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.rg-9.columns{--graupl-columns-row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.rg-9:not(.columns){row-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.rg-10.columns{--graupl-columns-row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.rg-10:not(.columns){row-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.cg-0.columns{--graupl-columns-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.cg-0:not(.columns){-moz-column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;column-gap:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.cg-1.columns{--graupl-columns-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*0.125))!important}.cg-1:not(.columns){-moz-column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;column-gap:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.cg-2.columns{--graupl-columns-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*0.25))!important}.cg-2:not(.columns){-moz-column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;column-gap:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.cg-3.columns{--graupl-columns-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))!important}.cg-3:not(.columns){-moz-column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;column-gap:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.cg-4.columns{--graupl-columns-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*0.75))!important}.cg-4:not(.columns){-moz-column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;column-gap:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.cg-5.columns{--graupl-columns-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.cg-5:not(.columns){-moz-column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;column-gap:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.cg-6.columns{--graupl-columns-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.cg-6:not(.columns){-moz-column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;column-gap:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.cg-7.columns{--graupl-columns-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.cg-7:not(.columns){-moz-column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;column-gap:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.cg-8.columns{--graupl-columns-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.cg-8:not(.columns){-moz-column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;column-gap:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.cg-9.columns{--graupl-columns-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.cg-9:not(.columns){-moz-column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;column-gap:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.cg-10.columns{--graupl-columns-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.cg-10:not(.columns){-moz-column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;column-gap:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.p-0{padding:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.p-1{padding:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.p-2{padding:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.p-3{padding:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.p-4{padding:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.p-5{padding:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.p-6{padding:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.p-7{padding:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.p-8{padding:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.p-9{padding:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.p-10{padding:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pt-0{padding-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pt-1{padding-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pt-2{padding-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pt-3{padding-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pt-4{padding-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pt-5{padding-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pt-6{padding-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pt-7{padding-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pt-8{padding-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pt-9{padding-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pt-10{padding-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pr-0{padding-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pr-1{padding-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pr-2{padding-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pr-3{padding-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pr-4{padding-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pr-5{padding-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pr-6{padding-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pr-7{padding-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pr-8{padding-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pr-9{padding-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pr-10{padding-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pb-0{padding-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pb-1{padding-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pb-2{padding-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pb-3{padding-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pb-4{padding-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pb-5{padding-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pb-6{padding-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pb-7{padding-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pb-8{padding-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pb-9{padding-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pb-10{padding-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pl-0{padding-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pl-1{padding-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pl-2{padding-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pl-3{padding-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pl-4{padding-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pl-5{padding-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pl-6{padding-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pl-7{padding-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pl-8{padding-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pl-9{padding-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pl-10{padding-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.px-0{padding-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.px-1{padding-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.px-2{padding-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.px-3{padding-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.px-4{padding-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.px-5{padding-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.px-6{padding-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.px-7{padding-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.px-8{padding-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.px-9{padding-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.px-10{padding-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.py-0{padding-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.py-1{padding-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.py-2{padding-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.py-3{padding-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.py-4{padding-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.py-5{padding-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.py-6{padding-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.py-7{padding-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.py-8{padding-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.py-9{padding-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.py-10{padding-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbs-0{padding-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbs-1{padding-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbs-2{padding-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbs-3{padding-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbs-4{padding-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbs-5{padding-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbs-6{padding-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbs-7{padding-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbs-8{padding-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbs-9{padding-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbs-10{padding-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbe-0{padding-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbe-1{padding-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbe-2{padding-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbe-3{padding-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbe-4{padding-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbe-5{padding-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbe-6{padding-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbe-7{padding-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbe-8{padding-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbe-9{padding-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbe-10{padding-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pbse-0{padding-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pbse-1{padding-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pbse-2{padding-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pbse-3{padding-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pbse-4{padding-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pbse-5{padding-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pbse-6{padding-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pbse-7{padding-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pbse-8{padding-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pbse-9{padding-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pbse-10{padding-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pis-0{padding-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pis-1{padding-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pis-2{padding-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pis-3{padding-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pis-4{padding-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pis-5{padding-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pis-6{padding-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pis-7{padding-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pis-8{padding-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pis-9{padding-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pis-10{padding-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pie-0{padding-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pie-1{padding-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pie-2{padding-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pie-3{padding-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pie-4{padding-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pie-5{padding-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pie-6{padding-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pie-7{padding-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pie-8{padding-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pie-9{padding-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pie-10{padding-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.pise-0{padding-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;padding-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.pise-1{padding-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;padding-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.pise-2{padding-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;padding-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.pise-3{padding-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;padding-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.pise-4{padding-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;padding-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.pise-5{padding-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;padding-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.pise-6{padding-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;padding-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.pise-7{padding-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;padding-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.pise-8{padding-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;padding-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.pise-9{padding-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;padding-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.pise-10{padding-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;padding-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.m-0{margin:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.m-1{margin:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.m-2{margin:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.m-3{margin:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.m-4{margin:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.m-5{margin:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.m-6{margin:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.m-7{margin:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.m-8{margin:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.m-9{margin:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.m-10{margin:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mt-0{margin-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mt-1{margin-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mt-2{margin-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mt-3{margin-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mt-4{margin-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mt-5{margin-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mt-6{margin-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mt-7{margin-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mt-8{margin-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mt-9{margin-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mt-10{margin-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mr-0{margin-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mr-1{margin-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mr-2{margin-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mr-3{margin-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mr-4{margin-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mr-5{margin-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mr-6{margin-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mr-7{margin-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mr-8{margin-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mr-9{margin-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mr-10{margin-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mb-0{margin-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mb-1{margin-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mb-2{margin-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mb-3{margin-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mb-4{margin-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mb-5{margin-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mb-6{margin-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mb-7{margin-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mb-8{margin-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mb-9{margin-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mb-10{margin-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.ml-0{margin-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.ml-1{margin-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.ml-2{margin-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.ml-3{margin-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.ml-4{margin-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.ml-5{margin-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.ml-6{margin-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.ml-7{margin-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.ml-8{margin-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.ml-9{margin-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.ml-10{margin-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mx-0{margin-left:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-right:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mx-1{margin-left:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-right:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mx-2{margin-left:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-right:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mx-3{margin-left:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-right:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mx-4{margin-left:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-right:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mx-5{margin-left:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-right:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mx-6{margin-left:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-right:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mx-7{margin-left:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-right:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mx-8{margin-left:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-right:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mx-9{margin-left:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-right:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mx-10{margin-left:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-right:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.my-0{margin-bottom:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-top:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.my-1{margin-bottom:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-top:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.my-2{margin-bottom:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-top:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.my-3{margin-bottom:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-top:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.my-4{margin-bottom:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-top:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.my-5{margin-bottom:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-top:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.my-6{margin-bottom:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-top:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.my-7{margin-bottom:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-top:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.my-8{margin-bottom:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-top:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.my-9{margin-bottom:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-top:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.my-10{margin-bottom:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-top:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbs-0{margin-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbs-1{margin-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbs-2{margin-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbs-3{margin-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbs-4{margin-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbs-5{margin-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbs-6{margin-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbs-7{margin-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbs-8{margin-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbs-9{margin-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbs-10{margin-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbe-0{margin-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbe-1{margin-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbe-2{margin-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbe-3{margin-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbe-4{margin-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbe-5{margin-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbe-6{margin-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbe-7{margin-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbe-8{margin-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbe-9{margin-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbe-10{margin-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mbse-0{margin-block-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-block-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mbse-1{margin-block-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-block-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mbse-2{margin-block-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-block-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mbse-3{margin-block-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-block-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mbse-4{margin-block-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-block-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mbse-5{margin-block-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-block-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mbse-6{margin-block-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-block-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mbse-7{margin-block-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-block-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mbse-8{margin-block-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-block-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mbse-9{margin-block-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-block-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mbse-10{margin-block-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-block-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mis-0{margin-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mis-1{margin-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mis-2{margin-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mis-3{margin-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mis-4{margin-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mis-5{margin-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mis-6{margin-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mis-7{margin-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mis-8{margin-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mis-9{margin-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mis-10{margin-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mie-0{margin-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mie-1{margin-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mie-2{margin-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mie-3{margin-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mie-4{margin-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mie-5{margin-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mie-6{margin-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mie-7{margin-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mie-8{margin-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mie-9{margin-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mie-10{margin-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.mise-0{margin-inline-end:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important;margin-inline-start:var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))!important}.mise-1{margin-inline-end:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important;margin-inline-start:var(--graupl-spacer-1,calc(var(--graupl-spacer, 1rem)*.125))!important}.mise-2{margin-inline-end:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important;margin-inline-start:var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))!important}.mise-3{margin-inline-end:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important;margin-inline-start:var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))!important}.mise-4{margin-inline-end:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important;margin-inline-start:var(--graupl-spacer-4,calc(var(--graupl-spacer, 1rem)*.75))!important}.mise-5{margin-inline-end:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important;margin-inline-start:var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))!important}.mise-6{margin-inline-end:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important;margin-inline-start:var(--graupl-spacer-6,calc(var(--graupl-spacer, 1rem)*1.5))!important}.mise-7{margin-inline-end:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important;margin-inline-start:var(--graupl-spacer-7,calc(var(--graupl-spacer, 1rem)*2))!important}.mise-8{margin-inline-end:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important;margin-inline-start:var(--graupl-spacer-8,calc(var(--graupl-spacer, 1rem)*3))!important}.mise-9{margin-inline-end:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important;margin-inline-start:var(--graupl-spacer-9,calc(var(--graupl-spacer, 1rem)*5))!important}.mise-10{margin-inline-end:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important;margin-inline-start:var(--graupl-spacer-10,calc(var(--graupl-spacer, 1rem)*10))!important}.text-xs{font-size:var(--graupl-font-xs,calc(var(--graupl-font-base, 1rem)*.694))!important}.text-sm{font-size:var(--graupl-font-sm,calc(var(--graupl-font-base, 1rem)*.833))!important}.text-base{font-size:var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))!important}.text-lg{font-size:var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2))!important}.text-xl{font-size:var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44))!important}.text-2xl{font-size:var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728))!important}.text-3xl{font-size:var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074))!important}.text-4xl{font-size:var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488))!important}.text-5xl{font-size:var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986))!important}.text-paragraph{font-size:var(--graupl-paragraph-font-size,var(--graupl-body-font-size,var(--graupl-font-base,calc(var(--graupl-font-base, 1rem)*1))))!important;font-weight:var(--graupl-paragraph-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)))!important;line-height:var(--graupl-paragraph-line-height,var(--graupl-body-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-paragraph-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)!important}.text-small{font-size:var(--graupl-small-font-size,var(--graupl-font-sm,calc(var(--graupl-font-base, 1rem)*.833)))!important;font-weight:var(--graupl-small-font-weight,var(--graupl-body-font-weight,var(--graupl-font-weight-normal,400)))!important;line-height:var(--graupl-small-line-height,var(--graupl-line-height,1.2em))!important;margin:var(--graupl-small-margin,0 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0)!important}.text-h1{font-family:var(--graupl-h1-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h1-font-size,var(--graupl-font-5xl,calc(var(--graupl-font-base, 1rem)*2.986)))!important;font-weight:var(--graupl-h1-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h1-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h1-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h2{font-family:var(--graupl-h2-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h2-font-size,var(--graupl-font-4xl,calc(var(--graupl-font-base, 1rem)*2.488)))!important;font-weight:var(--graupl-h2-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h2-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h2-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h3{font-family:var(--graupl-h3-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h3-font-size,var(--graupl-font-3xl,calc(var(--graupl-font-base, 1rem)*2.074)))!important;font-weight:var(--graupl-h3-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h3-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h3-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h4{font-family:var(--graupl-h4-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-base, 1rem)*1.728)))!important;font-weight:var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h4-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h5{font-family:var(--graupl-h5-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h5-font-size,var(--graupl-font-xl,calc(var(--graupl-font-base, 1rem)*1.44)))!important;font-weight:var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h5-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.text-h6{font-family:var(--graupl-h6-font-family,var(--graupl-heading-font-family,var(--graupl-root-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif)))!important;font-size:var(--graupl-h6-font-size,var(--graupl-font-lg,calc(var(--graupl-font-base, 1rem)*1.2)))!important;font-weight:var(--graupl-h6-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700))))!important;line-height:var(--graupl-h6-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em)))!important;margin:var(--graupl-h6-margin,var(--graupl-heading-margin,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)) 0 var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)) 0))!important}.font-light{font-weight:var(--graupl-font-weight-light,300)!important}.font-normal{font-weight:var(--graupl-font-weight-normal,400)!important}.font-bold{font-weight:var(--graupl-font-weight-bold,700)!important}.font-italic{font-style:italic!important}.font-not-italic{font-style:normal!important}}@layer graupl.utilities{}@layer graupl.utilities{}
|
|
2
|
-
/*# sourceMappingURL=utilities.css.map */
|
package/dist/utilities.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/scss/mixins/_layer.scss","../src/scss/utilities/colors/_index.scss","utilities.css","../src/scss/utilities/spacing/_index.scss","../src/scss/utilities/typography/_index.scss"],"names":[],"mappings":"AASI,wBCGE,gBACE,wICVN,CDaI,kBACE,mICXN,CDMI,gBACE,wICJN,CDOI,kBACE,mICLN,CDAI,gBACE,wICEN,CDCI,kBACE,mICCN,CDNI,gBACE,wICQN,CDLI,kBACE,mICON,CDZI,gBACE,wICcN,CDXI,kBACE,mICaN,CDlBI,gBACE,wICoBN,CDjBI,kBACE,mICmBN,CDxBI,gBACE,wIC0BN,CDvBI,kBACE,mICyBN,CD9BI,gBACE,wICgCN,CD7BI,kBACE,mIC+BN,CDpCI,gBACE,wICsCN,CDnCI,kBACE,mICqCN,CD1CI,kBACE,8IC4CN,CDzCI,oBACE,yIC2CN,CDhDI,kBACE,8ICkDN,CD/CI,oBACE,yICiDN,CDtDI,kBACE,8ICwDN,CDrDI,oBACE,yICuDN,CD5DI,kBACE,8IC8DN,CD3DI,oBACE,yIC6DN,CDlEI,kBACE,8ICoEN,CDjEI,oBACE,yICmEN,CDxEI,kBACE,8IC0EN,CDvEI,oBACE,yICyEN,CD9EI,kBACE,8ICgFN,CD7EI,oBACE,yIC+EN,CDpFI,kBACE,8ICsFN,CDnFI,oBACE,yICqFN,CD1FI,kBACE,8IC4FN,CDzFI,oBACE,yIC2FN,CDhGI,iBACE,2ICkGN,CD/FI,mBACE,sICiGN,CDtGI,iBACE,2ICwGN,CDrGI,mBACE,sICuGN,CD5GI,iBACE,2IC8GN,CD3GI,mBACE,sIC6GN,CDlHI,iBACE,2ICoHN,CDjHI,mBACE,sICmHN,CDxHI,iBACE,wIC0HN,CDvHI,mBACE,mICyHN,CD9HI,iBACE,2ICgIN,CD7HI,mBACE,sIC+HN,CDpII,iBACE,2ICsIN,CDnII,mBACE,sICqIN,CD1II,iBACE,2IC4IN,CDzII,mBACE,sIC2IN,CDhJI,iBACE,2ICkJN,CD/II,mBACE,sICiJN,CCjJQ,aACE,+FAAA,CAGA,4FDmJV,CC9IQ,mBAEI,uED+IZ,CC1JQ,aACE,mGAAA,CAGA,gGD0JV,CCrJQ,mBAEI,0EDsJZ,CCjKQ,aACE,kGAAA,CAGA,+FDiKV,CC5JQ,mBAEI,yED6JZ,CCxKQ,aACE,iGAAA,CAGA,8FDwKV,CCnKQ,mBAEI,wEDoKZ,CC/KQ,aACE,kGAAA,CAGA,+FD+KV,CC1KQ,mBAEI,yED2KZ,CCtLQ,aACE,+FAAA,CAGA,4FDsLV,CCjLQ,mBAEI,uEDkLZ,CC7LQ,aACE,iGAAA,CAGA,8FD6LV,CCxLQ,mBAEI,yEDyLZ,CCpMQ,aACE,+FAAA,CAGA,4FDoMV,CC/LQ,mBAEI,uEDgMZ,CC3MQ,aACE,+FAAA,CAGA,4FD2MV,CCtMQ,mBAEI,uEDuMZ,CClNQ,aACE,+FAAA,CAGA,4FDkNV,CC7MQ,mBAEI,uED8MZ,CCzNQ,cACE,iGAAA,CAGA,8FDyNV,CCpNQ,oBAEI,yEDqNZ,CCrMQ,cACE,4FDuMV,CClMQ,oBAEI,2EDmMZ,CC3MQ,cACE,gGD6MV,CCxMQ,oBAEI,8EDyMZ,CCjNQ,cACE,+FDmNV,CC9MQ,oBAEI,6ED+MZ,CCvNQ,cACE,8FDyNV,CCpNQ,oBAEI,4EDqNZ,CC7NQ,cACE,+FD+NV,CC1NQ,oBAEI,6ED2NZ,CCnOQ,cACE,4FDqOV,CChOQ,oBAEI,2EDiOZ,CCzOQ,cACE,8FD2OV,CCtOQ,oBAEI,6EDuOZ,CC/OQ,cACE,4FDiPV,CC5OQ,oBAEI,2ED6OZ,CCrPQ,cACE,4FDuPV,CClPQ,oBAEI,2EDmPZ,CC3PQ,cACE,4FD6PV,CCxPQ,oBAEI,2EDyPZ,CCjQQ,eACE,8FDmQV,CC9PQ,qBAEI,6ED+PZ,CCnRQ,cACE,+FDqRV,CChRQ,oBAEI,mFAAA,CAAA,8EDiRZ,CCzRQ,cACE,mGD2RV,CCtRQ,oBAEI,sFAAA,CAAA,iFDuRZ,CC/RQ,cACE,kGDiSV,CC5RQ,oBAEI,qFAAA,CAAA,gFD6RZ,CCrSQ,cACE,iGDuSV,CClSQ,oBAEI,oFAAA,CAAA,+EDmSZ,CC3SQ,cACE,kGD6SV,CCxSQ,oBAEI,qFAAA,CAAA,gFDySZ,CCjTQ,cACE,+FDmTV,CC9SQ,oBAEI,mFAAA,CAAA,8ED+SZ,CCvTQ,cACE,iGDyTV,CCpTQ,oBAEI,qFAAA,CAAA,gFDqTZ,CC7TQ,cACE,+FD+TV,CC1TQ,oBAEI,mFAAA,CAAA,8ED2TZ,CCnUQ,cACE,+FDqUV,CChUQ,oBAEI,mFAAA,CAAA,8EDiUZ,CCzUQ,cACE,+FD2UV,CCtUQ,oBAEI,mFAAA,CAAA,8EDuUZ,CC/UQ,eACE,iGDiVV,CC5UQ,qBAEI,qFAAA,CAAA,gFD6UZ,CCxWI,KA4CM,2ED+TV,CC3WI,KA4CM,8EDkUV,CC9WI,KA4CM,6EDqUV,CCjXI,KA4CM,4EDwUV,CCpXI,KA4CM,6ED2UV,CCvXI,KA4CM,2ED8UV,CC1XI,KA4CM,6EDiVV,CC7XI,KA4CM,2EDoVV,CChYI,KA4CM,2EDuVV,CCnYI,KA4CM,2ED0VV,CCtYI,MA4CM,6ED6VV,CCzYI,MA4CM,+EDgWV,CC5YI,MA4CM,kFDmWV,CC/YI,MA4CM,iFDsWV,CClZI,MA4CM,gFDyWV,CCrZI,MA4CM,iFD4WV,CCxZI,MA4CM,+ED+WV,CC3ZI,MA4CM,iFDkXV,CC9ZI,MA4CM,+EDqXV,CCjaI,MA4CM,+EDwXV,CCpaI,MA4CM,+ED2XV,CCvaI,OA4CM,iFD8XV,CC1aI,MA4CM,iFDiYV,CC7aI,MA4CM,oFDoYV,CChbI,MA4CM,mFDuYV,CCnbI,MA4CM,kFD0YV,CCtbI,MA4CM,mFD6YV,CCzbI,MA4CM,iFDgZV,CC5bI,MA4CM,mFDmZV,CC/bI,MA4CM,iFDsZV,CClcI,MA4CM,iFDyZV,CCrcI,MA4CM,iFD4ZV,CCxcI,OA4CM,mFD+ZV,CC3cI,MA4CM,kFDkaV,CC9cI,MA4CM,qFDqaV,CCjdI,MA4CM,oFDwaV,CCpdI,MA4CM,mFD2aV,CCvdI,MA4CM,oFD8aV,CC1dI,MA4CM,kFDibV,CC7dI,MA4CM,oFDobV,CCheI,MA4CM,kFDubV,CCneI,MA4CM,kFD0bV,CCteI,MA4CM,kFD6bV,CCzeI,OA4CM,oFDgcV,CC5eI,MA4CM,gFDmcV,CC/eI,MA4CM,mFDscV,CClfI,MA4CM,kFDycV,CCrfI,MA4CM,iFD4cV,CCxfI,MA4CM,kFD+cV,CC3fI,MA4CM,gFDkdV,CC9fI,MA4CM,kFDqdV,CCjgBI,MA4CM,gFDwdV,CCpgBI,MA4CM,gFD2dV,CCvgBI,MA4CM,gFD8dV,CC1gBI,OA4CM,kFDieV,CC7gBI,MA4CM,gFAAA,CAAA,iFDqeV,CCjhBI,MA4CM,mFAAA,CAAA,oFDyeV,CCrhBI,MA4CM,kFAAA,CAAA,mFD6eV,CCzhBI,MA4CM,iFAAA,CAAA,kFDifV,CC7hBI,MA4CM,kFAAA,CAAA,mFDqfV,CCjiBI,MA4CM,gFAAA,CAAA,iFDyfV,CCriBI,MA4CM,kFAAA,CAAA,mFD6fV,CCziBI,MA4CM,gFAAA,CAAA,iFDigBV,CC7iBI,MA4CM,gFAAA,CAAA,iFDqgBV,CCjjBI,MA4CM,gFAAA,CAAA,iFDygBV,CCrjBI,OA4CM,kFAAA,CAAA,mFD6gBV,CCzjBI,MA4CM,kFAAA,CAAA,+EDihBV,CC7jBI,MA4CM,qFAAA,CAAA,kFDqhBV,CCjkBI,MA4CM,oFAAA,CAAA,iFDyhBV,CCrkBI,MA4CM,mFAAA,CAAA,gFD6hBV,CCzkBI,MA4CM,oFAAA,CAAA,iFDiiBV,CC7kBI,MA4CM,kFAAA,CAAA,+EDqiBV,CCjlBI,MA4CM,oFAAA,CAAA,iFDyiBV,CCrlBI,MA4CM,kFAAA,CAAA,+ED6iBV,CCzlBI,MA4CM,kFAAA,CAAA,+EDijBV,CC7lBI,MA4CM,kFAAA,CAAA,+EDqjBV,CCjmBI,OA4CM,oFAAA,CAAA,iFDyjBV,CCrmBI,OA4CM,uFD4jBV,CCxmBI,OA4CM,0FD+jBV,CC3mBI,OA4CM,yFDkkBV,CC9mBI,OA4CM,wFDqkBV,CCjnBI,OA4CM,yFDwkBV,CCpnBI,OA4CM,uFD2kBV,CCvnBI,OA4CM,yFD8kBV,CC1nBI,OA4CM,uFDilBV,CC7nBI,OA4CM,uFDolBV,CChoBI,OA4CM,uFDulBV,CCnoBI,QA4CM,yFD0lBV,CCtoBI,OA4CM,qFD6lBV,CCzoBI,OA4CM,wFDgmBV,CC5oBI,OA4CM,uFDmmBV,CC/oBI,OA4CM,sFDsmBV,CClpBI,OA4CM,uFDymBV,CCrpBI,OA4CM,qFD4mBV,CCxpBI,OA4CM,uFD+mBV,CC3pBI,OA4CM,qFDknBV,CC9pBI,OA4CM,qFDqnBV,CCjqBI,OA4CM,qFDwnBV,CCpqBI,QA4CM,uFD2nBV,CCvqBI,QA4CM,qFAAA,CAAA,uFD+nBV,CC3qBI,QA4CM,wFAAA,CAAA,0FDmoBV,CC/qBI,QA4CM,uFAAA,CAAA,yFDuoBV,CCnrBI,QA4CM,sFAAA,CAAA,wFD2oBV,CCvrBI,QA4CM,uFAAA,CAAA,yFD+oBV,CC3rBI,QA4CM,qFAAA,CAAA,uFDmpBV,CC/rBI,QA4CM,uFAAA,CAAA,yFDupBV,CCnsBI,QA4CM,qFAAA,CAAA,uFD2pBV,CCvsBI,QA4CM,qFAAA,CAAA,uFD+pBV,CC3sBI,QA4CM,qFAAA,CAAA,uFDmqBV,CC/sBI,SA4CM,uFAAA,CAAA,yFDuqBV,CCntBI,OA4CM,wFD0qBV,CCttBI,OA4CM,2FD6qBV,CCztBI,OA4CM,0FDgrBV,CC5tBI,OA4CM,yFDmrBV,CC/tBI,OA4CM,0FDsrBV,CCluBI,OA4CM,wFDyrBV,CCruBI,OA4CM,0FD4rBV,CCxuBI,OA4CM,wFD+rBV,CC3uBI,OA4CM,wFDksBV,CC9uBI,OA4CM,wFDqsBV,CCjvBI,QA4CM,0FDwsBV,CCpvBI,OA4CM,sFD2sBV,CCvvBI,OA4CM,yFD8sBV,CC1vBI,OA4CM,wFDitBV,CC7vBI,OA4CM,uFDotBV,CChwBI,OA4CM,wFDutBV,CCnwBI,OA4CM,sFD0tBV,CCtwBI,OA4CM,wFD6tBV,CCzwBI,OA4CM,sFDguBV,CC5wBI,OA4CM,sFDmuBV,CC/wBI,OA4CM,sFDsuBV,CClxBI,QA4CM,wFDyuBV,CCrxBI,QA4CM,sFAAA,CAAA,wFD6uBV,CCzxBI,QA4CM,yFAAA,CAAA,2FDivBV,CC7xBI,QA4CM,wFAAA,CAAA,0FDqvBV,CCjyBI,QA4CM,uFAAA,CAAA,yFDyvBV,CCryBI,QA4CM,wFAAA,CAAA,0FD6vBV,CCzyBI,QA4CM,sFAAA,CAAA,wFDiwBV,CC7yBI,QA4CM,wFAAA,CAAA,0FDqwBV,CCjzBI,QA4CM,sFAAA,CAAA,wFDywBV,CCrzBI,QA4CM,sFAAA,CAAA,wFD6wBV,CCzzBI,QA4CM,sFAAA,CAAA,wFDixBV,CC7zBI,SA4CM,wFAAA,CAAA,0FDqxBV,CCj0BI,KA4CM,0EDwxBV,CCp0BI,KA4CM,6ED2xBV,CCv0BI,KA4CM,4ED8xBV,CC10BI,KA4CM,2EDiyBV,CC70BI,KA4CM,4EDoyBV,CCh1BI,KA4CM,0EDuyBV,CCn1BI,KA4CM,4ED0yBV,CCt1BI,KA4CM,0ED6yBV,CCz1BI,KA4CM,0EDgzBV,CC51BI,KA4CM,0EDmzBV,CC/1BI,MA4CM,4EDszBV,CCl2BI,MA4CM,8EDyzBV,CCr2BI,MA4CM,iFD4zBV,CCx2BI,MA4CM,gFD+zBV,CC32BI,MA4CM,+EDk0BV,CC92BI,MA4CM,gFDq0BV,CCj3BI,MA4CM,8EDw0BV,CCp3BI,MA4CM,gFD20BV,CCv3BI,MA4CM,8ED80BV,CC13BI,MA4CM,8EDi1BV,CC73BI,MA4CM,8EDo1BV,CCh4BI,OA4CM,gFDu1BV,CCn4BI,MA4CM,gFD01BV,CCt4BI,MA4CM,mFD61BV,CCz4BI,MA4CM,kFDg2BV,CC54BI,MA4CM,iFDm2BV,CC/4BI,MA4CM,kFDs2BV,CCl5BI,MA4CM,gFDy2BV,CCr5BI,MA4CM,kFD42BV,CCx5BI,MA4CM,gFD+2BV,CC35BI,MA4CM,gFDk3BV,CC95BI,MA4CM,gFDq3BV,CCj6BI,OA4CM,kFDw3BV,CCp6BI,MA4CM,iFD23BV,CCv6BI,MA4CM,oFD83BV,CC16BI,MA4CM,mFDi4BV,CC76BI,MA4CM,kFDo4BV,CCh7BI,MA4CM,mFDu4BV,CCn7BI,MA4CM,iFD04BV,CCt7BI,MA4CM,mFD64BV,CCz7BI,MA4CM,iFDg5BV,CC57BI,MA4CM,iFDm5BV,CC/7BI,MA4CM,iFDs5BV,CCl8BI,OA4CM,mFDy5BV,CCr8BI,MA4CM,+ED45BV,CCx8BI,MA4CM,kFD+5BV,CC38BI,MA4CM,iFDk6BV,CC98BI,MA4CM,gFDq6BV,CCj9BI,MA4CM,iFDw6BV,CCp9BI,MA4CM,+ED26BV,CCv9BI,MA4CM,iFD86BV,CC19BI,MA4CM,+EDi7BV,CC79BI,MA4CM,+EDo7BV,CCh+BI,MA4CM,+EDu7BV,CCn+BI,OA4CM,iFD07BV,CCt+BI,MA4CM,+EAAA,CAAA,gFD87BV,CC1+BI,MA4CM,kFAAA,CAAA,mFDk8BV,CC9+BI,MA4CM,iFAAA,CAAA,kFDs8BV,CCl/BI,MA4CM,gFAAA,CAAA,iFD08BV,CCt/BI,MA4CM,iFAAA,CAAA,kFD88BV,CC1/BI,MA4CM,+EAAA,CAAA,gFDk9BV,CC9/BI,MA4CM,iFAAA,CAAA,kFDs9BV,CClgCI,MA4CM,+EAAA,CAAA,gFD09BV,CCtgCI,MA4CM,+EAAA,CAAA,gFD89BV,CC1gCI,MA4CM,+EAAA,CAAA,gFDk+BV,CC9gCI,OA4CM,iFAAA,CAAA,kFDs+BV,CClhCI,MA4CM,iFAAA,CAAA,8ED0+BV,CCthCI,MA4CM,oFAAA,CAAA,iFD8+BV,CC1hCI,MA4CM,mFAAA,CAAA,gFDk/BV,CC9hCI,MA4CM,kFAAA,CAAA,+EDs/BV,CCliCI,MA4CM,mFAAA,CAAA,gFD0/BV,CCtiCI,MA4CM,iFAAA,CAAA,8ED8/BV,CC1iCI,MA4CM,mFAAA,CAAA,gFDkgCV,CC9iCI,MA4CM,iFAAA,CAAA,8EDsgCV,CCljCI,MA4CM,iFAAA,CAAA,8ED0gCV,CCtjCI,MA4CM,iFAAA,CAAA,8ED8gCV,CC1jCI,OA4CM,mFAAA,CAAA,gFDkhCV,CC9jCI,OA4CM,sFDqhCV,CCjkCI,OA4CM,yFDwhCV,CCpkCI,OA4CM,wFD2hCV,CCvkCI,OA4CM,uFD8hCV,CC1kCI,OA4CM,wFDiiCV,CC7kCI,OA4CM,sFDoiCV,CChlCI,OA4CM,wFDuiCV,CCnlCI,OA4CM,sFD0iCV,CCtlCI,OA4CM,sFD6iCV,CCzlCI,OA4CM,sFDgjCV,CC5lCI,QA4CM,wFDmjCV,CC/lCI,OA4CM,oFDsjCV,CClmCI,OA4CM,uFDyjCV,CCrmCI,OA4CM,sFD4jCV,CCxmCI,OA4CM,qFD+jCV,CC3mCI,OA4CM,sFDkkCV,CC9mCI,OA4CM,oFDqkCV,CCjnCI,OA4CM,sFDwkCV,CCpnCI,OA4CM,oFD2kCV,CCvnCI,OA4CM,oFD8kCV,CC1nCI,OA4CM,oFDilCV,CC7nCI,QA4CM,sFDolCV,CChoCI,QA4CM,oFAAA,CAAA,sFDwlCV,CCpoCI,QA4CM,uFAAA,CAAA,yFD4lCV,CCxoCI,QA4CM,sFAAA,CAAA,wFDgmCV,CC5oCI,QA4CM,qFAAA,CAAA,uFDomCV,CChpCI,QA4CM,sFAAA,CAAA,wFDwmCV,CCppCI,QA4CM,oFAAA,CAAA,sFD4mCV,CCxpCI,QA4CM,sFAAA,CAAA,wFDgnCV,CC5pCI,QA4CM,oFAAA,CAAA,sFDonCV,CChqCI,QA4CM,oFAAA,CAAA,sFDwnCV,CCpqCI,QA4CM,oFAAA,CAAA,sFD4nCV,CCxqCI,SA4CM,sFAAA,CAAA,wFDgoCV,CC5qCI,OA4CM,uFDmoCV,CC/qCI,OA4CM,0FDsoCV,CClrCI,OA4CM,yFDyoCV,CCrrCI,OA4CM,wFD4oCV,CCxrCI,OA4CM,yFD+oCV,CC3rCI,OA4CM,uFDkpCV,CC9rCI,OA4CM,yFDqpCV,CCjsCI,OA4CM,uFDwpCV,CCpsCI,OA4CM,uFD2pCV,CCvsCI,OA4CM,uFD8pCV,CC1sCI,QA4CM,yFDiqCV,CC7sCI,OA4CM,qFDoqCV,CChtCI,OA4CM,wFDuqCV,CCntCI,OA4CM,uFD0qCV,CCttCI,OA4CM,sFD6qCV,CCztCI,OA4CM,uFDgrCV,CC5tCI,OA4CM,qFDmrCV,CC/tCI,OA4CM,uFDsrCV,CCluCI,OA4CM,qFDyrCV,CCruCI,OA4CM,qFD4rCV,CCxuCI,OA4CM,qFD+rCV,CC3uCI,QA4CM,uFDksCV,CC9uCI,QA4CM,qFAAA,CAAA,uFDssCV,CClvCI,QA4CM,wFAAA,CAAA,0FD0sCV,CCtvCI,QA4CM,uFAAA,CAAA,yFD8sCV,CC1vCI,QA4CM,sFAAA,CAAA,wFDktCV,CC9vCI,QA4CM,uFAAA,CAAA,yFDstCV,CClwCI,QA4CM,qFAAA,CAAA,uFD0tCV,CCtwCI,QA4CM,uFAAA,CAAA,yFD8tCV,CC1wCI,QA4CM,qFAAA,CAAA,uFDkuCV,CC9wCI,QA4CM,qFAAA,CAAA,uFDsuCV,CClxCI,QA4CM,qFAAA,CAAA,uFD0uCV,CCtxCI,SA4CM,uFAAA,CAAA,yFD8uCV,CE9xCE,SACE,kFFmyCJ,CEpyCE,SACE,kFFsyCJ,CEvyCE,WACE,iFFyyCJ,CE1yCE,SACE,iFF4yCJ,CE7yCE,SACE,kFF+yCJ,CEhzCE,UACE,oFFkzCJ,CEnzCE,UACE,oFFqzCJ,CEtzCE,UACE,oFFwzCJ,CEzzCE,UACE,oFF2zCJ,CEvzCA,gBAEE,gJAAA,CACA,6HAAA,CACA,wHAAA,CAHA,iHF4zCF,CEtzCA,YAEE,gHAAA,CACA,yHAAA,CACA,qFAAA,CAHA,6GF2zCF,CErzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LF2zCF,CEpzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LF0zCF,CEnzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFyzCF,CElzCA,SAEE,8MAAA,CACA,+GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFwzCF,CEjzCA,SAEE,8MAAA,CACA,6GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFuzCF,CEhzCA,SAEE,8MAAA,CACA,4GAAA,CACA,sJAAA,CACA,oHAAA,CAJA,+LFszCF,CE7yCE,YACE,yDF+yCJ,CEhzCE,aACE,0DFkzCJ,CEnzCE,WACE,wDFqzCJ,CEhzCA,aACE,2BFkzCF,CE/yCA,iBACE,2BFizCF,CAvuCF,CF1JI,wBE+xCJ,CF/xCI,wBEk4CJ","file":"utilities.css"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
// Default values for Graupl.
|
|
2
|
-
//
|
|
3
|
-
// Generally, these should not be used directly when styling components.
|
|
4
|
-
// They are mainly used to provide default fallbacks for custom properties
|
|
5
|
-
// which can be found in the `variables.scss` file.
|
|
6
|
-
|
|
7
|
-
@use "sass:map";
|
|
8
|
-
|
|
9
|
-
$button-hover-transform: none !default;
|
|
10
|
-
$button-hover-transform-reduced-motion: none !default;
|
|
11
|
-
$button-active-transform: scale(0.95) !default;
|
|
12
|
-
$button-active-transform-reduced-motion: scale(0.98) !default;
|
|
13
|
-
|
|
14
|
-
// Button state theme defaults.
|
|
15
|
-
// This map is used to define the default colour shades for the
|
|
16
|
-
// themed button components.
|
|
17
|
-
//
|
|
18
|
-
// e.g.
|
|
19
|
-
// Primary buttons will use primary--900 as the text colour, primary--100 as the background
|
|
20
|
-
// and primary--900 as the border colour.
|
|
21
|
-
//
|
|
22
|
-
// Secondary/tertiary buttons will use the same shade for their respective colours.
|
|
23
|
-
$base-button-state-theme-map: (
|
|
24
|
-
color: 900,
|
|
25
|
-
border-color: 700,
|
|
26
|
-
hover-color: 100,
|
|
27
|
-
hover-background: 700,
|
|
28
|
-
hover-border-color: 700,
|
|
29
|
-
active-color: 100,
|
|
30
|
-
active-background: 700,
|
|
31
|
-
active-border-color: 700,
|
|
32
|
-
disabled-color: 200,
|
|
33
|
-
disabled-border-color: 200,
|
|
34
|
-
);
|
|
35
|
-
$custom-button-state-theme-map: () !default;
|
|
36
|
-
$button-state-theme-map: map.merge(
|
|
37
|
-
$base-button-state-theme-map,
|
|
38
|
-
$custom-button-state-theme-map
|
|
39
|
-
);
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
// Graupl Button Component.
|
|
2
|
-
|
|
3
|
-
@use "defaults";
|
|
4
|
-
@use "../../defaults" as root-defaults;
|
|
5
|
-
@use "../../theme/color/variables" as color;
|
|
6
|
-
@use "variables" as *;
|
|
7
|
-
@use "../../mixins/layer" as *;
|
|
8
|
-
@use "../../mixins/media-queries" as *;
|
|
9
|
-
@use "sass:map";
|
|
10
|
-
|
|
11
|
-
@include layer(component) {
|
|
12
|
-
.button {
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
justify-content: center;
|
|
16
|
-
min-width: $button-min-width;
|
|
17
|
-
min-height: $button-min-height;
|
|
18
|
-
padding: $button-padding;
|
|
19
|
-
transition: $button-transition;
|
|
20
|
-
border-width: $button-border-width;
|
|
21
|
-
border-style: $button-border-style;
|
|
22
|
-
border-radius: $button-border-radius;
|
|
23
|
-
font-size: $button-font-size;
|
|
24
|
-
cursor: pointer;
|
|
25
|
-
|
|
26
|
-
&:hover {
|
|
27
|
-
transform: $button-hover-transform;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&:active {
|
|
31
|
-
transform: $button-active-transform;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&:disabled {
|
|
35
|
-
cursor: not-allowed;
|
|
36
|
-
|
|
37
|
-
&:hover,
|
|
38
|
-
&:active {
|
|
39
|
-
transform: none;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
@include animation-off {
|
|
45
|
-
.button {
|
|
46
|
-
transition: $button-transition-reduced-motion;
|
|
47
|
-
|
|
48
|
-
&:hover {
|
|
49
|
-
transform: $button-hover-transform-reduced-motion;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
&:active {
|
|
53
|
-
transform: $button-active-transform-reduced-motion;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
@include layer(theme) {
|
|
60
|
-
.button {
|
|
61
|
-
border-color: $button-border-color;
|
|
62
|
-
background: $button-background;
|
|
63
|
-
color: $button-color;
|
|
64
|
-
|
|
65
|
-
&:hover {
|
|
66
|
-
border-color: $button-hover-border-color;
|
|
67
|
-
background: $button-hover-background;
|
|
68
|
-
color: $button-hover-color;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
&:active {
|
|
72
|
-
border-color: $button-active-border-color;
|
|
73
|
-
background: $button-active-background;
|
|
74
|
-
color: $button-active-color;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
&:disabled {
|
|
78
|
-
border-color: $button-disabled-border-color;
|
|
79
|
-
background: $button-disabled-background;
|
|
80
|
-
color: $button-disabled-color;
|
|
81
|
-
|
|
82
|
-
&:hover,
|
|
83
|
-
&:active {
|
|
84
|
-
border-color: $button-disabled-border-color;
|
|
85
|
-
background: $button-disabled-background;
|
|
86
|
-
color: $button-disabled-color;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
@each $color, $map in color.$theme-active {
|
|
91
|
-
&.#{$color} {
|
|
92
|
-
@each $prop, $shade in defaults.$button-state-theme-map {
|
|
93
|
-
--#{root-defaults.$prefix}-button-#{$prop}: #{map.get($map, $shade)};
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
// Default values for Graupl.
|
|
2
|
-
//
|
|
3
|
-
// Generally, these should not be used directly when styling components.
|
|
4
|
-
// They are mainly used to provide default fallbacks for custom properties
|
|
5
|
-
// which can be found in the `variables.scss` file.
|
|
6
|
-
|
|
7
|
-
@use "sass:map";
|
|
8
|
-
|
|
9
|
-
// Table theme defaults.
|
|
10
|
-
// This map is used to define the default colour shades for the
|
|
11
|
-
// themed table components.
|
|
12
|
-
//
|
|
13
|
-
// e.g.
|
|
14
|
-
// Primary tables will use primary--700 as the header background,
|
|
15
|
-
// and primary--100 as the header text colour.
|
|
16
|
-
//
|
|
17
|
-
// Secondary/tertiary tables will use the same shade for their respective colours.
|
|
18
|
-
$base-table-theme-map: (
|
|
19
|
-
header-background: 700,
|
|
20
|
-
header-color: 100,
|
|
21
|
-
striped-background: 200,
|
|
22
|
-
striped-color: 900,
|
|
23
|
-
hover-background: 300,
|
|
24
|
-
hover-color: 900,
|
|
25
|
-
border-color: 900,
|
|
26
|
-
highlight-background: 500,
|
|
27
|
-
highlight-color: 100,
|
|
28
|
-
);
|
|
29
|
-
$custom-table-theme-map: () !default;
|
|
30
|
-
$table-theme-map: map.merge($base-table-theme-map, $custom-table-theme-map);
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
// Table component styles.
|
|
2
|
-
|
|
3
|
-
@use "variables" as *;
|
|
4
|
-
@use "defaults";
|
|
5
|
-
@use "../../mixins/layer" as *;
|
|
6
|
-
@use "../../defaults" as root-defaults;
|
|
7
|
-
@use "../../functions/theme";
|
|
8
|
-
|
|
9
|
-
@include layer(component) {
|
|
10
|
-
table {
|
|
11
|
-
@each $variant in theme.variants() {
|
|
12
|
-
&.#{$variant},
|
|
13
|
-
.#{$variant} {
|
|
14
|
-
@each $prop, $key in defaults.$table-theme-map {
|
|
15
|
-
--#{root-defaults.$prefix}-table-#{$prop}: #{theme.get(
|
|
16
|
-
$variant,
|
|
17
|
-
$key
|
|
18
|
-
)};
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
&.bordered {
|
|
24
|
-
border-collapse: collapse;
|
|
25
|
-
border-width: $table-border-width;
|
|
26
|
-
border-style: $table-border-style;
|
|
27
|
-
border-color: $table-border-color;
|
|
28
|
-
|
|
29
|
-
tr > * {
|
|
30
|
-
border-width: $table-cell-border-width;
|
|
31
|
-
border-style: $table-cell-border-style;
|
|
32
|
-
border-color: $table-cell-border-color;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
&.striped-columns {
|
|
37
|
-
tbody tr:nth-child(odd) > * {
|
|
38
|
-
background: $table-striped-background;
|
|
39
|
-
color: $table-striped-color;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
&.striped-rows {
|
|
44
|
-
tbody tr > :nth-child(odd) {
|
|
45
|
-
background: $table-striped-background;
|
|
46
|
-
color: $table-striped-color;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&.hoverable {
|
|
51
|
-
tbody tr:hover > * {
|
|
52
|
-
background: $table-hover-background;
|
|
53
|
-
color: $table-hover-color;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.highlight {
|
|
58
|
-
--#{root-defaults.$prefix}-table-cell-background: #{$table-highlight-background};
|
|
59
|
-
--#{root-defaults.$prefix}-table-cell-color: #{$table-highlight-color};
|
|
60
|
-
--#{root-defaults.$prefix}-table-header-background: #{$table-highlight-background};
|
|
61
|
-
--#{root-defaults.$prefix}-table-header-color: #{$table-highlight-color};
|
|
62
|
-
--#{root-defaults.$prefix}-table-striped-background: #{$table-highlight-background};
|
|
63
|
-
--#{root-defaults.$prefix}-table-striped-color: #{$table-highlight-color};
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.responsive-table {
|
|
68
|
-
display: block;
|
|
69
|
-
width: 100%;
|
|
70
|
-
overflow: scroll hidden;
|
|
71
|
-
|
|
72
|
-
table {
|
|
73
|
-
width: 100%;
|
|
74
|
-
margin-bottom: 0;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
// Variables referencing custom properties.
|
|
2
|
-
|
|
3
|
-
@use "defaults";
|
|
4
|
-
@use "../../defaults" as root-defaults;
|
|
5
|
-
@use "../../variables" as root-variables;
|
|
6
|
-
@use "../../functions/theme";
|
|
7
|
-
|
|
8
|
-
// Table border properties.
|
|
9
|
-
$table-border-width: var(
|
|
10
|
-
--#{root-defaults.$prefix}-table-border-width,
|
|
11
|
-
#{root-variables.$border-width}
|
|
12
|
-
);
|
|
13
|
-
$table-border-style: var(
|
|
14
|
-
--#{root-defaults.$prefix}-table-border-style,
|
|
15
|
-
#{root-variables.$border-style}
|
|
16
|
-
);
|
|
17
|
-
$table-border-color: var(
|
|
18
|
-
--#{root-defaults.$prefix}-table-border-color,
|
|
19
|
-
#{theme.get(primary, 900)}
|
|
20
|
-
);
|
|
21
|
-
|
|
22
|
-
// Table cell border properties.
|
|
23
|
-
$table-cell-border-width: var(
|
|
24
|
-
--#{root-defaults.$prefix}-table-cell-border-width,
|
|
25
|
-
#{$table-border-width}
|
|
26
|
-
);
|
|
27
|
-
$table-cell-border-style: var(
|
|
28
|
-
--#{root-defaults.$prefix}-table-cell-border-style,
|
|
29
|
-
#{$table-border-style}
|
|
30
|
-
);
|
|
31
|
-
$table-cell-border-color: var(
|
|
32
|
-
--#{root-defaults.$prefix}-table-cell-border-color,
|
|
33
|
-
#{$table-border-color}
|
|
34
|
-
);
|
|
35
|
-
|
|
36
|
-
// Table striped properties.
|
|
37
|
-
$table-striped-background: var(
|
|
38
|
-
--#{root-defaults.$prefix}-table-striped-background,
|
|
39
|
-
#{theme.get(secondary, 200)}
|
|
40
|
-
);
|
|
41
|
-
$table-striped-color: var(
|
|
42
|
-
--#{root-defaults.$prefix}-table-striped-color,
|
|
43
|
-
#{theme.get(secondary, 900)}
|
|
44
|
-
);
|
|
45
|
-
|
|
46
|
-
// Table hover properties.
|
|
47
|
-
$table-hover-background: var(
|
|
48
|
-
--#{root-defaults.$prefix}-table-hover-background,
|
|
49
|
-
#{theme.get(secondary, 300)}
|
|
50
|
-
);
|
|
51
|
-
$table-hover-color: var(
|
|
52
|
-
--#{root-defaults.$prefix}-table-hover-color,
|
|
53
|
-
#{theme.get(secondary, 900)}
|
|
54
|
-
);
|
|
55
|
-
|
|
56
|
-
// Table highlight properties.
|
|
57
|
-
$table-highlight-background: var(
|
|
58
|
-
--#{root-defaults.$prefix}-table-highlight-background,
|
|
59
|
-
#{theme.get(secondary, 500)}
|
|
60
|
-
);
|
|
61
|
-
$table-highlight-color: var(
|
|
62
|
-
--#{root-defaults.$prefix}-table-highlight-color,
|
|
63
|
-
#{theme.get(secondary, 100)}
|
|
64
|
-
);
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Media query mixins.
|
|
2
|
-
|
|
3
|
-
@use "../defaults" as root-defaults;
|
|
4
|
-
@use "sass:map";
|
|
5
|
-
|
|
6
|
-
// A media query for targetting users who have not requested reduced motion.
|
|
7
|
-
@mixin animation-on {
|
|
8
|
-
@media (prefers-reduced-motion: no-preference) {
|
|
9
|
-
@content;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
// A media query for targetting users who have requested reduced motion.
|
|
14
|
-
@mixin animation-off {
|
|
15
|
-
@media (prefers-reduced-motion: reduce) {
|
|
16
|
-
@content;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@mixin screen($size) {
|
|
21
|
-
$screen-size: map.get(root-defaults.$screen-sizes, $size);
|
|
22
|
-
|
|
23
|
-
@media screen and #{$screen-size} {
|
|
24
|
-
@content;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
// Graupl color utilities.
|
|
2
|
-
|
|
3
|
-
@use "variables" as *;
|
|
4
|
-
@use "../../mixins/layer" as *;
|
|
5
|
-
@use "../../functions/important";
|
|
6
|
-
@use "../../theme/color/variables" as color;
|
|
7
|
-
|
|
8
|
-
@include layer(utilities) {
|
|
9
|
-
@each $color, $map in color.$theme-active {
|
|
10
|
-
@each $shade, $value in $map {
|
|
11
|
-
$name: #{$color}-#{$shade};
|
|
12
|
-
|
|
13
|
-
.bg-#{$name} {
|
|
14
|
-
background: important.insert($value);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.text-#{$name} {
|
|
18
|
-
color: important.insert($value);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
File without changes
|