@graupl/core 1.0.0-beta.22 → 1.0.0-beta.23
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/dist/css/component/card.css +1 -1
- package/dist/css/component/card.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/navigation.css +1 -1
- package/dist/css/component/navigation.css.map +1 -1
- package/dist/css/component.css +1 -1
- package/dist/css/component.css.map +1 -1
- package/dist/css/graupl.css +2 -2
- package/dist/css/graupl.css.map +1 -1
- package/dist/css/layout/columns.css +1 -1
- package/dist/css/layout/columns.css.map +1 -1
- package/dist/css/layout/container.css +1 -1
- package/dist/css/layout/container.css.map +1 -1
- package/dist/css/layout/flex-columns.css +1 -1
- package/dist/css/layout/flex-columns.css.map +1 -1
- package/dist/css/layout.css +2 -2
- package/dist/css/layout.css.map +1 -1
- package/dist/css/utilities/display.css +1 -1
- package/dist/css/utilities/display.css.map +1 -1
- package/dist/css/utilities/inset.css +1 -1
- package/dist/css/utilities/inset.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 +1 -1
- package/dist/css/utilities/position.css.map +1 -1
- package/dist/css/utilities/ratio.css +1 -1
- package/dist/css/utilities/ratio.css.map +1 -1
- package/dist/css/utilities/spacing.css +1 -1
- package/dist/css/utilities/spacing.css.map +1 -1
- package/dist/css/utilities/visibility.css +1 -1
- package/dist/css/utilities/visibility.css.map +1 -1
- package/dist/css/utilities.css +1 -1
- package/dist/css/utilities.css.map +1 -1
- package/package.json +1 -1
- package/src/scss/_defaults.scss +7 -4
|
@@ -1,2 +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 <=
|
|
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 <= 767px){.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
2
|
/*# sourceMappingURL=card.css.map */
|
|
@@ -1 +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,
|
|
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,4BHmIM,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"}
|
|
@@ -1,2 +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 <=
|
|
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 <= 575px){.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
2
|
/*# sourceMappingURL=input-group.css.map */
|
|
@@ -1 +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,
|
|
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,mCHiBE,oBACE,wFC9B4B,CD+B5B,0ECzB8B,CD0B9B,8EEbF,CACF,CACF","file":"input-group.css"}
|
|
@@ -1,2 +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))))))))}}
|
|
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 <= 767px){.navigation{--graupl-menu-flex-direction:column;--graupl-submenu-position:relative;--graupl-menu-item-min-width:100%;--graupl-submenu-inset:auto}}@media screen and (768px <= 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
2
|
/*# sourceMappingURL=navigation.css.map */
|
|
@@ -1 +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,
|
|
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,mCFkFE,YACE,mCAAA,CACA,kCAAA,CACA,iCAAA,CACA,2BDhCF,CACF,CGhEA,mCFqGE,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"}
|