@graupl/graupl 1.0.0-beta.1 → 1.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.devcontainer/devcontainer.json +221 -0
- package/.env +3 -0
- package/.github/workflows/docs.yml +13 -6
- package/.github/workflows/prerelease.yml +125 -0
- package/.github/workflows/release.yml +111 -0
- package/.github/workflows/test.yml +54 -3
- package/.versionrc.cjs +12 -0
- package/.vscode/settings.json +10 -0
- package/CHANGELOG.md +196 -1
- package/build.js +4 -2
- package/combine-at-rules.cjs +61 -0
- package/container/.env +26 -0
- package/container/build/app.dockerfile +41 -0
- package/container/docker-compose.yml +27 -0
- package/dist/css/base/button.css +1 -1
- package/dist/css/base/button.css.map +1 -1
- package/dist/css/base/form.css +1 -1
- package/dist/css/base/form.css.map +1 -1
- package/dist/css/base/link.css +1 -1
- package/dist/css/base/link.css.map +1 -1
- package/dist/css/base/table.css +1 -1
- package/dist/css/base/table.css.map +1 -1
- package/dist/css/base.css +1 -1
- package/dist/css/base.css.map +1 -1
- package/dist/css/component/accordion.css +4 -1
- package/dist/css/component/accordion.css.map +1 -1
- package/dist/css/component/alert.css +1 -1
- package/dist/css/component/alert.css.map +1 -1
- package/dist/css/component/card.css +1 -1
- package/dist/css/component/card.css.map +1 -1
- package/dist/css/component/carousel.css +1 -1
- package/dist/css/component/carousel.css.map +1 -1
- package/dist/css/component/input-group.css +1 -1
- package/dist/css/component/input-group.css.map +1 -1
- package/dist/css/component/list.css +2 -0
- package/dist/css/component/list.css.map +1 -0
- package/dist/css/component/menu.css +1 -1
- package/dist/css/component/menu.css.map +1 -1
- package/dist/css/component/navigation.css +1 -1
- package/dist/css/component/navigation.css.map +1 -1
- package/dist/css/component.css +4 -1
- package/dist/css/component.css.map +1 -1
- package/dist/css/graupl.css +4 -1
- package/dist/css/graupl.css.map +1 -1
- package/dist/css/init.css.map +1 -1
- package/dist/css/layout/columns.css +1 -1
- package/dist/css/layout/columns.css.map +1 -1
- package/dist/css/layout/container.css +1 -1
- package/dist/css/layout/container.css.map +1 -1
- package/dist/css/layout/flex-columns.css +1 -1
- package/dist/css/layout/flex-columns.css.map +1 -1
- package/dist/css/layout.css +4 -1
- package/dist/css/layout.css.map +1 -1
- package/dist/css/normalize.css +1 -1
- package/dist/css/normalize.css.map +1 -1
- package/dist/css/state/focus.css +1 -1
- package/dist/css/state/focus.css.map +1 -1
- package/dist/css/state.css +1 -1
- package/dist/css/state.css.map +1 -1
- package/dist/css/theme/color.css +1 -1
- package/dist/css/theme/color.css.map +1 -1
- package/dist/css/theme/typography.css +1 -1
- package/dist/css/theme/typography.css.map +1 -1
- package/dist/css/theme.css +1 -1
- package/dist/css/theme.css.map +1 -1
- package/dist/css/utilities/alignment.css +1 -1
- package/dist/css/utilities/alignment.css.map +1 -1
- package/dist/css/utilities/background.css +2 -0
- package/dist/css/utilities/background.css.map +1 -0
- package/dist/css/utilities/border.css +2 -0
- package/dist/css/utilities/border.css.map +1 -0
- package/dist/css/utilities/color.css +1 -1
- package/dist/css/utilities/color.css.map +1 -1
- package/dist/css/utilities/container.css +2 -0
- package/dist/css/utilities/container.css.map +1 -0
- package/dist/css/utilities/display.css +1 -1
- package/dist/css/utilities/display.css.map +1 -1
- package/dist/css/utilities/flex.css +1 -1
- package/dist/css/utilities/flex.css.map +1 -1
- package/dist/css/utilities/gradient.css +2 -0
- package/dist/css/utilities/gradient.css.map +1 -0
- package/dist/css/utilities/height.css +1 -1
- package/dist/css/utilities/height.css.map +1 -1
- package/dist/css/utilities/inset.css +1 -1
- package/dist/css/utilities/inset.css.map +1 -1
- package/dist/css/utilities/justification.css +1 -1
- package/dist/css/utilities/justification.css.map +1 -1
- package/dist/css/utilities/list.css +1 -1
- package/dist/css/utilities/list.css.map +1 -1
- package/dist/css/utilities/order.css +1 -1
- package/dist/css/utilities/order.css.map +1 -1
- package/dist/css/utilities/position.css +2 -0
- package/dist/css/utilities/position.css.map +1 -0
- package/dist/css/utilities/ratio.css +1 -1
- package/dist/css/utilities/ratio.css.map +1 -1
- package/dist/css/utilities/spacing.css +1 -1
- package/dist/css/utilities/spacing.css.map +1 -1
- package/dist/css/utilities/typography.css +1 -1
- package/dist/css/utilities/typography.css.map +1 -1
- package/dist/css/utilities/visibility.css +1 -1
- package/dist/css/utilities/visibility.css.map +1 -1
- package/dist/css/utilities/visually-hidden.css +2 -0
- package/dist/css/utilities/visually-hidden.css.map +1 -0
- package/dist/css/utilities/width.css +1 -1
- package/dist/css/utilities/width.css.map +1 -1
- package/dist/css/utilities/z-index.css +2 -0
- package/dist/css/utilities/z-index.css.map +1 -0
- package/dist/css/utilities.css +1 -1
- package/dist/css/utilities.css.map +1 -1
- package/dist/js/graupl.cjs.js +5 -3
- package/dist/js/graupl.esm.js +1305 -206
- package/dist/js/graupl.iife.js +5 -3
- package/docs/.vitepress/config.js +31 -1
- package/docs/.vitepress/theme/custom.scss +16 -16
- package/docs/compiling-graupl.md +6 -5
- package/docs/utilities/alignment.md +411 -0
- package/docs/utilities/background.md +192 -0
- package/docs/utilities/border.md +268 -0
- package/docs/utilities/color.md +348 -0
- package/docs/utilities/container.md +3 -0
- package/docs/utilities/display.md +3 -0
- package/docs/utilities/flex.md +3 -0
- package/docs/utilities/gradient.md +3 -0
- package/docs/utilities/height.md +3 -0
- package/docs/utilities/inset.md +3 -0
- package/docs/utilities/justification.md +3 -0
- package/docs/utilities/list.md +3 -0
- package/docs/utilities/order.md +3 -0
- package/docs/utilities/position.md +3 -0
- package/docs/utilities/ratio.md +3 -0
- package/docs/utilities/responsive-classes.md +3 -0
- package/docs/utilities/spacing.md +3 -0
- package/docs/utilities/typography.md +3 -0
- package/docs/utilities/visibility.md +3 -0
- package/docs/utilities/visually-hidden.md +3 -0
- package/docs/utilities/width.md +3 -0
- package/docs/utilities/z-index.md +3 -0
- package/favicon.ico +0 -0
- package/index.html +418 -55
- package/logo.svg +296 -0
- package/package.json +33 -37
- package/packages/core/build.js +9 -0
- package/packages/core/dist/css/base/button.css +2 -0
- package/packages/core/dist/css/base/button.css.map +1 -0
- package/packages/core/dist/css/base/form.css +2 -0
- package/packages/core/dist/css/base/form.css.map +1 -0
- package/packages/core/dist/css/base/link.css +2 -0
- package/packages/core/dist/css/base/link.css.map +1 -0
- package/packages/core/dist/css/base/table.css +2 -0
- package/packages/core/dist/css/base/table.css.map +1 -0
- package/packages/core/dist/css/base.css +2 -0
- package/packages/core/dist/css/base.css.map +1 -0
- package/packages/core/dist/css/component/accordion.css +5 -0
- package/packages/core/dist/css/component/accordion.css.map +1 -0
- package/packages/core/dist/css/component/alert.css +2 -0
- package/packages/core/dist/css/component/alert.css.map +1 -0
- package/packages/core/dist/css/component/card.css +2 -0
- package/packages/core/dist/css/component/card.css.map +1 -0
- package/packages/core/dist/css/component/carousel.css +2 -0
- package/packages/core/dist/css/component/carousel.css.map +1 -0
- package/packages/core/dist/css/component/input-group.css +2 -0
- package/packages/core/dist/css/component/input-group.css.map +1 -0
- package/packages/core/dist/css/component/list.css +2 -0
- package/packages/core/dist/css/component/list.css.map +1 -0
- package/packages/core/dist/css/component/menu.css +2 -0
- package/packages/core/dist/css/component/menu.css.map +1 -0
- package/packages/core/dist/css/component/navigation.css +2 -0
- package/packages/core/dist/css/component/navigation.css.map +1 -0
- package/packages/core/dist/css/component.css +5 -0
- package/packages/core/dist/css/component.css.map +1 -0
- package/packages/core/dist/css/graupl.css +5 -0
- package/packages/core/dist/css/graupl.css.map +1 -0
- package/{src/scss/_init.scss → packages/core/dist/css/init.css} +1 -2
- package/packages/core/dist/css/init.css.map +1 -0
- package/packages/core/dist/css/layout/columns.css +2 -0
- package/packages/core/dist/css/layout/columns.css.map +1 -0
- package/packages/core/dist/css/layout/container.css +2 -0
- package/packages/core/dist/css/layout/container.css.map +1 -0
- package/packages/core/dist/css/layout/flex-columns.css +2 -0
- package/packages/core/dist/css/layout/flex-columns.css.map +1 -0
- package/packages/core/dist/css/layout.css +5 -0
- package/packages/core/dist/css/layout.css.map +1 -0
- package/packages/core/dist/css/normalize.css +2 -0
- package/packages/core/dist/css/normalize.css.map +1 -0
- package/packages/core/dist/css/state/focus.css +2 -0
- package/packages/core/dist/css/state/focus.css.map +1 -0
- package/packages/core/dist/css/state.css +2 -0
- package/packages/core/dist/css/state.css.map +1 -0
- package/packages/core/dist/css/theme/color.css +2 -0
- package/packages/core/dist/css/theme/color.css.map +1 -0
- package/packages/core/dist/css/theme/typography.css +2 -0
- package/packages/core/dist/css/theme/typography.css.map +1 -0
- package/packages/core/dist/css/theme.css +2 -0
- package/packages/core/dist/css/theme.css.map +1 -0
- package/packages/core/dist/css/utilities/alignment.css +2 -0
- package/packages/core/dist/css/utilities/alignment.css.map +1 -0
- package/packages/core/dist/css/utilities/background.css +2 -0
- package/packages/core/dist/css/utilities/background.css.map +1 -0
- package/packages/core/dist/css/utilities/border.css +2 -0
- package/packages/core/dist/css/utilities/border.css.map +1 -0
- package/packages/core/dist/css/utilities/color.css +2 -0
- package/packages/core/dist/css/utilities/color.css.map +1 -0
- package/packages/core/dist/css/utilities/container.css +2 -0
- package/packages/core/dist/css/utilities/container.css.map +1 -0
- package/packages/core/dist/css/utilities/display.css +2 -0
- package/packages/core/dist/css/utilities/display.css.map +1 -0
- package/packages/core/dist/css/utilities/flex.css +2 -0
- package/packages/core/dist/css/utilities/flex.css.map +1 -0
- package/packages/core/dist/css/utilities/gradient.css +2 -0
- package/packages/core/dist/css/utilities/gradient.css.map +1 -0
- package/packages/core/dist/css/utilities/height.css +2 -0
- package/packages/core/dist/css/utilities/height.css.map +1 -0
- package/packages/core/dist/css/utilities/inset.css +2 -0
- package/packages/core/dist/css/utilities/inset.css.map +1 -0
- package/packages/core/dist/css/utilities/justification.css +2 -0
- package/packages/core/dist/css/utilities/justification.css.map +1 -0
- package/packages/core/dist/css/utilities/list.css +2 -0
- package/packages/core/dist/css/utilities/list.css.map +1 -0
- package/packages/core/dist/css/utilities/order.css +2 -0
- package/packages/core/dist/css/utilities/order.css.map +1 -0
- package/packages/core/dist/css/utilities/position.css +2 -0
- package/packages/core/dist/css/utilities/position.css.map +1 -0
- package/packages/core/dist/css/utilities/ratio.css +2 -0
- package/packages/core/dist/css/utilities/ratio.css.map +1 -0
- package/packages/core/dist/css/utilities/spacing.css +2 -0
- package/packages/core/dist/css/utilities/spacing.css.map +1 -0
- package/packages/core/dist/css/utilities/typography.css +2 -0
- package/packages/core/dist/css/utilities/typography.css.map +1 -0
- package/packages/core/dist/css/utilities/visibility.css +2 -0
- package/packages/core/dist/css/utilities/visibility.css.map +1 -0
- package/packages/core/dist/css/utilities/visually-hidden.css +2 -0
- package/packages/core/dist/css/utilities/visually-hidden.css.map +1 -0
- package/packages/core/dist/css/utilities/width.css +2 -0
- package/packages/core/dist/css/utilities/width.css.map +1 -0
- package/packages/core/dist/css/utilities/z-index.css +2 -0
- package/packages/core/dist/css/utilities/z-index.css.map +1 -0
- package/packages/core/dist/css/utilities.css +2 -0
- package/packages/core/dist/css/utilities.css.map +1 -0
- package/packages/core/package.json +58 -0
- package/packages/core/scss/base/button.scss +3 -0
- package/packages/core/scss/base/form.scss +3 -0
- package/packages/core/scss/base/link.scss +3 -0
- package/packages/core/scss/base/table.scss +3 -0
- package/packages/core/scss/base.scss +3 -0
- package/packages/core/scss/component/accordion.scss +3 -0
- package/packages/core/scss/component/alert.scss +3 -0
- package/packages/core/scss/component/card.scss +3 -0
- package/packages/core/scss/component/carousel.scss +3 -0
- package/packages/core/scss/component/input-group.scss +3 -0
- package/packages/core/scss/component/list.scss +3 -0
- package/packages/core/scss/component/menu.scss +3 -0
- package/packages/core/scss/component/navigation.scss +3 -0
- package/packages/core/scss/component.scss +3 -0
- package/packages/core/scss/graupl.scss +3 -0
- package/packages/core/scss/init.scss +3 -0
- package/packages/core/scss/layout/columns.scss +3 -0
- package/packages/core/scss/layout/container.scss +3 -0
- package/packages/core/scss/layout/flex-columns.scss +3 -0
- package/packages/core/scss/layout.scss +3 -0
- package/packages/core/scss/normalize.scss +3 -0
- package/packages/core/scss/state/focus.scss +3 -0
- package/packages/core/scss/state.scss +3 -0
- package/packages/core/scss/theme/color.scss +3 -0
- package/packages/core/scss/theme/typography.scss +3 -0
- package/packages/core/scss/theme.scss +3 -0
- package/packages/core/scss/utilities/alignment.scss +3 -0
- package/packages/core/scss/utilities/background.scss +3 -0
- package/packages/core/scss/utilities/border.scss +3 -0
- package/packages/core/scss/utilities/color.scss +3 -0
- package/packages/core/scss/utilities/container.scss +3 -0
- package/packages/core/scss/utilities/display.scss +3 -0
- package/packages/core/scss/utilities/flex.scss +3 -0
- package/packages/core/scss/utilities/gradient.scss +3 -0
- package/packages/core/scss/utilities/height.scss +3 -0
- package/packages/core/scss/utilities/inset.scss +3 -0
- package/packages/core/scss/utilities/justification.scss +3 -0
- package/packages/core/scss/utilities/list.scss +3 -0
- package/packages/core/scss/utilities/order.scss +3 -0
- package/{scss/utilities/postion.scss → packages/core/scss/utilities/position.scss} +1 -1
- package/packages/core/scss/utilities/ratio.scss +3 -0
- package/packages/core/scss/utilities/spacing.scss +3 -0
- package/packages/core/scss/utilities/typography.scss +3 -0
- package/packages/core/scss/utilities/visibility.scss +3 -0
- package/packages/core/scss/utilities/visually-hidden.scss +3 -0
- package/packages/core/scss/utilities/width.scss +3 -0
- package/packages/core/scss/utilities/z-index.scss +3 -0
- package/packages/core/scss/utilities.scss +3 -0
- package/{src → packages/core/src}/scss/_defaults.scss +59 -11
- package/{src → packages/core/src}/scss/_index.scss +1 -1
- package/packages/core/src/scss/_init.scss +6 -0
- package/{src → packages/core/src}/scss/_normalize.scss +1 -1
- package/{src → packages/core/src}/scss/_variables.scss +43 -1
- package/{src → packages/core/src}/scss/base/_index.scss +1 -1
- package/{src → packages/core/src}/scss/base/button/_defaults.scss +13 -24
- package/packages/core/src/scss/base/button/_index.scss +206 -0
- package/packages/core/src/scss/base/button/_mixins.scss +104 -0
- package/{src → packages/core/src}/scss/base/button/_variables.scss +108 -32
- package/{src → packages/core/src}/scss/base/form/_defaults.scss +8 -1
- package/packages/core/src/scss/base/form/_index.scss +227 -0
- package/packages/core/src/scss/base/form/_variables.scss +245 -0
- package/packages/core/src/scss/base/link/_defaults.scss +35 -0
- package/packages/core/src/scss/base/link/_index.scss +245 -0
- package/{src → packages/core/src}/scss/base/link/_variables.scss +148 -40
- package/packages/core/src/scss/base/table/_defaults.scss +68 -0
- package/packages/core/src/scss/base/table/_index.scss +314 -0
- package/packages/core/src/scss/base/table/_variables.scss +309 -0
- package/{src → packages/core/src}/scss/component/_index.scss +2 -1
- package/{src → packages/core/src}/scss/component/accordion/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/accordion/_index.scss +73 -55
- package/{src → packages/core/src}/scss/component/accordion/_variables.scss +68 -28
- package/{src → packages/core/src}/scss/component/alert/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/alert/_index.scss +45 -44
- package/{src → packages/core/src}/scss/component/alert/_variables.scss +54 -24
- package/{src → packages/core/src}/scss/component/card/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/card/_index.scss +47 -13
- package/{src → packages/core/src}/scss/component/card/_variables.scss +54 -24
- package/{src → packages/core/src}/scss/component/carousel/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/carousel/_index.scss +29 -25
- package/{src → packages/core/src}/scss/component/carousel/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/component/input-group/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/component/input-group/_index.scss +2 -2
- package/{src → packages/core/src}/scss/component/input-group/_variables.scss +1 -1
- package/{src/scss/utilities/order → packages/core/src/scss/component/list}/_defaults.scss +7 -14
- package/packages/core/src/scss/component/list/_index.scss +52 -0
- package/packages/core/src/scss/component/list/_variables.scss +236 -0
- package/{src → packages/core/src}/scss/component/menu/_defaults.scss +11 -20
- package/{src → packages/core/src}/scss/component/menu/_index.scss +9 -6
- package/{src → packages/core/src}/scss/component/menu/_variables.scss +199 -57
- package/packages/core/src/scss/component/navigation/_defaults.scss +23 -0
- package/{src → packages/core/src}/scss/component/navigation/_index.scss +3 -2
- package/{src → packages/core/src}/scss/component/navigation/_variables.scss +79 -26
- package/packages/core/src/scss/functions/_container.scss +38 -0
- package/packages/core/src/scss/functions/_important.scss +36 -0
- package/{src → packages/core/src}/scss/functions/_screen.scss +9 -1
- package/{src → packages/core/src}/scss/functions/_theme.scss +2 -2
- package/packages/core/src/scss/functions/_utility.scss +28 -0
- package/{src → packages/core/src}/scss/layout/_index.scss +1 -1
- package/{src → packages/core/src}/scss/layout/columns/_defaults.scss +9 -4
- package/packages/core/src/scss/layout/columns/_index.scss +137 -0
- package/{src → packages/core/src}/scss/layout/columns/_variables.scss +6 -2
- package/packages/core/src/scss/layout/container/_defaults.scss +35 -0
- package/packages/core/src/scss/layout/container/_index.scss +628 -0
- package/packages/core/src/scss/layout/container/_variables.scss +114 -0
- package/packages/core/src/scss/layout/flex-columns/_defaults.scss +28 -0
- package/packages/core/src/scss/layout/flex-columns/_index.scss +184 -0
- package/{src → packages/core/src}/scss/layout/flex-columns/_variables.scss +5 -1
- package/{src → packages/core/src}/scss/mixins/_animation.scss +1 -1
- package/packages/core/src/scss/mixins/_container.scss +80 -0
- package/{src → packages/core/src}/scss/mixins/_layer.scss +6 -2
- package/{src → packages/core/src}/scss/mixins/_screen.scss +25 -4
- package/packages/core/src/scss/mixins/_state.scss +18 -0
- package/packages/core/src/scss/mixins/_theme.scss +15 -0
- package/packages/core/src/scss/mixins/_utility.scss +185 -0
- package/packages/core/src/scss/mixins/_visually-hidden.scss +30 -0
- package/packages/core/src/scss/state/_index.scss +3 -0
- package/{src → packages/core/src}/scss/state/focus/_defaults.scss +1 -2
- package/packages/core/src/scss/state/focus/_index.scss +42 -0
- package/packages/core/src/scss/state/focus/_mixins.scss +13 -0
- package/{src → packages/core/src}/scss/state/focus/_variables.scss +16 -10
- package/{src → packages/core/src}/scss/theme/_index.scss +1 -1
- package/{src → packages/core/src}/scss/theme/color/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/theme/color/_index.scss +5 -5
- package/{src → packages/core/src}/scss/theme/color/_variables.scss +5 -1
- package/{src → packages/core/src}/scss/theme/typography/_defaults.scss +1 -1
- package/{src → packages/core/src}/scss/theme/typography/_index.scss +10 -1
- package/{src → packages/core/src}/scss/theme/typography/_variables.scss +19 -2
- package/{src → packages/core/src}/scss/utilities/_index.scss +7 -1
- package/packages/core/src/scss/utilities/_template/_defaults.scss +41 -0
- package/packages/core/src/scss/utilities/_template/_index.scss +171 -0
- package/{src/scss/utilities/alignment → packages/core/src/scss/utilities/_template}/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/utilities/alignment/_defaults.scss +21 -7
- package/packages/core/src/scss/utilities/alignment/_index.scss +336 -0
- package/{src/scss/utilities/display → packages/core/src/scss/utilities/alignment}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/background/_defaults.scss +122 -0
- package/packages/core/src/scss/utilities/background/_index.scss +634 -0
- package/packages/core/src/scss/utilities/background/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/border/_defaults.scss +73 -0
- package/packages/core/src/scss/utilities/border/_index.scss +558 -0
- package/{src/scss/utilities/list → packages/core/src/scss/utilities/border}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/color/_defaults.scss +49 -0
- package/packages/core/src/scss/utilities/color/_index.scss +469 -0
- package/{src/scss/utilities/flex → packages/core/src/scss/utilities/color}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/container/_defaults.scss +40 -0
- package/packages/core/src/scss/utilities/container/_index.scss +174 -0
- package/packages/core/src/scss/utilities/container/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/display/_defaults.scss +47 -0
- package/packages/core/src/scss/utilities/display/_index.scss +184 -0
- package/{src/scss/utilities/inset → packages/core/src/scss/utilities/display}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/flex/_defaults.scss +99 -0
- package/packages/core/src/scss/utilities/flex/_index.scss +486 -0
- package/{src/scss/utilities/color → packages/core/src/scss/utilities/flex}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/gradient/_defaults.scss +70 -0
- package/packages/core/src/scss/utilities/gradient/_index.scss +696 -0
- package/packages/core/src/scss/utilities/gradient/_variables.scss +29 -0
- package/packages/core/src/scss/utilities/height/_defaults.scss +54 -0
- package/packages/core/src/scss/utilities/height/_index.scss +525 -0
- package/packages/core/src/scss/utilities/height/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/inset/_defaults.scss +55 -0
- package/packages/core/src/scss/utilities/inset/_index.scss +258 -0
- package/packages/core/src/scss/utilities/inset/_variables.scss +6 -0
- package/{src → packages/core/src}/scss/utilities/justification/_defaults.scss +21 -7
- package/packages/core/src/scss/utilities/justification/_index.scss +333 -0
- package/packages/core/src/scss/utilities/justification/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/list/_defaults.scss +53 -0
- package/packages/core/src/scss/utilities/list/_index.scss +253 -0
- package/packages/core/src/scss/utilities/list/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/order/_defaults.scss +36 -0
- package/packages/core/src/scss/utilities/order/_index.scss +246 -0
- package/packages/core/src/scss/utilities/order/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/position/_defaults.scss +41 -0
- package/packages/core/src/scss/utilities/position/_index.scss +178 -0
- package/{src/scss/utilities/height → packages/core/src/scss/utilities/position}/_variables.scss +1 -1
- package/packages/core/src/scss/utilities/ratio/_defaults.scss +42 -0
- package/packages/core/src/scss/utilities/ratio/_index.scss +188 -0
- package/{src → packages/core/src}/scss/utilities/ratio/_variables.scss +1 -1
- package/{src → packages/core/src}/scss/utilities/spacing/_defaults.scss +19 -4
- package/packages/core/src/scss/utilities/spacing/_index.scss +970 -0
- package/packages/core/src/scss/utilities/spacing/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/typography/_defaults.scss +58 -0
- package/packages/core/src/scss/utilities/typography/_index.scss +1089 -0
- package/packages/core/src/scss/utilities/typography/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/visibility/_defaults.scss +39 -0
- package/packages/core/src/scss/utilities/visibility/_index.scss +173 -0
- package/packages/core/src/scss/utilities/visibility/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/visually-hidden/_defaults.scss +29 -0
- package/packages/core/src/scss/utilities/visually-hidden/_index.scss +189 -0
- package/packages/core/src/scss/utilities/visually-hidden/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/width/_defaults.scss +54 -0
- package/packages/core/src/scss/utilities/width/_index.scss +525 -0
- package/packages/core/src/scss/utilities/width/_variables.scss +6 -0
- package/packages/core/src/scss/utilities/z-index/_defaults.scss +40 -0
- package/packages/core/src/scss/utilities/z-index/_index.scss +173 -0
- package/packages/core/src/scss/utilities/z-index/_variables.scss +6 -0
- package/packages/core/vite.config.js +28 -0
- package/packages/icons/dist/css/base/button.css +2 -0
- package/packages/icons/dist/css/base/button.css.map +1 -0
- package/packages/icons/dist/css/base/link.css +2 -0
- package/packages/icons/dist/css/base/link.css.map +1 -0
- package/packages/icons/dist/css/base.css +2 -0
- package/packages/icons/dist/css/base.css.map +1 -0
- package/packages/icons/dist/css/component/icon.css +2 -0
- package/packages/icons/dist/css/component/icon.css.map +1 -0
- package/packages/icons/dist/css/component.css +2 -0
- package/packages/icons/dist/css/component.css.map +1 -0
- package/packages/icons/dist/css/icon.css +2 -0
- package/packages/icons/dist/css/icon.css.map +1 -0
- package/packages/icons/package.json +48 -0
- package/packages/icons/scss/base/button.scss +3 -0
- package/packages/icons/scss/base/link.scss +3 -0
- package/packages/icons/scss/base.scss +3 -0
- package/packages/icons/scss/component/icon.scss +3 -0
- package/packages/icons/scss/component.scss +3 -0
- package/packages/icons/scss/icon.scss +3 -0
- package/packages/icons/src/scss/_index.scss +4 -0
- package/packages/icons/src/scss/base/_index.scss +4 -0
- package/packages/icons/src/scss/base/button/_defaults.scss +7 -0
- package/packages/icons/src/scss/base/button/_index.scss +58 -0
- package/packages/icons/src/scss/base/button/_variables.scss +7 -0
- package/packages/icons/src/scss/base/link/_defaults.scss +7 -0
- package/packages/icons/src/scss/base/link/_index.scss +58 -0
- package/packages/icons/src/scss/base/link/_variables.scss +7 -0
- package/packages/icons/src/scss/component/_index.scss +3 -0
- package/packages/icons/src/scss/component/icon/_defaults.scss +30 -0
- package/packages/icons/src/scss/component/icon/_index.scss +60 -0
- package/packages/icons/src/scss/component/icon/_mixins.scss +62 -0
- package/packages/icons/src/scss/component/icon/_variables.scss +24 -0
- package/postcss.config.cjs +2 -3
- package/scss/base/button.scss +1 -1
- package/scss/base/form.scss +1 -1
- package/scss/base/link.scss +1 -1
- package/scss/base/table.scss +1 -1
- package/scss/base.scss +1 -1
- package/scss/component/accordion.scss +1 -1
- package/scss/component/alert.scss +1 -1
- package/scss/component/card.scss +1 -1
- package/scss/component/carousel.scss +1 -1
- package/scss/component/input-group.scss +1 -1
- package/scss/component/list.scss +3 -0
- package/scss/component/menu.scss +1 -1
- package/scss/component/navigation.scss +1 -1
- package/scss/component.scss +1 -1
- package/scss/graupl.scss +1 -1
- package/scss/init.scss +1 -1
- package/scss/layout/columns.scss +1 -1
- package/scss/layout/container.scss +1 -1
- package/scss/layout/flex-columns.scss +1 -1
- package/scss/layout.scss +1 -1
- package/scss/normalize.scss +1 -1
- package/scss/state/focus.scss +1 -1
- package/scss/state.scss +1 -1
- package/scss/theme/color.scss +1 -1
- package/scss/theme/typography.scss +1 -1
- package/scss/theme.scss +1 -1
- package/scss/utilities/alignment.scss +1 -1
- package/scss/utilities/background.scss +3 -0
- package/scss/utilities/border.scss +3 -0
- package/scss/utilities/color.scss +1 -1
- package/scss/utilities/container.scss +3 -0
- package/scss/utilities/display.scss +1 -1
- package/scss/utilities/flex.scss +1 -1
- package/scss/utilities/gradient.scss +3 -0
- package/scss/utilities/height.scss +1 -1
- package/scss/utilities/inset.scss +1 -1
- package/scss/utilities/justification.scss +1 -1
- package/scss/utilities/list.scss +1 -1
- package/scss/utilities/order.scss +1 -1
- package/scss/utilities/position.scss +3 -0
- package/scss/utilities/ratio.scss +1 -1
- package/scss/utilities/spacing.scss +1 -1
- package/scss/utilities/typography.scss +1 -1
- package/scss/utilities/visibility.scss +1 -1
- package/scss/utilities/visually-hidden.scss +3 -0
- package/scss/utilities/width.scss +1 -1
- package/scss/utilities/z-index.scss +3 -0
- package/scss/utilities.scss +1 -1
- package/stylelint.config.js +1 -0
- package/vite.config.js +6 -35
- package/dist/css/utilities/postion.css +0 -2
- package/dist/css/utilities/postion.css.map +0 -1
- package/dist/js/component/accordion.cjs.js +0 -3
- package/dist/js/component/accordion.esm.js +0 -1289
- package/dist/js/component/accordion.iife.js +0 -3
- package/dist/js/component/alert.cjs.js +0 -3
- package/dist/js/component/alert.esm.js +0 -529
- package/dist/js/component/alert.iife.js +0 -3
- package/dist/js/component/carousel.cjs.js +0 -3
- package/dist/js/component/carousel.esm.js +0 -1110
- package/dist/js/component/carousel.iife.js +0 -3
- package/src/scss/base/button/_index.scss +0 -107
- package/src/scss/base/button/_mixins.scss +0 -166
- package/src/scss/base/form/_index.scss +0 -93
- package/src/scss/base/form/_variables.scss +0 -153
- package/src/scss/base/link/_defaults.scss +0 -50
- package/src/scss/base/link/_index.scss +0 -134
- package/src/scss/base/table/_defaults.scss +0 -53
- package/src/scss/base/table/_index.scss +0 -121
- package/src/scss/base/table/_variables.scss +0 -135
- package/src/scss/component/navigation/_defaults.scss +0 -29
- package/src/scss/functions/_important.scss +0 -13
- package/src/scss/layout/columns/_index.scss +0 -58
- package/src/scss/layout/container/_defaults.scss +0 -17
- package/src/scss/layout/container/_index.scss +0 -41
- package/src/scss/layout/container/_variables.scss +0 -50
- package/src/scss/layout/flex-columns/_defaults.scss +0 -18
- package/src/scss/layout/flex-columns/_index.scss +0 -80
- package/src/scss/mixins/_utility.scss +0 -30
- package/src/scss/mixins/_visually-hidden.scss +0 -20
- package/src/scss/state/_index.scss +0 -3
- package/src/scss/state/focus/_index.scss +0 -13
- package/src/scss/state/focus/_mixins.scss +0 -15
- package/src/scss/utilities/alignment/_index.scss +0 -75
- package/src/scss/utilities/color/_defaults.scss +0 -35
- package/src/scss/utilities/color/_index.scss +0 -91
- package/src/scss/utilities/display/_defaults.scss +0 -32
- package/src/scss/utilities/display/_index.scss +0 -61
- package/src/scss/utilities/flex/_defaults.scss +0 -63
- package/src/scss/utilities/flex/_index.scss +0 -71
- package/src/scss/utilities/height/_defaults.scss +0 -41
- package/src/scss/utilities/height/_index.scss +0 -98
- package/src/scss/utilities/inset/_defaults.scss +0 -41
- package/src/scss/utilities/inset/_index.scss +0 -37
- package/src/scss/utilities/justification/_index.scss +0 -75
- package/src/scss/utilities/justification/_variables.scss +0 -6
- package/src/scss/utilities/list/_defaults.scss +0 -39
- package/src/scss/utilities/list/_index.scss +0 -56
- package/src/scss/utilities/order/_index.scss +0 -63
- package/src/scss/utilities/order/_variables.scss +0 -6
- package/src/scss/utilities/position/_defaults.scss +0 -26
- package/src/scss/utilities/position/_index.scss +0 -37
- package/src/scss/utilities/position/_variables.scss +0 -6
- package/src/scss/utilities/ratio/_defaults.scss +0 -28
- package/src/scss/utilities/ratio/_index.scss +0 -52
- package/src/scss/utilities/spacing/_index.scss +0 -169
- package/src/scss/utilities/spacing/_variables.scss +0 -6
- package/src/scss/utilities/typography/_defaults.scss +0 -30
- package/src/scss/utilities/typography/_index.scss +0 -224
- package/src/scss/utilities/typography/_variables.scss +0 -6
- package/src/scss/utilities/visibility/_defaults.scss +0 -25
- package/src/scss/utilities/visibility/_index.scss +0 -36
- package/src/scss/utilities/visibility/_variables.scss +0 -6
- package/src/scss/utilities/width/_defaults.scss +0 -41
- package/src/scss/utilities/width/_index.scss +0 -98
- package/src/scss/utilities/width/_variables.scss +0 -6
- /package/{src → packages/core/src}/js/accordion/Accordion.js +0 -0
- /package/{src → packages/core/src}/js/accordion/AccordionItem.js +0 -0
- /package/{src → packages/core/src}/js/accordion/index.js +0 -0
- /package/{src → packages/core/src}/js/alert/Alert.js +0 -0
- /package/{src → packages/core/src}/js/alert/index.js +0 -0
- /package/{src → packages/core/src}/js/carousel/Carousel.js +0 -0
- /package/{src → packages/core/src}/js/carousel/index.js +0 -0
- /package/{src → packages/core/src}/js/domHelpers.js +0 -0
- /package/{src → packages/core/src}/js/eventHandlers.js +0 -0
- /package/{src → packages/core/src}/js/navigation/index.js +0 -0
- /package/{src → packages/core/src}/js/storage.js +0 -0
- /package/{src → packages/core/src}/js/validate.js +0 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
@charset "UTF-8";@layer graupl.base{.accordion-item-toggle{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.accordion-item-toggle.visited,.accordion-item-toggle:visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.accordion-item-toggle.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.accordion-item-toggle:focus-visible{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.accordion-item-toggle.hover,.accordion-item-toggle:hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.accordion-item-toggle.active,.accordion-item-toggle:active{transform:var(--graupl-button-active-transform,scale(.95))}.accordion-item-toggle.disabled{cursor:not-allowed}.accordion-item-toggle.disabled,.accordion-item-toggle.disabled.focus,.accordion-item-toggle.disabled.visited,.accordion-item-toggle.disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle.disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle.disabled.active,.accordion-item-toggle.disabled.hover,.accordion-item-toggle.disabled:active,.accordion-item-toggle.disabled:hover,.accordion-item-toggle:disabled{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle:disabled{cursor:not-allowed}.accordion-item-toggle:disabled.focus,.accordion-item-toggle:disabled.visited,.accordion-item-toggle:disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle:disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle:disabled.active,.accordion-item-toggle:disabled.hover,.accordion-item-toggle:disabled:active,.accordion-item-toggle:disabled:hover,.accordion-item-toggle[disabled]{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[disabled]{cursor:not-allowed}.accordion-item-toggle[disabled].focus,.accordion-item-toggle[disabled].visited,.accordion-item-toggle[disabled]:visited{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[disabled]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[disabled].active,.accordion-item-toggle[disabled].hover,.accordion-item-toggle[disabled]:active,.accordion-item-toggle[disabled]:hover{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[aria-disabled=true]{cursor:not-allowed}.accordion-item-toggle[aria-disabled=true].focus,.accordion-item-toggle[aria-disabled=true].visited,.accordion-item-toggle[aria-disabled=true]:visited{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[aria-disabled=true]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.accordion-item-toggle[aria-disabled=true].active,.accordion-item-toggle[aria-disabled=true].hover,.accordion-item-toggle[aria-disabled=true]:active,.accordion-item-toggle[aria-disabled=true]:hover{transform:var(--graupl-button-disabled-transform,none)}@media (prefers-reduced-motion:reduce){.accordion-item-toggle{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.component{.accordion{display:flex;flex-flow:column nowrap;gap:var(--graupl-accordion-gap,var(--graupl-accordion-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-accordion-padding,var(--graupl-accordion-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.accordion>.accordion-item:not(:first-child){margin-top:calc(-1 * min(var(--graupl-accordion-item-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, .125rem))), var(--graupl-accordion-item-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, .125rem)))))}.accordion-item{border-radius:var(--graupl-accordion-item-border-radius,var(--graupl-accordion-item-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-accordion-item-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-accordion-item-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-accordion-item-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-accordion-item-border-style,var(--graupl-accordion-item-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-accordion-item-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-accordion-item-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-accordion-item-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-accordion-item-border-width,var(--graupl-accordion-item-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-accordion-item-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-accordion-item-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-accordion-item-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));isolation:isolate;overflow:hidden;transition:var(--graupl-accordion-transition,height var(--graupl-transition-duration-slow,.3s) var(--graupl-transition-timing-function,ease))}.accordion-item.hide .accordion-item-content{display:none}.accordion-item.show .accordion-item-content{opacity:1;transform:var(--graupl-accordion-item-content-open-transform,translateY(0))}.accordion-item.transitioning .accordion-item-content{display:flex}.accordion-item-toggle{padding:var(--graupl-accordion-item-toggle-padding,var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))));transform:var(--graupl-accordion-item-toggle-transform,none);transition:var(--graupl-accordion-item-toggle-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease));z-index:2}.accordion-item-toggle.visited,.accordion-item-toggle:visited{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-visited-transform,none)}.accordion-item-toggle.focus{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-focus-transform,none)}.accordion-item-toggle:focus-visible{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-focus-transform,none)}.accordion-item-toggle.hover,.accordion-item-toggle:hover{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-hover-transform,none)}.accordion-item-toggle.active,.accordion-item-toggle:active{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-active-transform,none)}.accordion-item-toggle.disabled,.accordion-item-toggle:disabled,.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[disabled]{--graupl-accordion-item-toggle-transform:var(--graupl-accordion-item-toggle-disabled-transform,none)}.accordion-item-toggle:after{align-items:center;content:"▼";display:flex;justify-content:center;margin-left:auto;transform:var(--graupl-accordion-item-toggle-pseudo-transform,none);transition:var(--graupl-accordion-transition,transform var(--graupl-transition-duration-slow,.3s) var(--graupl-transition-timing-function,ease))}.accordion-item-toggle[aria-expanded=true]:after{transform:var(--graupl-accordion-item-toggle-pseudo-open-transform,rotate(-180deg))}.accordion-item-header{margin:var(--graupl-accordion-item-header-margin,calc(-1 * min(var(--graupl-accordion-item-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, .125rem))), var(--graupl-accordion-item-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, .125rem))), var(--graupl-accordion-item-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, .125rem))), var(--graupl-accordion-item-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, .125rem))))));padding:var(--graupl-accordion-item-header-padding,var(--graupl-accordion-item-header-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-header-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.accordion-item-title{margin:var(--graupl-accordion-item-title-margin,var(--graupl-accordion-item-title-margin-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-title-margin-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-accordion-item-title-padding,var(--graupl-accordion-item-title-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-title-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.accordion-item-title,.accordion-item-title .accordion-item-toggle{align-items:center;display:flex;justify-content:flex-start;width:100%}.accordion-item-content{display:flex;flex-flow:column nowrap;gap:var(--graupl-accordion-item-content-gap,var(--graupl-accordion-item-content-column-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-accordion-item-content-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));opacity:0;padding:var(--graupl-accordion-item-content-padding,var(--graupl-accordion-item-content-padding-y,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))) var(--graupl-accordion-item-content-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-accordion-item-content-transform,translateY(-100%));transition:var(--graupl-accordion-transition,opacity var(--graupl-transition-duration-slow,.3s) var(--graupl-transition-timing-function,ease) transform var(--graupl-transition-duration-slow,.3s) var(--graupl-transition-timing-function,ease))}.accordion-item-body{padding:var(--graupl-accordion-item-body-padding,var(--graupl-accordion-item-body-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-body-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.accordion-item-footer{padding:var(--graupl-accordion-item-footer-padding,var(--graupl-accordion-item-footer-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-accordion-item-footer-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}}@layer graupl.state{.accordion-item .accordion-item-toggle{--graupl-focus-outline-offset:calc(-1 * (min(var(--graupl-accordion-item-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, 0.125rem))),
|
|
2
|
+
var(--graupl-accordion-item-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, 0.125rem))),
|
|
3
|
+
var(--graupl-accordion-item-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, 0.125rem))),
|
|
4
|
+
var(--graupl-accordion-item-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, 0.125rem)))) + var(--graupl-focus-width, var(--graupl-border-width, 0.125rem))))}}@layer graupl.theme{.accordion{background:var(--graupl-accordion-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.accordion-item{border-color:var(--graupl-accordion-item-border-color,var(--graupl-accordion-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle{background:var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.accordion-item-toggle.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.accordion-item-toggle.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.accordion-item-toggle.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.accordion-item-toggle.visited,.accordion-item-toggle:visited{background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle.focus{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle:focus-visible{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.accordion-item-toggle.hover,.accordion-item-toggle:hover{background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.accordion-item-toggle.active,.accordion-item-toggle:active{background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.accordion-item-toggle.disabled,.accordion-item-toggle.disabled.focus,.accordion-item-toggle.disabled.visited,.accordion-item-toggle.disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle.disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle.disabled.active,.accordion-item-toggle.disabled.hover,.accordion-item-toggle.disabled:active,.accordion-item-toggle.disabled:hover,.accordion-item-toggle:disabled,.accordion-item-toggle:disabled.focus,.accordion-item-toggle:disabled.visited,.accordion-item-toggle:disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle:disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle:disabled.active,.accordion-item-toggle:disabled.hover,.accordion-item-toggle:disabled:active,.accordion-item-toggle:disabled:hover,.accordion-item-toggle[disabled],.accordion-item-toggle[disabled].focus,.accordion-item-toggle[disabled].visited,.accordion-item-toggle[disabled]:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle[disabled]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle[aria-disabled=true],.accordion-item-toggle[aria-disabled=true].focus,.accordion-item-toggle[aria-disabled=true].visited,.accordion-item-toggle[aria-disabled=true]:visited,.accordion-item-toggle[disabled].active,.accordion-item-toggle[disabled].hover,.accordion-item-toggle[disabled]:active,.accordion-item-toggle[disabled]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle[aria-disabled=true]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-toggle[aria-disabled=true].active,.accordion-item-toggle[aria-disabled=true].hover,.accordion-item-toggle[aria-disabled=true]:active,.accordion-item-toggle[aria-disabled=true]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.accordion-item-title,.accordion-item-title .accordion-item-toggle{font-family:var(--graupl-accordion-title-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))));font-size:var(--graupl-accordion-title-font-size,var(--graupl-h5-font-size,var(--graupl-font-xl,calc(var(--graupl-font-size-base, 1rem)*1.44))));font-weight:var(--graupl-accordion-title-font-weight,var(--graupl-h5-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-accordion-title-line-height,var(--graupl-h5-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
|
|
5
|
+
/*# sourceMappingURL=accordion.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","accordion.css","../../../src/scss/component/accordion/_index.scss","../../../src/scss/base/button/_mixins.scss","../../../src/scss/base/button/_variables.scss","../../../src/scss/mixins/_animation.scss","../../../src/scss/component/accordion/_variables.scss","../../../src/scss/component/accordion/_defaults.scss"],"names":[],"mappings":"AASI,gBC2QJ,CD3QI,mBEEF,uBCGA,kBAAA,CASA,ohBC8LqB,CD/LrB,kdC0KoB,CD3KpB,0dCsJoB,CDlJpB,cAAA,CAZA,YAAA,CAWA,2GCUiB,CDnBjB,sBAAA,CAEA,+CCCkB,CDFlB,6CCFiB,CDIjB,uNCYe,CDXf,6CCqCiB,CDpCjB,mVFDA,CEWI,8DACE,oFFNN,CEKI,6BACE,kFFHN,CEEI,qCACE,kFFAN,CEDI,0DACE,kFFMN,CEPI,4DACE,0DFYN,CEbI,gCAKI,kBFYR,CENc,sJACE,sDFchB,CEfc,8CACE,sDFiBhB,CE7BI,0LAYY,sDFiChB,CE7CI,gCAKI,kBFwCR,CElCc,sHACE,sDF0ChB,CE3Cc,8CACE,sDF6ChB,CEzDI,2LAYY,sDF6DhB,CEzEI,iCAKI,kBFoER,CE9Dc,yHACE,sDFsEhB,CEvEc,+CACE,sDFyEhB,CErFI,yMAYY,sDFyFhB,CErGI,2CAKI,kBFgGR,CE1Fc,uJACE,sDFkGhB,CEnGc,yDACE,sDFqGhB,CEtGc,sMACE,sDFiHhB,CIhJA,uCHAA,uBC0CE,sLF0GA,CACF,CACF,CDxJI,wBEQF,WACE,YAAA,CACA,uBAAA,CAEA,sNIgBY,CJjBZ,+NDoJF,CChJI,6CAEE,uQDmJN,CCvIA,gBAKE,4jBI8B2B,CJ/B3B,0fI2E0B,CJ5E1B,kgBIuD0B,CJpD1B,iBAAA,CALA,eAAA,CACA,6ID6IF,CCvIE,6CAEE,YDwIJ,CCrIE,6CAGE,SAAA,CADA,2EDuIJ,CCnIE,sDAEE,YDoIJ,CChIA,uBAEE,mQI2D4B,CJ1D5B,4DIgE8B,CJ/D9B,kWIuF+B,CJ1F/B,SDqIF,CC/HI,8DACE,mGDoIN,CC/HI,6BACE,iGDiIN,CClII,qCACE,iGDoIN,CC/HI,0DACE,iGDoIN,CC/HI,4DACE,kGDoIN,CC/HI,4IACE,oGD0IN,CCtIE,6BAGE,kBAAA,CAFA,WKjEiC,CLkEjC,YAAA,CAEA,sBAAA,CACA,gBAAA,CACA,mEImPmC,CJlPnC,gJDwIJ,CCpII,iDACE,mFDsIN,CCjIA,uBACE,4hBIoE2B,CJnE3B,mQDmIF,CChIA,sBACE,4PIkG0B,CJjG1B,gQDkIF,CChIE,mEAGE,kBAAA,CADA,YAAA,CAEA,0BAAA,CACA,UDkIJ,CC9HA,wBACE,YAAA,CACA,uBAAA,CAKA,8PI6HyB,CJ9HzB,SAAA,CAHA,sQIqH6B,CJpH7B,0EI0M+B,CJzM/B,iPDkIF,CC7HA,qBACE,6PD+HF,CC5HA,uBACE,mQD8HF,CACF,CD3QI,oBEkJA,uCAEE;;;0MDwIJ,CACF,CD7RI,oBEsKF,WACE,wNIjImB,CJkInB,oMD0HF,CCvHA,gBACE,qPDyHF,CCtHA,uBC5HA,qNC8BkB,CD/BlB,0OCiKoB,CD/JpB,iMFsPA,CElPE,+BAEI,yIAAA,CAAA,gJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,kJAAA,CAAA,yJFyPN,CE3PE,iCAEI,+IAAA,CAAA,sJAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,wJAAA,CAAA,+JFkQN,CEpQE,gCAEI,4IAAA,CAAA,mJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,qJAAA,CAAA,4JF2QN,CEnQI,8DAEE,6PAAA,CADA,oRAAA,CAEA,oOF0QN,CE7QI,6BAEE,2PAAA,CADA,kRAAA,CAEA,kOF+QN,CElRI,qCAEE,2PAAA,CADA,kRAAA,CAEA,kOFoRN,CEvRI,0DAEE,iNAAA,CADA,gPAAA,CAEA,iNF8RN,CEjSI,4DAEE,wPAAA,CADA,yRAAA,CAEA,mPFwSN,CEhSc,sJAEE,8NAAA,CADA,2KAAA,CAEA,6JFiThB,CEpTc,8CAEE,8NAAA,CADA,2KAAA,CAEA,6JFsThB,CEzTc,gTAEE,8NAAA,CADA,2KAAA,CAEA,6JF8VhB,CEjWc,8CAEE,8NAAA,CADA,2KAAA,CAEA,6JFmWhB,CEtWc,oTAEE,8NAAA,CADA,2KAAA,CAEA,6JF2YhB,CE9Yc,+CAEE,8NAAA,CADA,2KAAA,CAEA,6JFgZhB,CEnZc,gWAEE,8NAAA,CADA,2KAAA,CAEA,6JFwbhB,CE3bc,yDAEE,8NAAA,CADA,2KAAA,CAEA,6JF6bhB,CEhcc,sMAEE,8NAAA,CADA,2KAAA,CAEA,6JFidhB,CC7WE,mEAEE,8OI6CwB,CJ5CxB,gJIoCsB,CJnCtB,sLIuCwB,CJtCxB,oJD+WJ,CACF","file":"accordion.css"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer graupl.base{.alert-dismisser{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.alert-dismisser.visited,.alert-dismisser:visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.alert-dismisser.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.alert-dismisser:focus-visible{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.alert-dismisser.hover,.alert-dismisser:hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.alert-dismisser.active,.alert-dismisser:active{transform:var(--graupl-button-active-transform,scale(.95))}.alert-dismisser.disabled{cursor:not-allowed}.alert-dismisser.disabled,.alert-dismisser.disabled.focus,.alert-dismisser.disabled.visited,.alert-dismisser.disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser.disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser.disabled.active,.alert-dismisser.disabled.hover,.alert-dismisser.disabled:active,.alert-dismisser.disabled:hover,.alert-dismisser:disabled{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser:disabled{cursor:not-allowed}.alert-dismisser:disabled.focus,.alert-dismisser:disabled.visited,.alert-dismisser:disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser:disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser:disabled.active,.alert-dismisser:disabled.hover,.alert-dismisser:disabled:active,.alert-dismisser:disabled:hover,.alert-dismisser[disabled]{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser[disabled]{cursor:not-allowed}.alert-dismisser[disabled].focus,.alert-dismisser[disabled].visited,.alert-dismisser[disabled]:visited{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser[disabled]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser[aria-disabled=true],.alert-dismisser[disabled].active,.alert-dismisser[disabled].hover,.alert-dismisser[disabled]:active,.alert-dismisser[disabled]:hover{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser[aria-disabled=true]{cursor:not-allowed}.alert-dismisser[aria-disabled=true].focus,.alert-dismisser[aria-disabled=true].visited,.alert-dismisser[aria-disabled=true]:visited{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser[aria-disabled=true]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.alert-dismisser[aria-disabled=true].active,.alert-dismisser[aria-disabled=true].hover,.alert-dismisser[aria-disabled=true]:active,.alert-dismisser[aria-disabled=true]:hover{transform:var(--graupl-button-disabled-transform,none)}@media (prefers-reduced-motion:reduce){.alert-dismisser{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.component{.alert{--graupl-button-border:0;border-radius:var(--graupl-alert-border-radius,var(--graupl-alert-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-alert-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-alert-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-alert-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-alert-border-style,var(--graupl-alert-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-alert-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-alert-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-alert-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-alert-border-width,var(--graupl-alert-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-alert-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-alert-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-alert-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));display:grid;gap:var(--graupl-alert-gap,var(--graupl-alert-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-alert-row-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-template-columns:[content-start] 1fr [content-end dismiss-start] auto [dismiss-end];grid-template-rows:[header-start] auto [header-end body-start] auto [body-end footer-start] auto [footer-end];padding:var(--graupl-alert-padding,var(--graupl-alert-padding-y,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))) var(--graupl-alert-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transition:var(--graupl-alert-transition,opacity var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.alert.hide{display:none}.alert.transitioning{display:grid;opacity:0}.alert.show{display:grid}@media (prefers-reduced-motion:reduce){.alert .alert{--graupl-alert-transition:var(--graupl-alert-transition-reduced-motion,opacity var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease))}}.alert-header{grid-column:content;grid-row:header;padding:var(--graupl-alert-header-padding,var(--graupl-alert-header-padding-y,0) var(--graupl-alert-header-padding-x,0))}.alert-body{grid-column:content;grid-row:body;padding:var(--graupl-alert-body-padding,var(--graupl-alert-body-padding-y,0) var(--graupl-alert-body-padding-x,0))}.alert-footer{grid-column:content;grid-row:footer;padding:var(--graupl-alert-footer-padding,var(--graupl-alert-footer-padding-y,0) var(--graupl-alert-footer-padding-x,0))}.alert-dismisser{align-self:flex-start;grid-column:dismiss;grid-row:1/-1}.alert-title{margin:var(--graupl-alert-title-margin,0 0 0 0)}}@layer graupl.theme{.alert{--graupl-button-background:var(--graupl-alert-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-button-focus-background:var(--graupl-alert-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-color:var(--graupl-alert-link-color);--graupl-link-visited-color:var(--graupl-alert-link-visited-color);--graupl-link-focus-color:var(--graupl-alert-link-focus-color);--graupl-link-hover-color:var(--graupl-alert-link-hover-color);--graupl-link-active-color:var(--graupl-alert-link-active-color);--graupl-link-disabled-color:var(--graupl-alert-link-disabled-color);background-color:var(--graupl-alert-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-alert-border-color,var(--graupl-alert-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-alert-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.alert.primary{--graupl-alert-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-alert-background:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-alert-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-alert-title-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-alert-button-border-color:transparent;--graupl-alert-link-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-alert-link-visited-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-alert-link-focus-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)));--graupl-alert-link-hover-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-alert-link-active-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-alert-link-disabled-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.alert.secondary{--graupl-alert-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-alert-background:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-alert-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-alert-title-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-alert-button-border-color:transparent;--graupl-alert-link-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-alert-link-visited-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-alert-link-focus-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)));--graupl-alert-link-hover-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-alert-link-active-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-alert-link-disabled-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.alert.tertiary{--graupl-alert-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-alert-background:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-alert-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-alert-title-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-alert-button-border-color:transparent;--graupl-alert-link-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-alert-link-visited-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-alert-link-focus-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)));--graupl-alert-link-hover-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-alert-link-active-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-alert-link-disabled-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.alert-dismisser{background:var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.alert-dismisser.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.alert-dismisser.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.alert-dismisser.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.alert-dismisser.visited,.alert-dismisser:visited{background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.alert-dismisser.focus{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.alert-dismisser:focus-visible{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.alert-dismisser.hover,.alert-dismisser:hover{background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.alert-dismisser.active,.alert-dismisser:active{background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.alert-dismisser.disabled,.alert-dismisser.disabled.focus,.alert-dismisser.disabled.visited,.alert-dismisser.disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser.disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser.disabled.active,.alert-dismisser.disabled.hover,.alert-dismisser.disabled:active,.alert-dismisser.disabled:hover,.alert-dismisser:disabled,.alert-dismisser:disabled.focus,.alert-dismisser:disabled.visited,.alert-dismisser:disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser:disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser:disabled.active,.alert-dismisser:disabled.hover,.alert-dismisser:disabled:active,.alert-dismisser:disabled:hover,.alert-dismisser[disabled],.alert-dismisser[disabled].focus,.alert-dismisser[disabled].visited,.alert-dismisser[disabled]:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser[disabled]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser[aria-disabled=true],.alert-dismisser[aria-disabled=true].focus,.alert-dismisser[aria-disabled=true].visited,.alert-dismisser[aria-disabled=true]:visited,.alert-dismisser[disabled].active,.alert-dismisser[disabled].hover,.alert-dismisser[disabled]:active,.alert-dismisser[disabled]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser[aria-disabled=true]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-dismisser[aria-disabled=true].active,.alert-dismisser[aria-disabled=true].hover,.alert-dismisser[aria-disabled=true]:active,.alert-dismisser[aria-disabled=true]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.alert-title{color:var(--graupl-alert-title-color,var(--graupl-alert-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));font-size:var(--graupl-alert-title-font-size,var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-size-base, 1rem)*1.728))));font-weight:var(--graupl-alert-title-font-weight,var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-alert-title-line-height,var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
|
|
2
|
+
/*# sourceMappingURL=alert.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/component/alert/_index.scss","../../../src/scss/base/button/_mixins.scss","../../../src/scss/base/button/_variables.scss","alert.css","../../../src/scss/mixins/_animation.scss","../../../src/scss/component/alert/_variables.scss"],"names":[],"mappings":"AASI,mBCIF,iBCCA,kBAAA,CASA,ohBC8LqB,CD/LrB,kdC0KoB,CD3KpB,0dCsJoB,CDlJpB,cAAA,CAZA,YAAA,CAWA,2GCUiB,CDnBjB,sBAAA,CAEA,+CCCkB,CDFlB,6CCFiB,CDIjB,uNCYe,CDXf,6CCqCiB,CDpCjB,mVEJA,CFcI,kDACE,oFETN,CFQI,uBACE,kFENN,CFKI,+BACE,kFEHN,CFEI,8CACE,kFEGN,CFJI,gDACE,0DESN,CFVI,0BAKI,kBESR,CFHc,8HACE,sDEWhB,CFZc,wCACE,sDEchB,CF1BI,4JAYY,sDE8BhB,CF1CI,0BAKI,kBEqCR,CF/Bc,oGACE,sDEuChB,CFxCc,wCACE,sDE0ChB,CFtDI,6JAYY,sDE0DhB,CFtEI,2BAKI,kBEiER,CF3Dc,uGACE,sDEmEhB,CFpEc,yCACE,sDEsEhB,CFlFI,2KAYY,sDEsFhB,CFlGI,qCAKI,kBE6FR,CFvFc,qIACE,sDE+FhB,CFhGc,mDACE,sDEkGhB,CFnGc,8KACE,sDE8GhB,CC7IA,uCJEA,iBCwCE,sLEuGA,CACF,CACF,CJrJI,wBCUF,OACE,wBAAA,CASA,+gBKmDkB,CLpDlB,6cK8FiB,CL/FjB,qdK0EiB,CL/EjB,YAAA,CAQA,2MKKQ,CLZR,wFAAA,CACA,6GAAA,CACA,mNKJY,CLKZ,+OGiJF,CH3IE,YACE,YG6IJ,CH1IE,qBACE,YAAA,CACA,SG4IJ,CHzIE,YACE,YG2IJ,CC1KA,uCJmCI,cACE,0KG0IJ,CACF,CHtIA,cACE,mBAAA,CACA,eAAA,CACA,wHGwIF,CHrIA,YACE,mBAAA,CACA,aAAA,CACA,kHGuIF,CHpIA,cACE,mBAAA,CACA,eAAA,CACA,wHGsIF,CHnIA,iBAGE,qBAAA,CAFA,mBAAA,CACA,aGsIF,CHlIA,aACE,+CGoIF,CACF,CJzMI,oBCyEF,OACE,oOAAA,CACA,0OAAA,CACA,kDAAA,CACA,kEAAA,CACA,8DAAA,CACA,8DAAA,CACA,gEAAA,CACA,oEAAA,CAGA,0NKpDe,CLmDf,wOKhCiB,CLkCjB,gMGkIF,CH/HI,eAEI,wIAAA,CAAA,6IAAA,CAAA,+IAAA,CAAA,8IAAA,CAAA,8CAAA,CAAA,6IAAA,CAAA,qJAAA,CAAA,mJAAA,CAAA,mJAAA,CAAA,oJAAA,CAAA,sJG0IR,CH5II,iBAEI,8IAAA,CAAA,mJAAA,CAAA,qJAAA,CAAA,oJAAA,CAAA,8CAAA,CAAA,mJAAA,CAAA,2JAAA,CAAA,yJAAA,CAAA,yJAAA,CAAA,0JAAA,CAAA,4JGuJR,CHzJI,gBAEI,2IAAA,CAAA,gJAAA,CAAA,kJAAA,CAAA,iJAAA,CAAA,8CAAA,CAAA,gJAAA,CAAA,wJAAA,CAAA,sJAAA,CAAA,sJAAA,CAAA,uJAAA,CAAA,yJGoKR,CH3JA,iBChDA,qNC8BkB,CD/BlB,0OCiKoB,CD/JpB,iME+MA,CF3ME,yBAEI,yIAAA,CAAA,gJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,kJAAA,CAAA,yJEkNN,CFpNE,2BAEI,+IAAA,CAAA,sJAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,wJAAA,CAAA,+JE2NN,CF7NE,0BAEI,4IAAA,CAAA,mJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,qJAAA,CAAA,4JEoON,CF5NI,kDAEE,6PAAA,CADA,oRAAA,CAEA,oOEmON,CFtOI,uBAEE,2PAAA,CADA,kRAAA,CAEA,kOEwON,CF3OI,+BAEE,2PAAA,CADA,kRAAA,CAEA,kOE6ON,CFhPI,8CAEE,iNAAA,CADA,gPAAA,CAEA,iNEuPN,CF1PI,gDAEE,wPAAA,CADA,yRAAA,CAEA,mPEiQN,CFzPc,8HAEE,8NAAA,CADA,2KAAA,CAEA,6JE0QhB,CF7Qc,wCAEE,8NAAA,CADA,2KAAA,CAEA,6JE+QhB,CFlRc,gQAEE,8NAAA,CADA,2KAAA,CAEA,6JEuThB,CF1Tc,wCAEE,8NAAA,CADA,2KAAA,CAEA,6JE4ThB,CF/Tc,oQAEE,8NAAA,CADA,2KAAA,CAEA,6JEoWhB,CFvWc,yCAEE,8NAAA,CADA,2KAAA,CAEA,6JEyWhB,CF5Wc,gTAEE,8NAAA,CADA,2KAAA,CAEA,6JEiZhB,CFpZc,mDAEE,8NAAA,CADA,2KAAA,CAEA,6JEsZhB,CFzZc,8KAEE,8NAAA,CADA,2KAAA,CAEA,6JE0ahB,CHnZA,aACE,gOK4CgB,CL3ChB,8IK+CoB,CL9CpB,kLKkDsB,CLjDtB,gJGqZF,CACF","file":"alert.css"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer graupl.component{.card{border-radius:var(--graupl-card-border-radius,var(--graupl-card-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-card-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-card-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-card-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-card-border-style,var(--graupl-card-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-card-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-card-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-card-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-card-border-width,var(--graupl-card-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-card-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-card-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-card-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));display:grid;gap:var(--graupl-card-gap,var(--graupl-card-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));grid-template-columns:[image-start content-start] 1fr [image-end content-end];isolation:isolate;padding:var(--graupl-card-padding,var(--graupl-card-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative;transform:var(--graupl-card-transform,none);transition:var(--graupl-card-transition,transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.card,.card.top{grid-template-rows:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end]}.card.bottom,.card.inverse{grid-template-rows:[content-start] var(--graupl-card-content-ratio,1fr) [content-end image-start] var(--graupl-card-image-ratio,auto) [image-end]}.card:hover{--graupl-card-transform:var(--graupl-card-hover-transform,none)}.card.horizontal,.card.horizontal.left{--graupl-card-content-ratio:var(--graupl-horizontal-card-content-ratio,3fr);--graupl-card-image-ratio:var(--graupl-horizontal-card-image-ratio,2fr);grid-template-columns:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end];grid-template-rows:[image-start content-start] 1fr [image-end content-end]}.card.horizontal .card-image img,.card.horizontal.left .card-image img{border-radius:calc(var(--graupl-card-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, .125rem))) - min(var(--graupl-card-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, .125rem))), var(--graupl-card-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, .125rem))))) 0 0 calc(var(--graupl-card-border-bottom-left-radius, var(--graupl-border-bottom-left-radius, var(--graupl-border-radius, .125rem))) - min(var(--graupl-card-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, .125rem))), var(--graupl-card-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, .125rem)))))}.card.horizontal.inverse,.card.horizontal.right{grid-template-columns:[content-start] var(--graupl-card-content-ratio,1fr) [content-end image-start] var(--graupl-card-image-ratio,auto) [image-end]}.card.horizontal.inverse .card-image img,.card.horizontal.right .card-image img{border-radius:0 calc(var(--graupl-card-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, .125rem))) - min(var(--graupl-card-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, .125rem))), var(--graupl-card-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, .125rem))))) calc(var(--graupl-card-border-bottom-right-radius, var(--graupl-border-bottom-right-radius, var(--graupl-border-radius, .125rem))) - min(var(--graupl-card-border-bottom-width, var(--graupl-border-bottom-width, var(--graupl-border-width, .125rem))), var(--graupl-card-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, .125rem))))) 0}.card-image{grid-area:image;padding:var(--graupl-card-image-padding,var(--graupl-card-image-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-image-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.card-image img{border-radius:calc(var(--graupl-card-border-top-left-radius, var(--graupl-border-top-left-radius, var(--graupl-border-radius, .125rem))) - min(var(--graupl-card-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, .125rem))), var(--graupl-card-border-left-width, var(--graupl-border-left-width, var(--graupl-border-width, .125rem))))) calc(var(--graupl-card-border-top-right-radius, var(--graupl-border-top-right-radius, var(--graupl-border-radius, .125rem))) - min(var(--graupl-card-border-top-width, var(--graupl-border-top-width, var(--graupl-border-width, .125rem))), var(--graupl-card-border-right-width, var(--graupl-border-right-width, var(--graupl-border-width, .125rem))))) 0 0;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-content{display:flex;flex-direction:column;gap:var(--graupl-card-content-gap,var(--graupl-card-content-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-card-content-row-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-area:content;padding:var(--graupl-card-content-padding,var(--graupl-card-content-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-card-content-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.card-body{flex:1 0 auto}.card-footer,.card-title{flex:0 0 auto}@container (width <= 71ch){.card.horizontal,.card.horizontal.bottom,.card.horizontal.inverse,.card.horizontal.left,.card.horizontal.right,.card.horizontal.top{--graupl-horizontal-card-image-ratio:auto;--graupl-horizontal-card-content-ratio:1fr;grid-template-columns:[image-start content-start] 1fr [image-end content-end]}.card.horizontal,.card.horizontal.left,.card.horizontal.right,.card.horizontal.top{grid-template-rows:[image-start] var(--graupl-card-image-ratio,auto) [image-end content-start] var(--graupl-card-content-ratio,1fr) [content-end]}.card.horizontal.bottom,.card.horizontal.inverse{grid-template-rows:[content-start] var(--graupl-card-content-ratio,1fr) [content-end image-start] var(--graupl-card-image-ratio,auto) [image-end]}}@media (prefers-reduced-motion:reduce){.card{--graupl-card-transition:var(--graupl-card-transition-reduced-motion,none)}}}@layer graupl.theme{.card{background:var(--graupl-card-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-card-border-color,var(--graupl-card-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-card-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.card-title{color:var(--graupl-card-title-color,var(--graupl-card-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));font-size:var(--graupl-card-title-font-size,var(--graupl-h4-font-size,var(--graupl-font-2xl,calc(var(--graupl-font-size-base, 1rem)*1.728))));font-weight:var(--graupl-card-title-font-weight,var(--graupl-h4-font-weight,var(--graupl-heading-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)))));line-height:var(--graupl-card-title-line-height,var(--graupl-h4-line-height,var(--graupl-heading-line-height,var(--graupl-line-height,1.2em))))}}
|
|
2
|
+
/*# sourceMappingURL=card.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/component/card/_index.scss","../../../src/scss/component/card/_variables.scss","card.css","../../../src/scss/mixins/_container.scss","../../../src/scss/mixins/_animation.scss"],"names":[],"mappings":"AASI,wBCCF,MASE,0gBCoEiB,CDrEjB,wcC+GgB,CDhHhB,gdC2FgB,CDjGhB,YAAA,CASA,uMCkCO,CDzCP,6EAAA,CAQA,iBAAA,CAPA,gNCOW,CDTX,iBAAA,CAGA,2CCqBa,CDpBb,4IEFF,CFSE,gBAEE,iJERJ,CFgBE,2BAEE,iJEfJ,CFuBE,YACE,+DErBJ,CFyBI,uCAEE,2EAAA,CACA,uEAAA,CAEA,oJACE,CAKF,0EE9BN,CFgCM,uEACE,6sBE9BR,CF8CI,gDAEE,oJE7CN,CFoDM,gFACE,qtBElDR,CFqEA,YACE,eAAA,CACA,kOEnEF,CFqEE,gBAGE,qsBAAA,CADA,WAAA,CAcA,mBAAA,CAAA,gBAAA,CAfA,UEhEJ,CFmFA,cACE,YAAA,CAEA,qBAAA,CAEA,gOCsDe,CDzDf,iBAAA,CAEA,yOEhFF,CFoFA,WACE,aElFF,CFyFA,yBACE,aEpFF,CCzCA,2BHmIM,oIAME,yCAAA,CACA,0CAAA,CAEA,6EE7FN,CFgGI,mFAIE,iJEjGN,CFyGI,iDAEE,iJExGN,CACF,CElEA,uCJqLE,MACE,0EEhHF,CACF,CACF,CH1EI,oBC8LF,MAEE,mNC7Ic,CD4Id,sOCrIgB,CDuIhB,+LEjHF,CFoHA,YACE,8NCVe,CDWf,6ICPmB,CDQnB,iLCJqB,CDKrB,+IElHF,CACF","file":"card.css"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@charset "UTF-8";@layer graupl.base{.carousel-control{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.carousel-control.visited,.carousel-control:visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.carousel-control.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.carousel-control:focus-visible{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.carousel-control.hover,.carousel-control:hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.carousel-control.active,.carousel-control:active{transform:var(--graupl-button-active-transform,scale(.95))}.carousel-control.disabled{cursor:not-allowed}.carousel-control.disabled,.carousel-control.disabled.focus,.carousel-control.disabled.visited,.carousel-control.disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.carousel-control.disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.carousel-control.disabled.active,.carousel-control.disabled.hover,.carousel-control.disabled:active,.carousel-control.disabled:hover,.carousel-control:disabled{transform:var(--graupl-button-disabled-transform,none)}.carousel-control:disabled{cursor:not-allowed}.carousel-control:disabled.focus,.carousel-control:disabled.visited,.carousel-control:disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.carousel-control:disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.carousel-control:disabled.active,.carousel-control:disabled.hover,.carousel-control:disabled:active,.carousel-control:disabled:hover,.carousel-control[disabled]{transform:var(--graupl-button-disabled-transform,none)}.carousel-control[disabled]{cursor:not-allowed}.carousel-control[disabled].focus,.carousel-control[disabled].visited,.carousel-control[disabled]:visited{transform:var(--graupl-button-disabled-transform,none)}.carousel-control[disabled]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.carousel-control[aria-disabled=true],.carousel-control[disabled].active,.carousel-control[disabled].hover,.carousel-control[disabled]:active,.carousel-control[disabled]:hover{transform:var(--graupl-button-disabled-transform,none)}.carousel-control[aria-disabled=true]{cursor:not-allowed}.carousel-control[aria-disabled=true].focus,.carousel-control[aria-disabled=true].visited,.carousel-control[aria-disabled=true]:visited{transform:var(--graupl-button-disabled-transform,none)}.carousel-control[aria-disabled=true]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.carousel-control[aria-disabled=true].active,.carousel-control[aria-disabled=true].hover,.carousel-control[aria-disabled=true]:active,.carousel-control[aria-disabled=true]:hover{transform:var(--graupl-button-disabled-transform,none)}@media (prefers-reduced-motion:reduce){.carousel-control{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}.carousel-tab{align-items:center;border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));cursor:pointer;display:flex;font-size:var(--graupl-button-font-size,var(--graupl-font-base,calc(var(--graupl-font-size-base, 1rem)*1)));justify-content:center;min-height:var(--graupl-button-min-height,44px);min-width:var(--graupl-button-min-width,44px);padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-button-transform,none);transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.carousel-tab.visited,.carousel-tab:visited{transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none))}.carousel-tab.focus{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.carousel-tab:focus-visible{transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none))}.carousel-tab.hover,.carousel-tab:hover{transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none))}.carousel-tab.active,.carousel-tab:active{transform:var(--graupl-button-active-transform,scale(.95))}.carousel-tab.disabled{cursor:not-allowed}.carousel-tab.disabled,.carousel-tab.disabled.focus,.carousel-tab.disabled.visited,.carousel-tab.disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab.disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab.disabled.active,.carousel-tab.disabled.hover,.carousel-tab.disabled:active,.carousel-tab.disabled:hover,.carousel-tab:disabled{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab:disabled{cursor:not-allowed}.carousel-tab:disabled.focus,.carousel-tab:disabled.visited,.carousel-tab:disabled:visited{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab:disabled:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab:disabled.active,.carousel-tab:disabled.hover,.carousel-tab:disabled:active,.carousel-tab:disabled:hover,.carousel-tab[disabled]{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab[disabled]{cursor:not-allowed}.carousel-tab[disabled].focus,.carousel-tab[disabled].visited,.carousel-tab[disabled]:visited{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab[disabled]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab[aria-disabled=true],.carousel-tab[disabled].active,.carousel-tab[disabled].hover,.carousel-tab[disabled]:active,.carousel-tab[disabled]:hover{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab[aria-disabled=true]{cursor:not-allowed}.carousel-tab[aria-disabled=true].focus,.carousel-tab[aria-disabled=true].visited,.carousel-tab[aria-disabled=true]:visited{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab[aria-disabled=true]:focus-visible{transform:var(--graupl-button-disabled-transform,none)}.carousel-tab[aria-disabled=true].active,.carousel-tab[aria-disabled=true].hover,.carousel-tab[aria-disabled=true]:active,.carousel-tab[aria-disabled=true]:hover{transform:var(--graupl-button-disabled-transform,none)}@media (prefers-reduced-motion:reduce){.carousel-tab{--graupl-button-transition:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}}}@layer graupl.component{.carousel{display:grid;grid-template-columns:[slide-start controls-start] auto [tabs-start] var(--graupl-carousel-tabs-width,1fr) [tabs-end] auto [controls-end slide-end];grid-template-rows:[slide-start controls-start] var(--graupl-carousel-controls-height,auto) [controls-end] var(--graupl-carousel-slide-height,1fr) [tabs-start] var(--graupl-carousel-tabs-height,auto) [tabs-end slide-end];isolation:isolate;padding:var(--graupl-carousel-padding,var(--graupl-carousel-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-carousel-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative}.carousel[data-graupl-action=next] .carousel-item.previous{transform:translateX(calc(var(--graupl-carousel-item-max-width, 100%)*-1))}.carousel[data-graupl-action=next] .carousel-item.previous.active{transform:none}.carousel[data-graupl-action=next] .carousel-item.next{transform:translateX(var(--graupl-carousel-item-max-width,100%))}.carousel[data-graupl-action=next] .carousel-item.next.active{transform:none}.carousel[data-graupl-action=previous] .carousel-item.previous{transform:translateX(var(--graupl-carousel-item-max-width,100%))}.carousel[data-graupl-action=previous] .carousel-item.previous.active{transform:none}.carousel[data-graupl-action=previous] .carousel-item.next{transform:translateX(calc(var(--graupl-carousel-item-max-width, 100%)*-1))}.carousel[data-graupl-action=previous] .carousel-item.next.active{transform:none}.carousel-control-container{display:grid;grid-area:controls;grid-template-columns:[autoplay-start] var(--graupl-carousel-control-width,4rem) [autoplay-end] 1fr [previous-start] var(--graupl-carousel-control-width,4rem) [previous-end next-start] var(--graupl-carousel-control-width,4rem) [next-end];grid-template-rows:[autoplay-start next-start previous-start] var(--graupl-carousel-control-height,3rem) [previous-end next-end autoplay-end];pointer-events:none;z-index:1}.carousel-control{pointer-events:auto}.carousel-control.autoplay{grid-area:autoplay}.carousel-control.play:before{content:var(--graupl-carousel-play-content,"▶");display:inline-block}.carousel-control.pause:before{content:var(--graupl-carousel-pause-content,"❚❚");display:inline-block}.carousel-control.next{grid-area:next}.carousel-control.next:before{content:var(--graupl-carousel-next-content,"▶");display:inline-block}.carousel-control.previous{grid-area:previous}.carousel-control.previous:before{content:var(--graupl-carousel-previous-content,"◀");display:inline-block}.carousel-item-container{display:grid;grid-area:slide;grid-template-areas:"items";isolation:isolate;overflow-x:hidden;padding:var(--graupl-carousel-item-container-padding,var(--graupl-carousel-item-container-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-carousel-item-container-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));z-index:0}.carousel-item{grid-area:items;max-width:var(--graupl-carousel-item-max-width,100%);opacity:0;z-index:-1}.carousel-item.active{transform:none}.carousel-item.active,.carousel-item.previous{opacity:1;transition:transform var(--graupl-carousel-transition-duration,.5s) ease-in-out;z-index:1}.carousel-item.previous{transform:translateX(calc(var(--graupl-carousel-item-max-width, 100%)*-1))}.carousel-item.previous.active{transform:none}.carousel-item.next{opacity:1;transform:translateX(var(--graupl-carousel-item-max-width,100%));z-index:1}.carousel-item.next.active{transform:none}.carousel-tab-container{display:flex;gap:var(--graupl-carousel-tab-container-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5)));grid-area:tabs;justify-content:center;padding:var(--graupl-carousel-tab-container-padding,var(--graupl-carousel-tab-container-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-carousel-tab-container-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));pointer-events:none;z-index:1}.carousel-tab{--graupl-button-border-radius:50%;pointer-events:auto}}@layer graupl.theme{.carousel-control{background:var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.carousel-control.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.carousel-control.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.carousel-control.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.carousel-control.visited,.carousel-control:visited{background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.carousel-control.focus{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.carousel-control:focus-visible{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.carousel-control.hover,.carousel-control:hover{background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.carousel-control.active,.carousel-control:active{background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.carousel-control.disabled,.carousel-control.disabled.focus,.carousel-control.disabled.visited,.carousel-control.disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control.disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control.disabled.active,.carousel-control.disabled.hover,.carousel-control.disabled:active,.carousel-control.disabled:hover,.carousel-control:disabled,.carousel-control:disabled.focus,.carousel-control:disabled.visited,.carousel-control:disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control:disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control:disabled.active,.carousel-control:disabled.hover,.carousel-control:disabled:active,.carousel-control:disabled:hover,.carousel-control[disabled],.carousel-control[disabled].focus,.carousel-control[disabled].visited,.carousel-control[disabled]:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control[disabled]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control[aria-disabled=true],.carousel-control[aria-disabled=true].focus,.carousel-control[aria-disabled=true].visited,.carousel-control[aria-disabled=true]:visited,.carousel-control[disabled].active,.carousel-control[disabled].hover,.carousel-control[disabled]:active,.carousel-control[disabled]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control[aria-disabled=true]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-control[aria-disabled=true].active,.carousel-control[aria-disabled=true].hover,.carousel-control[aria-disabled=true]:active,.carousel-control[aria-disabled=true]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab{background:var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.carousel-tab.primary{--graupl-button-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)));--graupl-button-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)));--graupl-button-hover-background:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-hover-border-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)));--graupl-button-disabled-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)));--graupl-button-disabled-border-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.carousel-tab.secondary{--graupl-button-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)));--graupl-button-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)));--graupl-button-hover-background:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-hover-border-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)));--graupl-button-disabled-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)));--graupl-button-disabled-border-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.carousel-tab.tertiary{--graupl-button-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)));--graupl-button-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)));--graupl-button-hover-background:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-hover-border-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)));--graupl-button-disabled-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)));--graupl-button-disabled-border-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.carousel-tab.visited,.carousel-tab:visited{background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.carousel-tab.focus{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.carousel-tab:focus-visible{background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.carousel-tab.hover,.carousel-tab:hover{background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.carousel-tab.active,.carousel-tab:active{background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.carousel-tab.disabled,.carousel-tab.disabled.focus,.carousel-tab.disabled.visited,.carousel-tab.disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab.disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab.disabled.active,.carousel-tab.disabled.hover,.carousel-tab.disabled:active,.carousel-tab.disabled:hover,.carousel-tab:disabled,.carousel-tab:disabled.focus,.carousel-tab:disabled.visited,.carousel-tab:disabled:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab:disabled:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab:disabled.active,.carousel-tab:disabled.hover,.carousel-tab:disabled:active,.carousel-tab:disabled:hover,.carousel-tab[disabled],.carousel-tab[disabled].focus,.carousel-tab[disabled].visited,.carousel-tab[disabled]:visited{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab[disabled]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab[aria-disabled=true],.carousel-tab[aria-disabled=true].focus,.carousel-tab[aria-disabled=true].visited,.carousel-tab[aria-disabled=true]:visited,.carousel-tab[disabled].active,.carousel-tab[disabled].hover,.carousel-tab[disabled]:active,.carousel-tab[disabled]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab[aria-disabled=true]:focus-visible{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.carousel-tab[aria-disabled=true].active,.carousel-tab[aria-disabled=true].hover,.carousel-tab[aria-disabled=true]:active,.carousel-tab[aria-disabled=true]:hover{background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
|
|
2
|
+
/*# sourceMappingURL=carousel.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","carousel.css","../../../src/scss/component/carousel/_index.scss","../../../src/scss/base/button/_mixins.scss","../../../src/scss/base/button/_variables.scss","../../../src/scss/mixins/_animation.scss","../../../src/scss/component/carousel/_variables.scss"],"names":[],"mappings":"AASI,gBC2aJ,CD3aI,mBECF,kBCIA,kBAAA,CASA,ohBC8LqB,CD/LrB,kdC0KoB,CD3KpB,0dCsJoB,CDlJpB,cAAA,CAZA,YAAA,CAWA,2GCUiB,CDnBjB,sBAAA,CAEA,+CCCkB,CDFlB,6CCFiB,CDIjB,uNCYe,CDXf,6CCqCiB,CDpCjB,mVFHA,CEaI,oDACE,oFFRN,CEOI,wBACE,kFFLN,CEII,gCACE,kFFFN,CECI,gDACE,kFFIN,CELI,kDACE,0DFUN,CEXI,2BAKI,kBFUR,CEJc,kIACE,sDFYhB,CEbc,yCACE,sDFehB,CE3BI,iKAYY,sDF+BhB,CE3CI,2BAKI,kBFsCR,CEhCc,uGACE,sDFwChB,CEzCc,yCACE,sDF2ChB,CEvDI,kKAYY,sDF2DhB,CEvEI,4BAKI,kBFkER,CE5Dc,0GACE,sDFoEhB,CErEc,0CACE,sDFuEhB,CEnFI,gLAYY,sDFuFhB,CEnGI,sCAKI,kBF8FR,CExFc,wIACE,sDFgGhB,CEjGc,oDACE,sDFmGhB,CEpGc,kLACE,sDF+GhB,CI9IA,uCHDA,kBC2CE,sLFwGA,CACF,CChJA,cCAA,kBAAA,CASA,ohBC8LqB,CD/LrB,kdC0KoB,CD3KpB,0dCsJoB,CDlJpB,cAAA,CAZA,YAAA,CAWA,2GCUiB,CDnBjB,sBAAA,CAEA,+CCCkB,CDFlB,6CCFiB,CDIjB,uNCYe,CDXf,6CCqCiB,CDpCjB,mVFyJA,CE/II,4CACE,oFFoJN,CErJI,oBACE,kFFuJN,CExJI,4BACE,kFF0JN,CE3JI,wCACE,kFFgKN,CEjKI,0CACE,0DFsKN,CEvKI,uBAKI,kBFsKR,CEhKc,kHACE,sDFwKhB,CEzKc,qCACE,sDF2KhB,CEvLI,6IAYY,sDF2LhB,CEvMI,uBAKI,kBFkMR,CE5Lc,2FACE,sDFoMhB,CErMc,qCACE,sDFuMhB,CEnNI,8IAYY,sDFuNhB,CEnOI,wBAKI,kBF8NR,CExNc,8FACE,sDFgOhB,CEjOc,sCACE,sDFmOhB,CE/OI,4JAYY,sDFmPhB,CE/PI,kCAKI,kBF0PR,CEpPc,4HACE,sDF4PhB,CE7Pc,gDACE,sDF+PhB,CEhQc,kKACE,sDF2QhB,CI1SA,uCHGA,cCuCE,sLFoQA,CACF,CACF,CDlTI,wBEWF,UACE,YAAA,CAEA,mJAAA,CACA,4NAAA,CACA,iBAAA,CACA,4NIYe,CJhBf,iBD8SF,CCtSM,2DACE,0EDwSR,CCtSQ,kEACE,cDwSV,CCpSM,uDACE,gEDsSR,CCpSQ,8DACE,cDsSV,CC9RM,+DACE,gEDgSR,CC9RQ,sEACE,cDgSV,CC5RM,2DACE,0ED8RR,CC5RQ,kEACE,cD8RV,CCvRA,4BACE,YAAA,CAEA,kBAAA,CACA,6OACE,CAGF,6IAAA,CACA,mBAAA,CAPA,SD6RF,CCnRA,kBACE,mBDqRF,CCnRE,2BACE,kBDqRJ,CClRE,8BACE,+CI3BkB,CJ4BlB,oBDoRJ,CCjRE,+BACE,iDI5BmB,CJ6BnB,oBDmRJ,CChRE,uBACE,cDkRJ,CChRI,8BACE,+CIhCgB,CJiChB,oBDkRN,CC9QE,2BACE,kBDgRJ,CC9QI,kCACE,mDIrCoB,CJsCpB,oBDgRN,CC3QA,yBACE,YAAA,CAEA,eAAA,CACA,2BAAA,CAGA,iBAAA,CADA,iBAAA,CADA,yQIlE8B,CJ+D9B,SDkRF,CC1QA,eAEE,eAAA,CACA,oDItFsB,CJuFtB,SAAA,CAHA,UD+QF,CC1QE,sBAEE,cD8QJ,CCvQE,8CAHE,SAAA,CAHA,+EAAA,CAFA,SDqRJ,CC7QE,wBAEE,0ED2QJ,CCrQI,+BACE,cDuQN,CCnQE,oBAGE,SAAA,CADA,gEAAA,CADA,SDuQJ,CCnQI,2BACE,cDqQN,CChQA,wBACE,YAAA,CAKA,uGIxEyB,CJqEzB,cAAA,CACA,sBAAA,CACA,wQI3E6B,CJ6E7B,mBAAA,CALA,SDuQF,CC/PA,cACE,iCAAA,CAEA,mBDgQF,CACF,CD3aI,oBE+KF,kBC5HA,qNC8BkB,CD/BlB,0OCiKoB,CD/JpB,iMF6XA,CEzXE,0BAEI,yIAAA,CAAA,gJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,kJAAA,CAAA,yJFgYN,CElYE,4BAEI,+IAAA,CAAA,sJAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,wJAAA,CAAA,+JFyYN,CE3YE,2BAEI,4IAAA,CAAA,mJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,qJAAA,CAAA,4JFkZN,CE1YI,oDAEE,6PAAA,CADA,oRAAA,CAEA,oOFiZN,CEpZI,wBAEE,2PAAA,CADA,kRAAA,CAEA,kOFsZN,CEzZI,gCAEE,2PAAA,CADA,kRAAA,CAEA,kOF2ZN,CE9ZI,gDAEE,iNAAA,CADA,gPAAA,CAEA,iNFqaN,CExaI,kDAEE,wPAAA,CADA,yRAAA,CAEA,mPF+aN,CEvac,kIAEE,8NAAA,CADA,2KAAA,CAEA,6JFwbhB,CE3bc,yCAEE,8NAAA,CADA,2KAAA,CAEA,6JF6bhB,CEhcc,wQAEE,8NAAA,CADA,2KAAA,CAEA,6JFqehB,CExec,yCAEE,8NAAA,CADA,2KAAA,CAEA,6JF0ehB,CE7ec,4QAEE,8NAAA,CADA,2KAAA,CAEA,6JFkhBhB,CErhBc,0CAEE,8NAAA,CADA,2KAAA,CAEA,6JFuhBhB,CE1hBc,wTAEE,8NAAA,CADA,2KAAA,CAEA,6JF+jBhB,CElkBc,oDAEE,8NAAA,CADA,2KAAA,CAEA,6JFokBhB,CEvkBc,kLAEE,8NAAA,CADA,2KAAA,CAEA,6JFwlBhB,CCrfA,cChIA,qNC8BkB,CD/BlB,0OCiKoB,CD/JpB,iMFynBA,CErnBE,sBAEI,yIAAA,CAAA,gJAAA,CAAA,+IAAA,CAAA,oJAAA,CAAA,sJAAA,CAAA,kJAAA,CAAA,yJF4nBN,CE9nBE,wBAEI,+IAAA,CAAA,sJAAA,CAAA,qJAAA,CAAA,0JAAA,CAAA,4JAAA,CAAA,wJAAA,CAAA,+JFqoBN,CEvoBE,uBAEI,4IAAA,CAAA,mJAAA,CAAA,kJAAA,CAAA,uJAAA,CAAA,yJAAA,CAAA,qJAAA,CAAA,4JF8oBN,CEtoBI,4CAEE,6PAAA,CADA,oRAAA,CAEA,oOF6oBN,CEhpBI,oBAEE,2PAAA,CADA,kRAAA,CAEA,kOFkpBN,CErpBI,4BAEE,2PAAA,CADA,kRAAA,CAEA,kOFupBN,CE1pBI,wCAEE,iNAAA,CADA,gPAAA,CAEA,iNFiqBN,CEpqBI,0CAEE,wPAAA,CADA,yRAAA,CAEA,mPF2qBN,CEnqBc,kHAEE,8NAAA,CADA,2KAAA,CAEA,6JForBhB,CEvrBc,qCAEE,8NAAA,CADA,2KAAA,CAEA,6JFyrBhB,CE5rBc,wOAEE,8NAAA,CADA,2KAAA,CAEA,6JFiuBhB,CEpuBc,qCAEE,8NAAA,CADA,2KAAA,CAEA,6JFsuBhB,CEzuBc,4OAEE,8NAAA,CADA,2KAAA,CAEA,6JF8wBhB,CEjxBc,sCAEE,8NAAA,CADA,2KAAA,CAEA,6JFmxBhB,CEtxBc,wRAEE,8NAAA,CADA,2KAAA,CAEA,6JF2zBhB,CE9zBc,gDAEE,8NAAA,CADA,2KAAA,CAEA,6JFg0BhB,CEn0Bc,kKAEE,8NAAA,CADA,2KAAA,CAEA,6JFo1BhB,CACF","file":"carousel.css"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer graupl.component{.input-group{align-items:center;display:grid;gap:var(--graupl-input-group-gap,var(--graupl-input-group-row-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-input-group-column-gap,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}.input-group label{grid-area:var(--graupl-input-group-label-grid-area,label)}.input-group input,.input-group select,.input-group textarea{grid-area:var(--graupl-input-group-input-grid-area,input)}.input-group .help-text{grid-area:var(--graupl-input-group-help-grid-area,help)}.input-group.inline{grid-template-areas:var(--graupl-input-group-inline-grid-template-areas,"label input" "- help");grid-template-columns:var(--graupl-input-group-inline-grid-template-columns,auto 1fr);grid-template-rows:var(--graupl-input-group-inline-grid-template-rows,auto auto)}@media screen and (width <= 47ch){.input-group.inline{grid-template-areas:var(--graupl-input-group-grid-template-areas,"label" "input" "help");grid-template-columns:var(--graupl-input-group-grid-template-columns,100%);grid-template-rows:var(--graupl-input-group-grid-template-rows,auto auto auto)}}}
|
|
2
|
+
/*# sourceMappingURL=input-group.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/component/input-group/_index.scss","../../../src/scss/component/input-group/_variables.scss","input-group.css","../../../src/scss/mixins/_screen.scss"],"names":[],"mappings":"AASI,wBCCF,aAKE,kBAAA,CAJA,YAAA,CAKA,+NCiBc,CDrBd,wFCD8B,CDE9B,0ECIgC,CDHhC,8EENF,CFUE,mBACE,yDERJ,CFWE,6DAGE,yDETJ,CFYE,wBACE,uDEVJ,CFaE,oBACE,+FCMmC,CDLnC,qFCUqC,CDTrC,gFEXJ,CCDA,kCHiBE,oBACE,wFC9B4B,CD+B5B,0ECzB8B,CD0B9B,8EEbF,CACF,CACF","file":"input-group.css"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@layer graupl.component{.list{border-radius:var(--graupl-list-border-radius,var(--graupl-list-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-list-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-list-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-list-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-list-border-style,var(--graupl-list-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-list-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-list-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-list-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-list-border-width,var(--graupl-list-border-top-width,0) var(--graupl-list-border-right-width,0) var(--graupl-list-border-bottom-width,0) var(--graupl-list-border-left-width,0));display:grid;gap:var(--graupl-list-gap,var(--graupl-list-column-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-list-row-gap,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))));list-style:none;margin:var(--graupl-list-margin,var(--graupl-list-margin-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-list-margin-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-list-padding,var(--graupl-list-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-list-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.list,.list-item{position:relative}.list-item{border-radius:var(--graupl-list-item-border-radius,var(--graupl-list-item-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-list-item-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-list-item-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-list-item-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-list-item-border-style,var(--graupl-list-item-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-list-item-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-list-item-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-list-item-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-list-item-border-width,var(--graupl-list-item-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-list-item-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-list-item-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-list-item-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));padding:var(--graupl-list-item-padding,var(--graupl-list-item-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-list-item-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));transform:var(--graupl-list-item-transform,none);transition:var(--graupl-list-item-transition,transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.list-item.hover,.list-item:hover{--graupl-list-item-transform:$list-item-hover-transform}}@layer graupl.theme{.list{background:var(--graupl-list-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-list-border-color,var(--graupl-list-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-list-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.list-item{background:var(--graupl-list-item-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-list-item-border-color,var(--graupl-list-item-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-list-item-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}}
|
|
2
|
+
/*# sourceMappingURL=list.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","../../../src/scss/component/list/_index.scss","../../../src/scss/component/list/_variables.scss","list.css"],"names":[],"mappings":"AASI,wBCCF,MAOE,0gBC8DiB,CD/DjB,wcCsGgB,CDvGhB,0MCkFgB,CDtFhB,YAAA,CAQA,2MC2BO,CD5BP,eAAA,CALA,4MCmBU,CDlBV,gNEHF,CFWA,iBAVE,iBEQF,CFEA,WAOE,miBC+JsB,CDhKtB,ieC2MqB,CD5MrB,yeCuLqB,CD1LrB,gOC6GgB,CD5GhB,gDC2HkB,CD1HlB,iJENF,CFYI,kCACE,uDEPN,CACF,CHlBI,oBC+BF,MAEE,mNCUc,CDXd,sOCkBgB,CDhBhB,+LEVF,CFaA,WAEE,wNC8GmB,CD/GnB,gPCyHqB,CDvHrB,oMEXF,CACF","file":"list.css"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@charset "UTF-8";@layer graupl.component{.menu{--graupl-link-padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-link-border-width:var(--graupl-menu-link-border-width,var(--graupl-menu-link-border-top-width,0) var(--graupl-menu-link-border-right-width,0) var(--graupl-menu-link-border-bottom-width,0) var(--graupl-menu-link-border-left-width,0));--graupl-link-border-radius:var(--graupl-menu-link-border-radius,var(--graupl-menu-link-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-menu-link-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-menu-link-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-menu-link-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,0.125rem))));--graupl-link-border-style:var(--graupl-menu-link-border-style,var(--graupl-menu-link-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-menu-link-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-menu-link-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-menu-link-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));--graupl-link-text-decoration:var(--graupl-menu-link-text-decoration,none);--graupl-link-text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-link-text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);--graupl-link-transform:var(--graupl-menu-link-transform,none);--graupl-link-visited-text-decoration:var(--graupl-menu-link-visited-text-decoration,var(--graupl-menu-link-text-decoration,none));--graupl-link-visited-text-decoration-thickness:var(--graupl-menu-link-visited-text-decoration-thickness,var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-link-visited-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-link-visited-transform:var(--graupl-menu-link-visited-transform,var(--graupl-menu-link-transform,none));--graupl-link-focus-text-decoration:var(--graupl-menu-link-focus-text-decoration,var(--graupl-menu-link-text-decoration,none));--graupl-link-focus-text-decoration-thickness:var(--graupl-menu-link-focus-text-decoration-thickness,var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-link-focus-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-link-focus-transform:var(--graupl-menu-link-focus-transform,var(--graupl-menu-link-transform,none));--graupl-link-hover-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-link-hover-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-link-hover-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-link-hover-transform:var(--graupl-menu-link-hover-transform,none);--graupl-link-active-text-decoration:var(--graupl-menu-link-active-text-decoration,var(--graupl-menu-link-hover-text-decoration,none));--graupl-link-active-text-decoration-thickness:var(--graupl-menu-link-active-text-decoration-thickness,var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-link-active-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,var(--graupl-menu-link-hover-text-decoration-style,solid));--graupl-link-active-transform:var(--graupl-menu-link-active-transform,var(--graupl-menu-link-hover-transform,none));--graupl-link-disabled-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-link-disabled-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-link-disabled-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-link-disabled-transform:var(--graupl-menu-link-disabled-transform,none);border-radius:var(--graupl-menu-border-radius,var(--graupl-menu-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-menu-border-style,var(--graupl-menu-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-menu-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-menu-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-menu-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-menu-border-width,var(--graupl-menu-border-top-width,0) var(--graupl-menu-border-right-width,0) var(--graupl-menu-border-bottom-width,0) var(--graupl-menu-border-left-width,0));display:var(--graupl-menu-display,flex);flex-direction:var(--graupl-menu-flex-direction,row);gap:var(--graupl-menu-gap,var(--graupl-menu-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));isolation:isolate;list-style:none;padding:var(--graupl-menu-padding,var(--graupl-menu-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))))}.menu.show{--graupl-menu-display:var(--graupl-menu-show-display,flex)}.menu.hide{--graupl-menu-display:var(--graupl-menu-hide-display,none)}.submenu{border-radius:var(--graupl-submenu-border-radius,var(--graupl-submenu-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-submenu-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-submenu-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-submenu-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-submenu-border-style,var(--graupl-submenu-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-submenu-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-submenu-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-submenu-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-submenu-border-width,var(--graupl-submenu-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-submenu-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-submenu-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-submenu-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));display:var(--graupl-submenu-display,none);flex:1 1;flex-direction:var(--graupl-submenu-flex-direction,column);gap:var(--graupl-submenu-gap,var(--graupl-submenu-column-gap,var(--graupl-menu-column-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0)))) var(--graupl-submenu-row-gap,var(--graupl-menu-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0)))));inset:var(--graupl-submenu-inset,var(--graupl-submenu-top,100%) var(--graupl-submenu-right,auto) var(--graupl-submenu-bottom,auto) var(--graupl-submenu-left,0));isolation:isolate;list-style:none;padding:var(--graupl-submenu-padding,var(--graupl-submenu-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-submenu-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:var(--graupl-submenu-position,absolute);z-index:var(--graupl-submenu-z-index,2)}.submenu.show{--graupl-submenu-display:var(--graupl-submenu-show-display,flex)}.submenu.hide{--graupl-submenu-display:var(--graupl-submenu-hide-display,none)}.menu-item{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:var(--graupl-menu-item-max-width,100%);min-width:var(--graupl-menu-item-min-width,-moz-min-content);min-width:var(--graupl-menu-item-min-width,min-content);padding:var(--graupl-menu-item-padding,var(--graupl-menu-item-padding-y,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))) var(--graupl-menu-item-padding-x,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));position:relative}.menu-link{border-radius:var(--graupl-menu-link-border-radius,var(--graupl-menu-link-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-link-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-link-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-menu-link-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-menu-link-border-style,var(--graupl-menu-link-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-menu-link-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-menu-link-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-menu-link-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-menu-link-border-width,var(--graupl-menu-link-border-top-width,0) var(--graupl-menu-link-border-right-width,0) var(--graupl-menu-link-border-bottom-width,0) var(--graupl-menu-link-border-left-width,0));display:flex;gap:var(--graupl-menu-link-gap,var(--graupl-menu-link-column-gap,var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1)))) var(--graupl-menu-link-row-gap,var(--graupl-spacer-0,calc(var(--graupl-spacer, 1rem)*0))));padding:var(--graupl-menu-link-padding,var(--graupl-menu-link-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-menu-link-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));-webkit-text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration:var(--graupl-menu-link-text-decoration,none);text-decoration-style:var(--graupl-menu-link-text-decoration-style,solid);text-decoration-thickness:var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,.125rem));transform:var(--graupl-menu-link-transform,none);transition:var(--graupl-menu-link-transition,background var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease));width:100%}.menu-link:visited{--graupl-menu-link-text-decoration:var(--graupl-menu-link-visited-text-decoration,var(--graupl-menu-link-text-decoration,none));--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-visited-text-decoration-thickness,var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-visited-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-menu-link-transform:var(--graupl-menu-link-visited-transform,var(--graupl-menu-link-transform,none))}.menu-link:focus-visible{--graupl-menu-link-text-decoration:var(--graupl-menu-link-focus-text-decoration,var(--graupl-menu-link-text-decoration,none));--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-focus-text-decoration-thickness,var(--graupl-menu-link-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-focus-text-decoration-style,var(--graupl-menu-link-text-decoration-style,solid));--graupl-menu-link-transform:var(--graupl-menu-link-focus-transform,var(--graupl-menu-link-transform,none))}.menu-link:hover{--graupl-menu-link-text-decoration:var(--graupl-menu-link-hover-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-hover-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-hover-transform,none)}.menu-link:active{--graupl-menu-link-text-decoration:var(--graupl-menu-link-active-text-decoration,var(--graupl-menu-link-hover-text-decoration,none));--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-active-text-decoration-thickness,var(--graupl-menu-link-hover-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-active-text-decoration-style,var(--graupl-menu-link-hover-text-decoration-style,solid));--graupl-menu-link-transform:var(--graupl-menu-link-active-transform,var(--graupl-menu-link-hover-transform,none))}.menu-link:disabled,.menu-link:disabled:active,.menu-link:disabled:focus-visible,.menu-link:disabled:hover,.menu-link:disabled:visited,.menu-link[disabled],.menu-link[disabled]:active,.menu-link[disabled]:focus-visible,.menu-link[disabled]:hover,.menu-link[disabled]:visited{--graupl-menu-link-text-decoration:var(--graupl-menu-link-disabled-text-decoration,none);--graupl-menu-link-text-decoration-thickness:var(--graupl-menu-link-disabled-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-menu-link-text-decoration-style:var(--graupl-menu-link-disabled-text-decoration-style,solid);--graupl-menu-link-transform:var(--graupl-menu-link-disabled-transform,none)}.menu-link.button{--graupl-menu-link-padding:var(--graupl-button-padding,var(--graupl-button-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*0.5))) var(--graupl-button-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))));--graupl-menu-link-border-width:var(--graupl-button-border-width,var(--graupl-button-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,0.125rem))) var(--graupl-button-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,0.125rem))));--graupl-menu-link-border-radius:var(--graupl-button-border-radius,var(--graupl-button-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,0.125rem))) var(--graupl-button-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,0.125rem))));--graupl-menu-link-border-style:var(--graupl-button-border-style,var(--graupl-button-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-button-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-button-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-button-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));--graupl-menu-link-text-decoration:none;--graupl-menu-link-visited-text-decoration:none;--graupl-menu-link-focus-text-decoration:none;--graupl-menu-link-hover-text-decoration:none;--graupl-menu-link-active-text-decoration:none;--graupl-menu-link-disabled-text-decoration:none;--graupl-menu-link-transition:var(--graupl-button-transition,background var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),color var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease),transform var(--graupl-transition-duration-fast,150ms) var(--graupl-transition-timing-function,ease));--graupl-menu-link-transition-reduced-motion:var(--graupl-button-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease));--graupl-menu-link-transform:var(--graupl-button-transform,none);--graupl-menu-link-visited-transform:var(--graupl-button-visited-transform,var(--graupl-button-transform,none));--graupl-menu-link-focus-transform:var(--graupl-button-focus-transform,var(--graupl-button-transform,none));--graupl-menu-link-hover-transform:var(--graupl-button-hover-transform,var(--graupl-button-transform,none));--graupl-menu-link-active-transform:var(--graupl-button-active-transform,scale(0.95));--graupl-menu-link-disabled-transform:var(--graupl-button-disabled-transform,none)}.submenu-toggle{align-items:center;display:flex;justify-content:space-between}.submenu-toggle:after{content:var(--graupl-submenu-toggle-content,"↓");display:block;transform:var(--graupl-submenu-toggle-transform,rotate(0deg));transition:var(--graupl-submenu-toggle-transition,transform var(--graupl-transition-duration-fast,.15s) var(--graupl-transition-timing-function,ease))}.submenu-toggle[aria-expanded=true]:after{--graupl-submenu-toggle-transform:var(--graupl-submenu-toggle-open-transform,rotate(-180deg))}@media (prefers-reduced-motion:reduce){.menu-link{--graupl-menu-link-transition:var(--graupl-menu-link-transition-reduced-motion,background var(--graupl-transition-timing-function,ease),color var(--graupl-transition-timing-function,ease))}.submenu-toggle:after{--graupl-submenu-toggle-transition:var(--graupl-submenu-toggle-transition-reduced-motion,none)}}}@layer graupl.theme{.menu{--graupl-link-color:var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-background:var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-border-color:var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-visited-color:var(--graupl-menu-link-visited-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-visited-background:var(--graupl-menu-link-visited-background,var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-link-visited-border-color:var(--graupl-menu-link-visited-border-color,var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));--graupl-link-visited-text-decoration-color:var(--graupl-menu-link-visited-text-decoration-color,var(--graupl-menu-link-visited-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));--graupl-link-focus-color:var(--graupl-menu-link-focus-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-focus-background:var(--graupl-menu-link-focus-background,var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-link-focus-border-color:var(--graupl-menu-link-focus-border-color,var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));--graupl-link-focus-text-decoration-color:var(--graupl-menu-link-focus-text-decoration-color,var(--graupl-menu-link-focus-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));--graupl-link-hover-color:var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-link-hover-background:var(--graupl-menu-link-hover-background,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-link-hover-border-color:var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-link-hover-text-decoration-color:var(--graupl-menu-link-hover-text-decoration-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-link-active-color:var(--graupl-menu-link-active-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-link-active-background:var(--graupl-menu-link-active-background,var(--graupl-menu-link-hover-background,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-link-active-border-color:var(--graupl-menu-link-active-border-color,var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))));--graupl-link-active-text-decoration-color:var(--graupl-menu-link-active-text-decoration-color,var(--graupl-menu-link-active-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))));--graupl-link-disabled-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-link-disabled-background:var(--graupl-menu-link-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-link-disabled-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));--graupl-link-disabled-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));background:var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));border-color:var(--graupl-menu-border-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));color:var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.submenu{background:var(--graupl-submenu-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-submenu-border-color,var(--graupl-submenu-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-submenu-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.menu-link{background:var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));text-decoration-color:var(--graupl-menu-link-text-decoration-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}.menu-link:visited{--graupl-menu-link-background:var(--graupl-menu-link-visited-background,var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-menu-link-color:var(--graupl-menu-link-visited-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-visited-text-decoration-color,var(--graupl-menu-link-visited-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));--graupl-menu-link-border-color:var(--graupl-menu-link-visited-border-color,var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))))}.menu-link:focus-visible{--graupl-menu-link-background:var(--graupl-menu-link-focus-background,var(--graupl-menu-link-background,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-menu-link-color:var(--graupl-menu-link-focus-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-focus-text-decoration-color,var(--graupl-menu-link-focus-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))));--graupl-menu-link-border-color:var(--graupl-menu-link-focus-border-color,var(--graupl-menu-link-border-color,var(--graupl-menu-link-color,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))))}.menu-link:hover{--graupl-menu-link-background:var(--graupl-menu-link-hover-background,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-color:var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-hover-text-decoration-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-menu-link-border-color:var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))))}.menu-link:active{--graupl-menu-link-background:var(--graupl-menu-link-active-background,var(--graupl-menu-link-hover-background,var(--graupl-menu-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-menu-link-color:var(--graupl-menu-link-active-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-active-text-decoration-color,var(--graupl-menu-link-active-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))));--graupl-menu-link-border-color:var(--graupl-menu-link-active-border-color,var(--graupl-menu-link-hover-border-color,var(--graupl-menu-link-hover-color,var(--graupl-menu-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))))}.menu-link:disabled,.menu-link:disabled:active,.menu-link:disabled:focus-visible,.menu-link:disabled:hover,.menu-link:disabled:visited{--graupl-menu-link-background:var(--graupl-menu-link-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-color:var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-text-decoration-color:var(--graupl-menu-link-disabled-text-decoration-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))));--graupl-menu-link-border-color:var(--graupl-menu-link-disabled-border-color,var(--graupl-menu-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))))}.menu-link.button{--graupl-menu-link-background:var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-border-color:var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-visited-background:var(--graupl-button-visited-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-menu-link-visited-color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-visited-border-color:var(--graupl-button-visited-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-menu-link-focus-background:var(--graupl-button-focus-background,var(--graupl-button-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-menu-link-focus-color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-focus-border-color:var(--graupl-button-focus-border-color,var(--graupl-button-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-menu-link-hover-background:var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-menu-link-hover-color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-hover-border-color:var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-active-background:var(--graupl-button-active-background,var(--graupl-button-hover-background,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-menu-link-active-color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));--graupl-menu-link-active-border-color:var(--graupl-button-active-border-color,var(--graupl-button-hover-border-color,var(--graupl-border-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-menu-link-disabled-background:var(--graupl-button-disabled-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-link-disabled-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))));--graupl-menu-link-disabled-border-color:var(--graupl-button-disabled-border-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
|
|
2
|
+
/*# sourceMappingURL=menu.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","menu.css","../../../src/scss/component/menu/_index.scss","../../../src/scss/component/menu/_variables.scss","../../../src/scss/mixins/_animation.scss"],"names":[],"mappings":"AASI,gBC4JJ,CD5JI,wBEEF,MACE,+OAAA,CACA,iPAAA,CACA,qjBAAA,CACA,+eAAA,CACA,0EAAA,CACA,6HAAA,CACA,uFAAA,CACA,8DAAA,CACA,kIAAA,CACA,+LAAA,CACA,qJAAA,CACA,gHAAA,CACA,8HAAA,CACA,2LAAA,CACA,iJAAA,CACA,4GAAA,CACA,sFAAA,CACA,yIAAA,CACA,mGAAA,CACA,0EAAA,CACA,sIAAA,CACA,mMAAA,CACA,yJAAA,CACA,oHAAA,CACA,4FAAA,CACA,+IAAA,CACA,yGAAA,CACA,gFAAA,CAOA,0gBCwCiB,CDzCjB,wcCmFgB,CDpFhB,0MC+DgB,CDlEhB,uCCYW,CDXX,oDC7BkB,CDmClB,uMCTO,CDUP,iBAAA,CAFA,eAAA,CAJA,gNDFF,CCUE,WACE,0DDRJ,CCWE,WACE,0DDTJ,CCaA,SASE,yhBC+IoB,CDhJpB,udC0LmB,CD3LnB,+dCsKmB,CD5KnB,0CCsHc,CDnHd,QAAA,CACA,0DCsEqB,CDhErB,yQC8FU,CD5FV,gKCgNY,CDjNZ,iBAAA,CAFA,eAAA,CAJA,yNCqFc,CDzFd,gDCuMe,CDtMf,uCDDF,CCaE,cACE,gEDXJ,CCcE,cACE,gEDZJ,CCgBA,WAIE,kBAAA,CAHA,YAAA,CAEA,cAAA,CAEA,sBAAA,CAEA,gDCwMkB,CDzMlB,4DCqMkB,CDrMlB,uDCqMkB,CDnMlB,+NCmNgB,CDzNhB,iBDRF,CCiBA,WAQE,miBC4bsB,CD7btB,ieCweqB,CDzerB,mOCodqB,CDzdrB,YAAA,CAUA,wPC+QY,CDvRZ,gOCiOgB,CD3NhB,oECyUwB,CDzUxB,4DCyUwB,CDxUxB,yECwX8B,CDtX9B,8GC8VkC,CDtWlC,gDCoPkB,CDnPlB,kPCqOmB,CDxOnB,UDLF,CCiBE,mBACE,+HAAA,CACA,4LAAA,CACA,kJAAA,CACA,6GDfJ,CCkBE,yBACE,6HAAA,CACA,0LAAA,CACA,gJAAA,CACA,2GDhBJ,CCmBE,iBACE,qFAAA,CACA,wIAAA,CACA,kGAAA,CACA,yEDjBJ,CCoBE,kBACE,oIAAA,CACA,iMAAA,CACA,uJAAA,CACA,kHDlBJ,CCuBI,mRAKE,wFAAA,CACA,2IAAA,CACA,qGAAA,CACA,4EDzBN,CC6BE,kBACE,2OAAA,CACA,ifAAA,CACA,2iBAAA,CACA,qeAAA,CACA,uCAAA,CACA,+CAAA,CACA,6CAAA,CACA,6CAAA,CACA,8CAAA,CACA,gDAAA,CACA,yWAAA,CACA,wMAAA,CACA,gEAAA,CACA,+GAAA,CACA,2GAAA,CACA,2GAAA,CACA,qFAAA,CACA,kFD3BJ,CC+BA,gBAEE,kBAAA,CADA,YAAA,CAEA,6BD7BF,CC+BE,sBACE,gDCkcmB,CDjcnB,aAAA,CACA,6DCwbqB,CDvbrB,sJD7BJ,CCgCE,0CACE,6FD9BJ,CGjJA,uCFoLE,WACE,4LDhCF,CCmCA,sBACE,8FDjCF,CACF,CACF,CD5JI,oBEiMF,MACE,2OAAA,CACA,oQAAA,CACA,uRAAA,CACA,ySAAA,CACA,yRAAA,CACA,uTAAA,CACA,4UAAA,CACA,+VAAA,CACA,qRAAA,CACA,mTAAA,CACA,wUAAA,CACA,yVAAA,CACA,sQAAA,CACA,iQAAA,CACA,wTAAA,CACA,0UAAA,CACA,4SAAA,CACA,4SAAA,CACA,qWAAA,CACA,iXAAA,CACA,uLAAA,CACA,wPAAA,CACA,4OAAA,CACA,8PAAA,CAGA,mNC1Kc,CDyKd,sOClKgB,CDoKhB,+LDnCF,CCsCA,SAEE,oPClDiB,CDiDjB,qQC1CmB,CD4CnB,2NDpCF,CCuCA,WAEE,sPC8ImB,CD/InB,yQCmWqB,CDjWrB,6NCqKc,CDpKd,2RDrCF,CCuCE,mBACE,oTAAA,CACA,sRAAA,CACA,4VAAA,CACA,yUDrCJ,CCwCE,yBACE,kTAAA,CACA,oRAAA,CACA,wVAAA,CACA,uUDtCJ,CCyCE,iBACE,gQAAA,CACA,qQAAA,CACA,yUAAA,CACA,uTDvCJ,CC0CE,kBACE,0SAAA,CACA,0SAAA,CACA,+WAAA,CACA,mWDxCJ,CC4CI,uIAKE,oPAAA,CACA,mLAAA,CACA,0PAAA,CACA,wOD9CN,CCkDE,kBACE,wOAAA,CACA,oNAAA,CACA,6PAAA,CACA,wRAAA,CACA,+PAAA,CACA,+SAAA,CACA,oRAAA,CACA,2PAAA,CACA,2SAAA,CACA,0OAAA,CACA,0OAAA,CACA,yQAAA,CACA,kRAAA,CACA,6QAAA,CACA,mTAAA,CACA,0PAAA,CACA,yLAAA,CACA,uMDhDJ,CACF","file":"menu.css"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
@charset "UTF-8";@layer graupl.component{.navigation{display:grid;grid-template-areas:"branding - toggle" "menu menu menu";grid-template-columns:auto 1fr auto;isolation:isolate}.navigation .menu{grid-area:menu}.navigation .menu.show{--graupl-menu-display:var(--graupl-menu-show-display,flex)}.navigation .menu.hide{--graupl-menu-display:var(--graupl-menu-hide-display,none)}.navigation-toggle{align-items:center;border-radius:var(--graupl-navigation-toggle-border-radius,var(--graupl-navigation-toggle-border-top-left-radius,var(--graupl-border-top-left-radius,var(--graupl-border-radius,.125rem))) var(--graupl-navigation-toggle-border-top-right-radius,var(--graupl-border-top-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-navigation-toggle-border-bottom-right-radius,var(--graupl-border-bottom-right-radius,var(--graupl-border-radius,.125rem))) var(--graupl-navigation-toggle-border-bottom-left-radius,var(--graupl-border-bottom-left-radius,var(--graupl-border-radius,.125rem))));border-style:var(--graupl-navigation-toggle-border-style,var(--graupl-navigation-toggle-border-top-style,var(--graupl-border-top-style,var(--graupl-border-style,solid))) var(--graupl-navigation-toggle-border-right-style,var(--graupl-border-right-style,var(--graupl-border-style,solid))) var(--graupl-navigation-toggle-border-bottom-style,var(--graupl-border-bottom-style,var(--graupl-border-style,solid))) var(--graupl-navigation-toggle-border-left-style,var(--graupl-border-left-style,var(--graupl-border-style,solid))));border-width:var(--graupl-navigation-toggle-border-width,var(--graupl-navigation-toggle-border-top-width,var(--graupl-border-top-width,var(--graupl-border-width,.125rem))) var(--graupl-navigation-toggle-border-right-width,var(--graupl-border-right-width,var(--graupl-border-width,.125rem))) var(--graupl-navigation-toggle-border-bottom-width,var(--graupl-border-bottom-width,var(--graupl-border-width,.125rem))) var(--graupl-navigation-toggle-border-left-width,var(--graupl-border-left-width,var(--graupl-border-width,.125rem))));display:flex;grid-area:toggle;justify-content:center;min-height:var(--graupl-navigation-toggle-min-height,44px);min-width:var(--graupl-navigation-toggle-min-width,44px);padding:var(--graupl-navigation-toggle-padding,var(--graupl-navigation-toggle-padding-y,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))) var(--graupl-navigation-toggle-padding-x,var(--graupl-spacer-5,calc(var(--graupl-spacer, 1rem)*1))))}.navigation-toggle:before{content:var(--graupl-navigation-toggle-content,"☰");display:block}.navigation-branding{align-items:center;display:flex;font-size:var(--graupl-navigation-branding-font-size,var(--graupl-font-lg,calc(var(--graupl-font-size-base, 1rem)*1.2)));font-weight:var(--graupl-navigation-branding-font-weight,var(--graupl-font-weight-bold,var(--graupl-font-weight-bold,700)));grid-area:branding;justify-content:flex-start;padding:var(--graupl-navigation-branding-padding,var(--graupl-navigation-branding-padding-y,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-navigation-branding-padding-x,var(--graupl-spacer-3,calc(var(--graupl-spacer, 1rem)*.5))));-webkit-text-decoration:var(--graupl-navigation-branding-text-decoration,none);text-decoration:var(--graupl-navigation-branding-text-decoration,none);text-decoration-style:var(--graupl-navigation-branding-text-decoration-style,solid);text-decoration-thickness:var(--graupl-navigation-branding-text-decoration-thickness,var(--graupl-border-width,.125rem))}.navigation-branding:visited{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-visited-text-decoration,var(--graupl-navigation-branding-text-decoration,none));--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-visited-text-decoration-thickness,var(--graupl-navigation-branding-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-visited-text-decoration-style,var(--graupl-navigation-branding-text-decoration-style,solid))}.navigation-branding:focus-visible{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-focus-text-decoration,var(--graupl-navigation-branding-text-decoration,none));--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-focus-text-decoration-thickness,var(--graupl-navigation-branding-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-focus-text-decoration-style,var(--graupl-navigation-branding-text-decoration-style,solid))}.navigation-branding:hover{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-hover-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-hover-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-hover-text-decoration-style,solid)}.navigation-branding:active{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-active-text-decoration,var(--graupl-navigation-branding-hover-text-decoration,none));--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-active-text-decoration-thickness,var(--graupl-navigation-branding-hover-text-decoration-thickness,var(--graupl-border-width,0.125rem)));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-active-text-decoration-style,var(--graupl-navigation-branding-hover-text-decoration-style,solid))}.navigation-branding:disabled,.navigation-branding:disabled:active,.navigation-branding:disabled:focus-visible,.navigation-branding:disabled:hover,.navigation-branding:disabled:visited,.navigation-branding[disabled],.navigation-branding[disabled]:active,.navigation-branding[disabled]:focus-visible,.navigation-branding[disabled]:hover,.navigation-branding[disabled]:visited{--graupl-navigation-branding-text-decoration:var(--graupl-navigation-branding-disabled-text-decoration,none);--graupl-navigation-branding-text-decoration-thickness:var(--graupl-navigation-branding-disabled-text-decoration-thickness,var(--graupl-border-width,0.125rem));--graupl-navigation-branding-text-decoration-style:var(--graupl-navigation-branding-disabled-text-decoration-style,solid)}@media screen and (width <= 71ch){.navigation{--graupl-menu-flex-direction:column;--graupl-submenu-position:relative;--graupl-menu-item-min-width:100%;--graupl-submenu-inset:auto}}@media screen and (72ch <= width){.navigation{--graupl-menu-hide-display:var(--graupl-menu-show-display,flex);grid-template-areas:"branding - menu"}.navigation-toggle{display:none}}}@layer graupl.theme{.navigation{--graupl-menu-background:var(--graupl-navigation-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-menu-color:var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));--graupl-submenu-background:var(--graupl-navigation-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));--graupl-submenu-color:var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))));background:var(--graupl-navigation-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))));color:var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.navigation-toggle{background:var(--graupl-navigation-toggle-background,var(--graupl-navigation-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))));border-color:var(--graupl-navigation-toggle-border-color,var(--graupl-navigation-toggle-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));color:var(--graupl-navigation-toggle-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.navigation-toggle:hover{--graupl-navigation-toggle-background:var(--graupl-navigation-toggle-hover-background,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-navigation-toggle-color:var(--graupl-navigation-toggle-hover-color,var(--graupl-navigation-background,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.navigation-branding{color:var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));text-decoration-color:var(--graupl-navigation-branding-text-decoration-color,var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}.navigation-branding:visited{--graupl-navigation-branding-color:var(--graupl-navigation-branding-visited-color,var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-visited-text-decoration-color,var(--graupl-navigation-branding-visited-color,var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))))}.navigation-branding:focus-visible{--graupl-navigation-branding-color:var(--graupl-navigation-branding-focus-color,var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-focus-text-decoration-color,var(--graupl-navigation-branding-focus-color,var(--graupl-navigation-branding-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))))}.navigation-branding:hover{--graupl-navigation-branding-color:var(--graupl-navigation-branding-hover-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-hover-text-decoration-color,var(--graupl-navigation-branding-hover-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}.navigation-branding:active{--graupl-navigation-branding-color:var(--graupl-navigation-branding-active-color,var(--graupl-navigation-branding-hover-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-active-text-decoration-color,var(--graupl-navigation-branding-active-color,var(--graupl-navigation-branding-hover-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))))}.navigation-branding:disabled,.navigation-branding:disabled:active,.navigation-branding:disabled:focus-visible,.navigation-branding:disabled:hover,.navigation-branding:disabled:visited,.navigation-branding[disabled],.navigation-branding[disabled]:active,.navigation-branding[disabled]:focus-visible,.navigation-branding[disabled]:hover,.navigation-branding[disabled]:visited{--graupl-navigation-branding-color:var(--graupl-navigation-branding-disabled-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))));--graupl-navigation-branding-text-decoration-color:var(--graupl-navigation-branding-disabled-text-decoration-color,var(--graupl-navigation-branding-disabled-color,var(--graupl-navigation-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))))}}
|
|
2
|
+
/*# sourceMappingURL=navigation.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/scss/mixins/_layer.scss","navigation.css","../../../src/scss/component/navigation/_index.scss","../../../src/scss/component/navigation/_variables.scss","../../../src/scss/mixins/_screen.scss"],"names":[],"mappings":"AASI,gBC+EJ,CD/EI,wBEGF,YACE,YAAA,CACA,wDACE,CAEF,mCAAA,CACA,iBDVF,CCYE,kBACE,cDVJ,CCYI,uBACE,0DDVN,CCaI,uBACE,0DDXN,CCiBA,mBAGE,kBAAA,CAOA,2kBCuF8B,CDxF9B,ygBC6D6B,CD9D7B,ihBCuC6B,CD9C7B,YAAA,CACA,gBAAA,CAEA,sBAAA,CAEA,0DCb2B,CDY3B,wDChB0B,CDkB1B,wPDZF,CCiBE,0BACE,mDC+OsB,CD9OtB,aDfJ,CCoBA,qBAGE,kBAAA,CAFA,YAAA,CAKA,wHCiF4B,CDhF5B,2HCoF8B,CDzF9B,kBAAA,CAEA,0BAAA,CACA,gQCkG0B,CD/F1B,8EC+HkC,CD/HlC,sEC+HkC,CD9HlC,mFCsJwC,CDrJxC,wHDlBF,CCoBE,6BACE,6JAAA,CACA,0NAAA,CACA,gLDlBJ,CCqBE,mCACE,2JAAA,CACA,wNAAA,CACA,8KDnBJ,CCsBE,2BACE,yGAAA,CACA,4JAAA,CACA,sHDpBJ,CCuBE,4BACE,kKAAA,CACA,+NAAA,CACA,qLDrBJ,CC0BI,uXAKE,4GAAA,CACA,+JAAA,CACA,yHD5BN,CG/CA,kCFkFE,YACE,mCAAA,CACA,kCAAA,CACA,iCAAA,CACA,2BDhCF,CACF,CGhEA,kCFqGE,YACE,+DAAA,CAEA,qCDnCF,CCuCA,mBACE,YDrCF,CACF,CACF,CD/EI,oBEyHF,YACE,uOAAA,CACA,mNAAA,CACA,0OAAA,CACA,sNAAA,CAEA,yNC3HoB,CD4HpB,qMDxCF,CC4CA,mBAEE,oQChG2B,CD+F3B,+RC/B6B,CDiC7B,2OD1CF,CC4CE,yBACE,sRAAA,CACA,2RD1CJ,CC+CA,qBACE,6OCQwB,CDPxB,qTD7CF,CC+CE,6BACE,0TAAA,CACA,0YD7CJ,CCgDE,mCACE,wTAAA,CACA,sYD9CJ,CCiDE,2BACE,gRAAA,CACA,8VD/CJ,CCkDE,4BACE,+TAAA,CACA,8YDhDJ,CCqDI,uXAKE,mRAAA,CACA,oWDvDN,CACF","file":"navigation.css"}
|