@orangesk/orange-design-system 2.0.0-beta.39 → 2.0.0-beta.40
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/build/components/AnchorNavigation/style.css +1 -1
- package/build/components/AnchorNavigation/style.css.map +1 -1
- package/build/components/Divider/style.css +1 -1
- package/build/components/Divider/style.css.map +1 -1
- package/build/components/PromoBanner/style.css +1 -1
- package/build/components/PromoBanner/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.static.d.ts +33 -0
- package/build/components/types/src/components/Carousel/Carousel.static.d.ts +4 -0
- package/build/components/types/src/components/CarouselHero/CarouselHero.static.d.ts +3 -0
- package/build/components/types/src/components/CarouselPromotions/CarouselPromotions.static.d.ts +5 -0
- package/build/lib/base.css +1 -1
- package/build/lib/base.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/search-index.json +2 -2
- package/package.json +4 -4
- package/src/components/AnchorNavigation/AnchorNavigation.static.ts +337 -83
- package/src/components/AnchorNavigation/AnchorNavigation.tsx +2 -3
- package/src/components/AnchorNavigation/styles/mixins.scss +100 -9
- package/src/components/AnchorNavigation/tests/AnchorNavigation.unit.test.jsx +319 -1
- package/src/components/Carousel/Carousel.static.ts +48 -1
- package/src/components/CarouselHero/CarouselHero.static.ts +30 -0
- package/src/components/CarouselPromotions/CarouselPromotions.static.ts +62 -3
- package/src/components/Divider/styles/mixins.scss +5 -3
- package/src/components/PromoBanner/styles/mixins.scss +2 -2
- package/src/components/PromoBanner/styles/style.scss +4 -2
- package/src/styles/typography/mixins.scss +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.anchor-navigation{background-color:var(--color-background-primary)!important;border-bottom:1px solid var(--color-border-strong);position:sticky;top:0;z-index:10}.anchor-navigation .horizontal-scroll::-webkit-scrollbar{background:transparent!important;display:none!important;height:0!important;width:0!important}.anchor-navigation .horizontal-scroll{-ms-overflow-style:none!important;scrollbar-width:none!important}.anchor-navigation__item{cursor:pointer;display:inline-block;font-size:1rem!important;font-weight:700!important;line-height:1.25rem!important;margin-bottom:0!important;margin-right:1.875rem!important;padding:1.5625rem 0!important;text-decoration:none!important;white-space:nowrap}.anchor-navigation__item:last-child{margin-right:0}@media screen and (max-width:
|
|
1
|
+
@layer components{.anchor-navigation{background-color:var(--color-background-primary)!important;border-bottom:1px solid var(--color-border-strong);position:sticky;top:0;z-index:10}.anchor-navigation .horizontal-scroll::-webkit-scrollbar{background:transparent!important;display:none!important;height:0!important;width:0!important}.anchor-navigation .horizontal-scroll{-ms-overflow-style:none!important;scrollbar-width:none!important}.anchor-navigation__item{cursor:pointer;display:inline-block;font-size:1rem!important;font-weight:700!important;line-height:1.25rem!important;margin-bottom:0!important;margin-right:1.875rem!important;padding:1.5625rem 0!important;text-decoration:none!important;white-space:nowrap}.anchor-navigation__item:last-child{margin-right:0}@media screen and (max-width:767.98px){.anchor-navigation__item{margin-right:1.25rem!important;padding:.9375rem 0!important}}.anchor-navigation__item.is-active,.anchor-navigation__item:active,.anchor-navigation__item:focus-visible,.anchor-navigation__item:hover{box-shadow:0 -4px 0 var(--color-border-accent) inset;color:inherit;outline:none;text-decoration:none!important}.anchor-navigation__content{align-items:center;display:flex;justify-content:space-between;position:relative}.anchor-navigation__content:after,.anchor-navigation__content:before{content:"";height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s ease;width:4.5rem;z-index:1}.anchor-navigation__content:before{background:linear-gradient(to left,transparent 0,var(--color-background-primary) 70%);left:0}.anchor-navigation__content:after{background:linear-gradient(to right,transparent 0,var(--color-background-primary) 70%);right:0}.anchor-navigation__content.has-left-overflow:before,.anchor-navigation__content.has-right-overflow:after{opacity:1}@media screen and (max-width:767.98px){.anchor-navigation__content{flex-direction:column;overflow:hidden}.anchor-navigation__content:after,.anchor-navigation__content:before{height:3.125rem}}@media screen and (min-width:768px){.anchor-navigation__content:has(.anchor-navigation__content-right).has-right-overflow:after{opacity:0}.anchor-navigation__content{margin-left:auto;margin-right:auto;max-width:none;padding-left:.625rem;padding-right:.625rem;width:100%}}@media screen and (min-width:768px) and (min-width:768px){.anchor-navigation__content{max-width:744px}}@media screen and (min-width:768px) and (min-width:992px){.anchor-navigation__content{max-width:960px}}@media screen and (min-width:768px) and (min-width:1240px){.anchor-navigation__content{max-width:1200px}}@media screen and (min-width:768px) and (min-width:1380px){.anchor-navigation__content{max-width:1320px}}@media screen and (min-width:768px){.anchor-navigation__content>:last-child{margin-bottom:0}}.anchor-navigation__content.container{max-width:none;padding-left:0;padding-right:0}.anchor-navigation__content-left{display:flex;flex:1 1 auto;min-width:0}.anchor-navigation__content-left.is-draggable{cursor:-webkit-grab;cursor:grab;user-select:none}.anchor-navigation__content-left.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none!important}.anchor-navigation__content-left.is-dragging>*{scroll-snap-align:none}@media screen and (max-width:767.98px){.anchor-navigation__content-left{width:100%}.anchor-navigation__content:has(.anchor-navigation__content-right) .anchor-navigation__content-left{border-bottom:1px solid var(--color-border-strong)}.anchor-navigation__content-left li:first-child{padding-left:.625rem!important}}.anchor-navigation__content-right{align-items:center;display:flex;flex-shrink:0;gap:1.25rem;position:relative;z-index:1}.anchor-navigation__content-right:before{background:conic-gradient(from 90deg at 15% -20%,var(--color-background-primary) 2%,var(--color-background-primary) 80%);border-radius:inherit;content:"";filter:blur(10px);inset:-10px 0 0 -40px;position:absolute;transform:translate3d(10px,8px,-1px);width:100px;z-index:-1}@media screen and (max-width:767.98px){.anchor-navigation__content-right{justify-content:space-between;margin-left:auto;margin-right:auto;max-width:none;padding:.625rem;width:100%}}@media screen and (max-width:767.98px) and (min-width:768px){.anchor-navigation__content-right{max-width:744px}}@media screen and (max-width:767.98px) and (min-width:992px){.anchor-navigation__content-right{max-width:960px}}@media screen and (max-width:767.98px) and (min-width:1240px){.anchor-navigation__content-right{max-width:1200px}}@media screen and (max-width:767.98px) and (min-width:1380px){.anchor-navigation__content-right{max-width:1320px}}@media screen and (max-width:767.98px){.anchor-navigation__content-right>:last-child{margin-bottom:0}.anchor-navigation__content-right:before{display:none}}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,mBAIE,0DAA4D,CAC5D,kDAAmD,CAJnD,eAAgB,CAChB,KAAM,CACN,UAGF,CACA,yDAIE,gCAAkC,CAHlC,sBAAwB,CAExB,kBAAoB,CADpB,iBAGF,CACA,sCAEE,iCAAmC,CADnC,8BAEF,CACA,yBAOE,cAAe,CADf,oBAAqB,CAErB,wBAA0B,CAE1B,yBAA2B,CAD3B,6BAA+B,CAP/B,yBAA2B,CAD3B,+BAAiC,CAEjC,6BAA+B,CAE/B,8BAAgC,CADhC,kBAOF,CACA,oCACE,cACF,CACA,uCACE,yBACE,8BAAgC,CAChC,4BACF,CACF,CACA,yIACE,oDAAqD,CACrD,aAAc,CAEd,YAAa,CADb,8BAEF,CACA,4BAGE,kBAAmB,CAFnB,YAAa,CACb,6BAA8B,CAE9B,iBACF,CACA,uCACE,4BAEE,qBAAsB,CADtB,eAEF,CACF,CACA,iCACE,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,mBAIE,0DAA4D,CAC5D,kDAAmD,CAJnD,eAAgB,CAChB,KAAM,CACN,UAGF,CACA,yDAIE,gCAAkC,CAHlC,sBAAwB,CAExB,kBAAoB,CADpB,iBAGF,CACA,sCAEE,iCAAmC,CADnC,8BAEF,CACA,yBAOE,cAAe,CADf,oBAAqB,CAErB,wBAA0B,CAE1B,yBAA2B,CAD3B,6BAA+B,CAP/B,yBAA2B,CAD3B,+BAAiC,CAEjC,6BAA+B,CAE/B,8BAAgC,CADhC,kBAOF,CACA,oCACE,cACF,CACA,uCACE,yBACE,8BAAgC,CAChC,4BACF,CACF,CACA,yIACE,oDAAqD,CACrD,aAAc,CAEd,YAAa,CADb,8BAEF,CACA,4BAGE,kBAAmB,CAFnB,YAAa,CACb,6BAA8B,CAE9B,iBACF,CACA,qEAGE,UAAW,CAGX,WAAY,CAEZ,SAAU,CADV,mBAAoB,CAHpB,iBAAkB,CAClB,KAAM,CAIN,2BAA6B,CAP7B,YAAa,CADb,SASF,CACA,mCAEE,qFAAyF,CADzF,MAEF,CACA,kCAEE,sFAA0F,CAD1F,OAEF,CAIA,0GACE,SACF,CACA,uCACE,4BAEE,qBAAsB,CADtB,eAEF,CACA,qEACE,eACF,CACF,CACA,oCACE,4FACE,SACF,CACA,4BAGE,gBAAiB,CACjB,iBAAkB,CAFlB,cAAe,CAGf,oBAAsB,CACtB,qBAAuB,CALvB,UAMF,CACF,CACA,0DACE,4BACE,eACF,CACF,CACA,0DACE,4BACE,eACF,CACF,CACA,2DACE,4BACE,gBACF,CACF,CACA,2DACE,4BACE,gBACF,CACF,CACA,oCACE,wCACE,eACF,CACF,CACA,sCACE,cAAe,CACf,cAAe,CACf,eACF,CACA,iCACE,YAAa,CACb,aAAc,CACd,WACF,CACA,8CAEE,mBAAoB,CACpB,WAAY,CAFZ,gBAGF,CACA,6CACE,uBAAwB,CACxB,eAAgB,CAEhB,oBAAqB,CADrB,+BAEF,CACA,+CACE,sBACF,CACA,uCACE,iCACE,UACF,CACA,oGACE,kDACF,CACA,gDACE,8BACF,CACF,CACA,kCAEE,kBAAmB,CADnB,YAAa,CAEb,aAAc,CACd,WAAY,CACZ,iBAAkB,CAClB,SACF,CACA,yCAOE,wHAA2H,CAE3H,qBAAsB,CANtB,UAAW,CAKX,iBAAkB,CAHlB,qBAAsB,CADtB,iBAAkB,CAElB,oCAAuC,CAJvC,WAAY,CADZ,UASF,CACA,uCACE,kCAKE,6BAA8B,CAG9B,gBAAiB,CACjB,iBAAkB,CAFlB,cAAe,CAIf,eAAuB,CALvB,UAMF,CACF,CACA,6DACE,kCACE,eACF,CACF,CACA,6DACE,kCACE,eACF,CACF,CACA,8DACE,kCACE,gBACF,CACF,CACA,8DACE,kCACE,gBACF,CACF,CACA,uCACE,8CACE,eACF,CACA,yCACE,YACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .anchor-navigation {\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--color-background-primary) !important;\n border-bottom: 1px solid var(--color-border-strong);\n }\n .anchor-navigation .horizontal-scroll::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n background: transparent !important;\n }\n .anchor-navigation .horizontal-scroll {\n scrollbar-width: none !important;\n -ms-overflow-style: none !important;\n }\n .anchor-navigation__item {\n margin-right: 1.875rem !important;\n margin-bottom: 0 !important;\n padding: 1.5625rem 0 !important;\n white-space: nowrap;\n text-decoration: none !important;\n display: inline-block;\n cursor: pointer;\n font-size: 1rem !important;\n line-height: 1.25rem !important;\n font-weight: 700 !important;\n }\n .anchor-navigation__item:last-child {\n margin-right: 0;\n }\n @media screen and (max-width: 767.98px) {\n .anchor-navigation__item {\n margin-right: 1.25rem !important;\n padding: 0.9375rem 0 !important;\n }\n }\n .anchor-navigation__item:hover, .anchor-navigation__item:focus-visible, .anchor-navigation__item:active, .anchor-navigation__item.is-active {\n box-shadow: 0 -4px 0 var(--color-border-accent) inset;\n color: inherit;\n text-decoration: none !important;\n outline: none;\n }\n .anchor-navigation__content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n position: relative;\n }\n .anchor-navigation__content:before, .anchor-navigation__content:after {\n z-index: 1;\n width: 4.5rem;\n content: \"\";\n position: absolute;\n top: 0;\n height: 100%;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease;\n }\n .anchor-navigation__content:before {\n left: 0;\n background: linear-gradient(to left, transparent 0%, var(--color-background-primary) 70%);\n }\n .anchor-navigation__content:after {\n right: 0;\n background: linear-gradient(to right, transparent 0%, var(--color-background-primary) 70%);\n }\n .anchor-navigation__content.has-left-overflow:before {\n opacity: 1;\n }\n .anchor-navigation__content.has-right-overflow:after {\n opacity: 1;\n }\n @media screen and (max-width: 767.98px) {\n .anchor-navigation__content {\n overflow: hidden;\n flex-direction: column;\n }\n .anchor-navigation__content:before, .anchor-navigation__content:after {\n height: 3.125rem;\n }\n }\n @media screen and (min-width: 768px) {\n .anchor-navigation__content:has(.anchor-navigation__content-right).has-right-overflow:after {\n opacity: 0;\n }\n .anchor-navigation__content {\n width: 100%;\n max-width: none;\n margin-left: auto;\n margin-right: auto;\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n }\n }\n @media screen and (min-width: 768px) and (min-width: 768px) {\n .anchor-navigation__content {\n max-width: 744px;\n }\n }\n @media screen and (min-width: 768px) and (min-width: 992px) {\n .anchor-navigation__content {\n max-width: 960px;\n }\n }\n @media screen and (min-width: 768px) and (min-width: 1240px) {\n .anchor-navigation__content {\n max-width: 1200px;\n }\n }\n @media screen and (min-width: 768px) and (min-width: 1380px) {\n .anchor-navigation__content {\n max-width: 1320px;\n }\n }\n @media screen and (min-width: 768px) {\n .anchor-navigation__content > *:last-child {\n margin-bottom: 0;\n }\n }\n .anchor-navigation__content.container {\n max-width: none;\n padding-left: 0;\n padding-right: 0;\n }\n .anchor-navigation__content-left {\n display: flex;\n flex: 1 1 auto;\n min-width: 0;\n }\n .anchor-navigation__content-left.is-draggable {\n user-select: none;\n cursor: -webkit-grab;\n cursor: grab;\n }\n .anchor-navigation__content-left.is-dragging {\n cursor: -webkit-grabbing;\n cursor: grabbing;\n scroll-snap-type: none !important;\n scroll-behavior: auto;\n }\n .anchor-navigation__content-left.is-dragging > * {\n scroll-snap-align: none;\n }\n @media screen and (max-width: 767.98px) {\n .anchor-navigation__content-left {\n width: 100%;\n }\n .anchor-navigation__content:has(.anchor-navigation__content-right) .anchor-navigation__content-left {\n border-bottom: 1px solid var(--color-border-strong);\n }\n .anchor-navigation__content-left li:first-child {\n padding-left: 0.625rem !important;\n }\n }\n .anchor-navigation__content-right {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n gap: 1.25rem;\n position: relative;\n z-index: 1;\n }\n .anchor-navigation__content-right:before {\n z-index: -1;\n width: 100px;\n content: \"\";\n position: absolute;\n inset: -10px 0 0 -40px;\n transform: translate3d(10px, 8px, -1px);\n background: conic-gradient(from 90deg at 15% -20%, var(--color-background-primary) 2%, var(--color-background-primary) 80%);\n filter: blur(10px);\n border-radius: inherit;\n }\n @media screen and (max-width: 767.98px) {\n .anchor-navigation__content-right {\n padding-top: 0.625rem;\n padding-bottom: 0.625rem;\n padding-left: 1.5625rem;\n width: 100%;\n justify-content: space-between;\n width: 100%;\n max-width: none;\n margin-left: auto;\n margin-right: auto;\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n }\n }\n @media screen and (max-width: 767.98px) and (min-width: 768px) {\n .anchor-navigation__content-right {\n max-width: 744px;\n }\n }\n @media screen and (max-width: 767.98px) and (min-width: 992px) {\n .anchor-navigation__content-right {\n max-width: 960px;\n }\n }\n @media screen and (max-width: 767.98px) and (min-width: 1240px) {\n .anchor-navigation__content-right {\n max-width: 1200px;\n }\n }\n @media screen and (max-width: 767.98px) and (min-width: 1380px) {\n .anchor-navigation__content-right {\n max-width: 1320px;\n }\n }\n @media screen and (max-width: 767.98px) {\n .anchor-navigation__content-right > *:last-child {\n margin-bottom: 0;\n }\n .anchor-navigation__content-right:before {\n display: none;\n }\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.divider{align-items:center;display:flex;flex:0 1 auto;flex-flow:row nowrap;font-weight:700;justify-content:stretch;padding-bottom:1.25rem;padding-top:1.25rem}@media screen and (min-width:768px){.divider{padding-bottom:1.875rem;padding-top:1.875rem}}.divider__content{color:var(--color-text-
|
|
1
|
+
@layer components{.divider{align-items:center;display:flex;flex:0 1 auto;flex-flow:row nowrap;font-weight:700;justify-content:stretch;padding-bottom:1.25rem;padding-top:1.25rem}@media screen and (min-width:768px){.divider{padding-bottom:1.875rem;padding-top:1.875rem}}.divider__content{color:var(--color-text-default);display:flex;justify-content:center;margin:0 .625rem;text-align:center}.divider__line{border-color:var(--color-border-strong);border-style:solid;border-width:0 0 1px;flex-grow:1}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,SAIE,kBAAmB,CAHnB,YAAa,CACb,aAAc,CACd,oBAAqB,CAGrB,eAAiB,CADjB,uBAAwB,CAGxB,sBAAuB,CADvB,mBAEF,CACA,oCACE,SAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,kBAKE,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,SAIE,kBAAmB,CAHnB,YAAa,CACb,aAAc,CACd,oBAAqB,CAGrB,eAAiB,CADjB,uBAAwB,CAGxB,sBAAuB,CADvB,mBAEF,CACA,oCACE,SAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,kBAKE,+BAAgC,CAHhC,YAAa,CACb,sBAAuB,CACvB,gBAAkB,CAHlB,iBAKF,CACA,eAIE,uCAAwC,CAFxC,kBAAmB,CADnB,oBAAqB,CAErB,WAEF,CACF","file":"style.css","sourcesContent":["@layer components {\n .divider {\n display: flex;\n flex: 0 1 auto;\n flex-flow: row nowrap;\n align-items: center;\n justify-content: stretch;\n font-weight: bold;\n padding-top: 1.25rem;\n padding-bottom: 1.25rem;\n }\n @media screen and (min-width: 768px) {\n .divider {\n padding-top: 1.875rem;\n padding-bottom: 1.875rem;\n }\n }\n .divider__content {\n text-align: center;\n display: flex;\n justify-content: center;\n margin: 0 0.625rem;\n color: var(--color-text-default);\n }\n .divider__line {\n border-width: 0 0 1px;\n border-style: solid;\n flex-grow: 1;\n border-color: var(--color-border-strong);\n }\n}"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer components{.promo-banner .grid{margin-left:0!important;margin-right:0!important}.promo-banner__item{order:2;padding-bottom:3.75rem;padding-top:3.75rem}@media screen and (max-width:991.98px){.promo-banner__item{padding-bottom:1.875rem;padding-top:1.875rem}}@media screen and (max-width:767.98px){.promo-banner__item
|
|
1
|
+
@layer components{.promo-banner .grid{margin-left:0!important;margin-right:0!important}.promo-banner__item{order:2;padding-bottom:3.75rem;padding-top:3.75rem}@media screen and (max-width:991.98px){.promo-banner__item{padding-bottom:1.875rem;padding-top:1.875rem}}@media screen and (max-width:767.98px){.promo-banner__item[class*=grid__col]{padding-right:0!important}}.promo-banner__item[class*=grid__col]{padding-left:0!important}.promo-banner__item{display:flex;flex-direction:column;justify-content:center;min-width:0}.promo-banner__item>*{width:fit-content}@media screen and (max-width:767.98px){.promo-banner--flush-top-sm-down .promo-banner__item{padding-top:0}.promo-banner--flush-bottom-sm-down .promo-banner__item{padding-bottom:0}}.promo-banner--vertical .promo-banner__image[class*=grid__col]:not(.promo-banner__image--bleed-right),.promo-banner--vertical .promo-banner__item[class*=grid__col]{padding-left:0!important;padding-right:0!important}@media screen and (min-width:768px){.promo-banner--reverse .promo-banner__item[class*=grid__col]{padding-left:1.25rem!important;padding-right:0!important}.promo-banner--reverse .promo-banner__image[class*=grid__col]{padding-left:0!important;padding-right:1.25rem!important}}.promo-banner__image{align-self:center;order:2;text-align:end}@media screen and (max-width:991.98px){.promo-banner__image{padding-bottom:0;padding-top:0;text-align:center}}@media screen and (max-width:767.98px){.promo-banner__image[class*=grid__col]{padding-left:0!important}}.promo-banner__image[class*=grid__col]{padding-right:0!important}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right{order:1}}.promo-banner__image--bleed-right>*{transform:translateX(calc(50vw - 100% - 20px))}@media screen and (max-width:767.98px){.promo-banner__image--bleed-right>*{transform:translate(10px)}}}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,oBACE,uBAAyB,CACzB,wBACF,CACA,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,uCACE,
|
|
1
|
+
{"version":3,"sources":["style.scss"],"names":[],"mappings":"AAAA,kBACE,oBACE,uBAAyB,CACzB,wBACF,CACA,oBACE,OAAQ,CAER,sBAAuB,CADvB,mBAEF,CACA,uCACE,oBAEE,uBAAwB,CADxB,oBAEF,CACF,CACA,uCACE,sCACE,yBACF,CACF,CACA,sCACE,wBACF,CACA,oBACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,WACF,CACA,sBACE,iBACF,CACA,uCACE,qDACE,aACF,CAGA,wDACE,gBACF,CAJF,CAMA,oKAEE,wBAA0B,CAC1B,yBACF,CACA,oCACE,6DACE,8BAAgC,CAChC,yBACF,CACA,8DACE,wBAA0B,CAC1B,+BACF,CACF,CACA,qBAGE,iBAAkB,CAFlB,OAAQ,CACR,cAEF,CACA,uCACE,qBAGE,gBAAiB,CADjB,aAAc,CADd,iBAGF,CACF,CACA,uCACE,uCACE,wBACF,CACF,CACA,uCACE,yBACF,CACA,uCACE,kCACE,OACF,CACF,CACA,oCACE,8CACF,CACA,uCACE,oCACE,yBACF,CACF,CACF","file":"style.css","sourcesContent":["@layer components {\n .promo-banner .grid {\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n .promo-banner__item {\n order: 2;\n padding-top: 3.75rem;\n padding-bottom: 3.75rem;\n }\n @media screen and (max-width: 991.98px) {\n .promo-banner__item {\n padding-top: 1.875rem;\n padding-bottom: 1.875rem;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__item[class*=grid__col] {\n padding-right: 0 !important;\n }\n }\n .promo-banner__item[class*=grid__col] {\n padding-left: 0 !important;\n }\n .promo-banner__item {\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-width: 0;\n }\n .promo-banner__item > * {\n width: fit-content;\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner--flush-top-sm-down .promo-banner__item {\n padding-top: 0;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner--flush-bottom-sm-down .promo-banner__item {\n padding-bottom: 0;\n }\n }\n .promo-banner--vertical .promo-banner__item[class*=grid__col],\n .promo-banner--vertical .promo-banner__image[class*=grid__col]:not(.promo-banner__image--bleed-right) {\n padding-left: 0 !important;\n padding-right: 0 !important;\n }\n @media screen and (min-width: 768px) {\n .promo-banner--reverse .promo-banner__item[class*=grid__col] {\n padding-left: 1.25rem !important;\n padding-right: 0 !important;\n }\n .promo-banner--reverse .promo-banner__image[class*=grid__col] {\n padding-left: 0 !important;\n padding-right: 1.25rem !important;\n }\n }\n .promo-banner__image {\n order: 2;\n text-align: end;\n align-self: center;\n }\n @media screen and (max-width: 991.98px) {\n .promo-banner__image {\n text-align: center;\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image[class*=grid__col] {\n padding-left: 0 !important;\n }\n }\n .promo-banner__image[class*=grid__col] {\n padding-right: 0 !important;\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image--bleed-right {\n order: 1;\n }\n }\n .promo-banner__image--bleed-right > * {\n transform: translateX(calc(50vw - 100% - 20px));\n }\n @media screen and (max-width: 767.98px) {\n .promo-banner__image--bleed-right > * {\n transform: translate(10px);\n }\n }\n}"]}
|