@orangesk/orange-design-system 1.7.0 → 1.7.1

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.
Files changed (23) hide show
  1. package/build/app.css +1 -1
  2. package/build/app.css.map +1 -1
  3. package/build/app.js +1 -1
  4. package/build/asset-manifest.json +1 -1
  5. package/build/components/Tile/style.css +1 -1
  6. package/build/components/Tile/style.css.map +1 -1
  7. package/build/components/style.css +1 -1
  8. package/build/components/style.css.map +1 -1
  9. package/build/index.css +1 -1
  10. package/build/index.css.map +1 -1
  11. package/build/index.js +1 -1
  12. package/build/index.js.map +1 -1
  13. package/build/lib/after-components.css +1 -1
  14. package/build/lib/after-components.css.map +1 -1
  15. package/build/lib/components.css +1 -1
  16. package/build/lib/components.css.map +1 -1
  17. package/build/lib/style.css +1 -1
  18. package/build/lib/style.css.map +1 -1
  19. package/build/{precache-manifest.ba9a3843a3a06d0bdbbac8e3caf6e252.js → precache-manifest.7c41960459fcd94481f934539ee81093.js} +4 -4
  20. package/build/{precache-manifest.782b5fd2bf08b1109da69c44c6738106.js → precache-manifest.b28779876d9a98d4bd77539a7f4b2f76.js} +10 -10
  21. package/build/service-worker.js +1 -1
  22. package/package.json +1 -1
  23. package/src/styles/utilities/layout.scss +17 -17
package/build/lib/after-components.css CHANGED
@@ -1,2 +1,2 @@
1
- .color-black{color:#000!important}.color-orange{color:#f16e00!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:#085ebd!important}.color-danger{color:#cd3c14!important}.bg-white{background-color:#fff!important;color:#000!important}.bg-white.color-blue,.bg-white .color-blue{color:#085ebd!important}.bg-black{background-color:#000!important;color:#fff!important}.bg-black.color-orange,.bg-black .color-orange{color:#ff7900!important}.bg-black.color-gray,.bg-black .color-gray{color:#ccc!important}.bg-black.color-blue,.bg-black .color-blue{color:#4bb4e6!important}.bg-black.color-danger,.bg-black .color-danger{color:#cd3c14!important}.bg-orange{background-color:#ff7900!important;color:#000!important}.bg-orange-dark{background-color:#f16e00!important;color:#fff!important}.bg-gray{background-color:#eee!important}.bg-blue{background-color:#4bb4e6!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:#50be87!important}.bg-pink{background-color:#ffb4e6!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:#a885d8!important}.bg-yellow{background-color:#ffd200!important;color:#000!important}.bg-yellow-lighter{background-color:#fff6b6!important;color:#000!important}.bg-red{background-color:#ff4d4d!important;color:#000!important}.bg-orange-dark::selection,.bg-orange::selection{background-color:#000;color:#fff}.color-gray::selection{color:#000}.bg-none{background:none!important}.bold,strong{font-weight:700!important}.italic,em{font-style:italic!important}.small,small{font-size:.875rem;line-height:1.125rem}.large{font-size:1.125rem;line-height:1.375rem}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:initial!important}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.border-radius--medium{border-radius:10px}.border{border:2px solid #000}.border.is-invalid{border-color:#cd3c14!important}.border--gray{border-color:#ccc}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:#666}.border--orange{border-color:#ff7900}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start-sm{justify-content:flex-start}.justify-content-end-sm{justify-content:flex-end}.justify-content-center-sm{justify-content:center}.justify-content-space-around-sm{justify-content:space-around}.justify-content-space-between-sm{justify-content:space-between}.align-items-start-sm{align-items:flex-start}.align-items-end-sm{align-items:flex-end}.align-items-center-sm{align-items:center}.align-items-stretch-sm{align-items:stretch}.align-self-left-sm{margin-left:0;margin-right:auto}.align-self-right-sm{margin-left:auto;margin-right:0}.align-self-center-sm{margin-left:auto;margin-right:auto}.align-self-top-sm{align-self:flex-start}.align-self-bottom-sm{align-self:flex-end}.align-self-middle-sm{align-self:center}.align-self-stretch-sm{align-self:stretch}.align-self-last-sm{order:999}}@media screen and (min-width:768px){.justify-content-start-md{justify-content:flex-start}.justify-content-end-md{justify-content:flex-end}.justify-content-center-md{justify-content:center}.justify-content-space-around-md{justify-content:space-around}.justify-content-space-between-md{justify-content:space-between}.align-items-start-md{align-items:flex-start}.align-items-end-md{align-items:flex-end}.align-items-center-md{align-items:center}.align-items-stretch-md{align-items:stretch}.align-self-left-md{margin-left:0;margin-right:auto}.align-self-right-md{margin-left:auto;margin-right:0}.align-self-center-md{margin-left:auto;margin-right:auto}.align-self-top-md{align-self:flex-start}.align-self-bottom-md{align-self:flex-end}.align-self-middle-md{align-self:center}.align-self-stretch-md{align-self:stretch}.align-self-last-md{order:999}}@media screen and (min-width:992px){.justify-content-start-lg{justify-content:flex-start}.justify-content-end-lg{justify-content:flex-end}.justify-content-center-lg{justify-content:center}.justify-content-space-around-lg{justify-content:space-around}.justify-content-space-between-lg{justify-content:space-between}.align-items-start-lg{align-items:flex-start}.align-items-end-lg{align-items:flex-end}.align-items-center-lg{align-items:center}.align-items-stretch-lg{align-items:stretch}.align-self-left-lg{margin-left:0;margin-right:auto}.align-self-right-lg{margin-left:auto;margin-right:0}.align-self-center-lg{margin-left:auto;margin-right:auto}.align-self-top-lg{align-self:flex-start}.align-self-bottom-lg{align-self:flex-end}.align-self-middle-lg{align-self:center}.align-self-stretch-lg{align-self:stretch}.align-self-last-lg{order:999}}@media screen and (min-width:1240px){.justify-content-start-xl{justify-content:flex-start}.justify-content-end-xl{justify-content:flex-end}.justify-content-center-xl{justify-content:center}.justify-content-space-around-xl{justify-content:space-around}.justify-content-space-between-xl{justify-content:space-between}.align-items-start-xl{align-items:flex-start}.align-items-end-xl{align-items:flex-end}.align-items-center-xl{align-items:center}.align-items-stretch-xl{align-items:stretch}.align-self-left-xl{margin-left:0;margin-right:auto}.align-self-right-xl{margin-left:auto;margin-right:0}.align-self-center-xl{margin-left:auto;margin-right:auto}.align-self-top-xl{align-self:flex-start}.align-self-bottom-xl{align-self:flex-end}.align-self-middle-xl{align-self:center}.align-self-stretch-xl{align-self:stretch}.align-self-last-xl{order:999}}@media screen and (min-width:1380px){.justify-content-start-xxl{justify-content:flex-start}.justify-content-end-xxl{justify-content:flex-end}.justify-content-center-xxl{justify-content:center}.justify-content-space-around-xxl{justify-content:space-around}.justify-content-space-between-xxl{justify-content:space-between}.align-items-start-xxl{align-items:flex-start}.align-items-end-xxl{align-items:flex-end}.align-items-center-xxl{align-items:center}.align-items-stretch-xxl{align-items:stretch}.align-self-left-xxl{margin-left:0;margin-right:auto}.align-self-right-xxl{margin-left:auto;margin-right:0}.align-self-center-xxl{margin-left:auto;margin-right:auto}.align-self-top-xxl{align-self:flex-start}.align-self-bottom-xxl{align-self:flex-end}.align-self-middle-xxl{align-self:center}.align-self-stretch-xxl{align-self:stretch}.align-self-last-xxl{order:999}}.aspect-ratio-21-9{max-width:100%;border:0;aspect-ratio:21/9}.aspect-ratio-16-9{max-width:100%;border:0;aspect-ratio:16/9}.aspect-ratio-4-3{max-width:100%;border:0;aspect-ratio:4/3}.aspect-ratio-1-1{max-width:100%;border:0;aspect-ratio:1/1}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.fullwidth{width:100%!important}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.sr-only,.visually-hidden{height:1px;width:1px;margin:-1px;padding:0;border:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0)and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px)and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px)and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px)and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px)and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}[class*=horizontal-scroll]{scrollbar-color:#ddd #595959;scrollbar-width:.625rem;scroll-snap-type:x mandatory}[class*=horizontal-scroll]>*{scroll-snap-align:start}[class*=horizontal-scroll]::-webkit-scrollbar{height:.625rem;appearance:none;background-color:#ddd;border-radius:99px}[class*=horizontal-scroll]::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:#595959}.horizontal-scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}@media screen and (min-width:480px){.horizontal-scroll--sm{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--sm-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:768px){.horizontal-scroll--md{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--md-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:992px){.horizontal-scroll--lg{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--lg-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1240px){.horizontal-scroll--xl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xxl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}.mm-header ul,.osk-footer-menu{max-width:none;margin-top:0}.mm-header ul li,.osk-footer-menu li{margin-top:0;margin-bottom:0}
1
+ .color-black{color:#000!important}.color-orange{color:#f16e00!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:#085ebd!important}.color-danger{color:#cd3c14!important}.bg-white{background-color:#fff!important;color:#000!important}.bg-white.color-blue,.bg-white .color-blue{color:#085ebd!important}.bg-black{background-color:#000!important;color:#fff!important}.bg-black.color-orange,.bg-black .color-orange{color:#ff7900!important}.bg-black.color-gray,.bg-black .color-gray{color:#ccc!important}.bg-black.color-blue,.bg-black .color-blue{color:#4bb4e6!important}.bg-black.color-danger,.bg-black .color-danger{color:#cd3c14!important}.bg-orange{background-color:#ff7900!important;color:#000!important}.bg-orange-dark{background-color:#f16e00!important;color:#fff!important}.bg-gray{background-color:#eee!important}.bg-blue{background-color:#4bb4e6!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:#50be87!important}.bg-pink{background-color:#ffb4e6!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:#a885d8!important}.bg-yellow{background-color:#ffd200!important;color:#000!important}.bg-yellow-lighter{background-color:#fff6b6!important;color:#000!important}.bg-red{background-color:#ff4d4d!important;color:#000!important}.bg-orange-dark::selection,.bg-orange::selection{background-color:#000;color:#fff}.color-gray::selection{color:#000}.bg-none{background:none!important}.bold,strong{font-weight:700!important}.italic,em{font-style:italic!important}.small,small{font-size:.875rem;line-height:1.125rem}.large{font-size:1.125rem;line-height:1.375rem}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:initial!important}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.border-radius--medium{border-radius:10px}.border{border:2px solid #000}.border.is-invalid{border-color:#cd3c14!important}.border--gray{border-color:#ccc}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:#666}.border--orange{border-color:#ff7900}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-space-around--sm{justify-content:space-around}.justify-content-space-between--sm{justify-content:space-between}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-stretch--sm{align-items:stretch}.align-self-left--sm{margin-left:0;margin-right:auto}.align-self-right--sm{margin-left:auto;margin-right:0}.align-self-center--sm{margin-left:auto;margin-right:auto}.align-self-top--sm{align-self:flex-start}.align-self-bottom--sm{align-self:flex-end}.align-self-middle--sm{align-self:center}.align-self-stretch--sm{align-self:stretch}.align-self-last--sm{order:999}}@media screen and (min-width:768px){.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-space-around--md{justify-content:space-around}.justify-content-space-between--md{justify-content:space-between}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-stretch--md{align-items:stretch}.align-self-left--md{margin-left:0;margin-right:auto}.align-self-right--md{margin-left:auto;margin-right:0}.align-self-center--md{margin-left:auto;margin-right:auto}.align-self-top--md{align-self:flex-start}.align-self-bottom--md{align-self:flex-end}.align-self-middle--md{align-self:center}.align-self-stretch--md{align-self:stretch}.align-self-last--md{order:999}}@media screen and (min-width:992px){.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-space-around--lg{justify-content:space-around}.justify-content-space-between--lg{justify-content:space-between}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-stretch--lg{align-items:stretch}.align-self-left--lg{margin-left:0;margin-right:auto}.align-self-right--lg{margin-left:auto;margin-right:0}.align-self-center--lg{margin-left:auto;margin-right:auto}.align-self-top--lg{align-self:flex-start}.align-self-bottom--lg{align-self:flex-end}.align-self-middle--lg{align-self:center}.align-self-stretch--lg{align-self:stretch}.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-space-around--xl{justify-content:space-around}.justify-content-space-between--xl{justify-content:space-between}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-stretch--xl{align-items:stretch}.align-self-left--xl{margin-left:0;margin-right:auto}.align-self-right--xl{margin-left:auto;margin-right:0}.align-self-center--xl{margin-left:auto;margin-right:auto}.align-self-top--xl{align-self:flex-start}.align-self-bottom--xl{align-self:flex-end}.align-self-middle--xl{align-self:center}.align-self-stretch--xl{align-self:stretch}.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.justify-content-start--xxl{justify-content:flex-start}.justify-content-end--xxl{justify-content:flex-end}.justify-content-center--xxl{justify-content:center}.justify-content-space-around--xxl{justify-content:space-around}.justify-content-space-between--xxl{justify-content:space-between}.align-items-start--xxl{align-items:flex-start}.align-items-end--xxl{align-items:flex-end}.align-items-center--xxl{align-items:center}.align-items-stretch--xxl{align-items:stretch}.align-self-left--xxl{margin-left:0;margin-right:auto}.align-self-right--xxl{margin-left:auto;margin-right:0}.align-self-center--xxl{margin-left:auto;margin-right:auto}.align-self-top--xxl{align-self:flex-start}.align-self-bottom--xxl{align-self:flex-end}.align-self-middle--xxl{align-self:center}.align-self-stretch--xxl{align-self:stretch}.align-self-last--xxl{order:999}}.aspect-ratio-21-9{max-width:100%;border:0;aspect-ratio:21/9}.aspect-ratio-16-9{max-width:100%;border:0;aspect-ratio:16/9}.aspect-ratio-4-3{max-width:100%;border:0;aspect-ratio:4/3}.aspect-ratio-1-1{max-width:100%;border:0;aspect-ratio:1/1}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.fullwidth{width:100%!important}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.sr-only,.visually-hidden{height:1px;width:1px;margin:-1px;padding:0;border:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0)and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px)and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px)and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px)and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px)and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}[class*=horizontal-scroll]{scrollbar-color:#ddd #595959;scrollbar-width:.625rem;scroll-snap-type:x mandatory}[class*=horizontal-scroll]>*{scroll-snap-align:start}[class*=horizontal-scroll]::-webkit-scrollbar{height:.625rem;appearance:none;background-color:#ddd;border-radius:99px}[class*=horizontal-scroll]::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:#595959}.horizontal-scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}@media screen and (min-width:480px){.horizontal-scroll--sm{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--sm-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:768px){.horizontal-scroll--md{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--md-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:992px){.horizontal-scroll--lg{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--lg-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1240px){.horizontal-scroll--xl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xxl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}.mm-header ul,.osk-footer-menu{max-width:none;margin-top:0}.mm-header ul li,.osk-footer-menu li{margin-top:0;margin-bottom:0}
2
2
  /*# sourceMappingURL=after-components.css.map */
package/build/lib/after-components.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../styles/utilities/color.scss","../styles/tokens/color.scss","../styles/utilities/text.scss","../styles/tools/generate.scss","../styles/tools/text.scss","../styles/tokens/breakpoint.scss","../components/Typography/styles/mixins.scss","../styles/utilities/border.scss","../styles/utilities/layout.scss","../styles/tools/layout.scss","../styles/utilities/visibility.scss","../styles/tools/visibility.scss","../styles/utilities/horizontal-scroll.scss","../styles/shame.scss"],"names":[],"mappings":"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","file":"after-components.css","sourcesContent":["@use '../tokens/color';\n\n.color-black {\n color: color.$black !important;\n}\n.color-orange {\n color: color.$orange-dark !important;\n}\n.color-gray {\n color: color.$gray-800 !important;\n}\n.color-white {\n color: color.$white !important;\n}\n.color-blue {\n color: #085ebd !important;\n}\n\n.color-danger {\n color: color.$danger !important;\n}\n\n.bg-white {\n background-color: color.$white !important;\n color: color.$black !important;\n\n .color-blue,\n &.color-blue {\n color: #085ebd !important; // enforce blue color\n }\n}\n\n.bg-black {\n background-color: color.$black !important;\n color: color.$white !important;\n\n .color-orange,\n &.color-orange {\n color: color.$orange !important; // enforce brighter text color\n }\n\n .color-gray,\n &.color-gray {\n color: color.$gray-500 !important; // enforce brighter gray\n }\n\n .color-blue,\n &.color-blue {\n color: color.$blue !important; // enforce blue color\n }\n\n .color-danger,\n &.color-danger {\n color: color.$danger !important; // enforce danger color\n }\n}\n\n.bg-orange {\n background-color: color.$orange !important;\n color: color.$black !important;\n}\n\n.bg-orange-dark {\n background-color: color.$orange-dark !important;\n color: color.$white !important;\n}\n\n.bg-gray {\n background-color: color.$gray-300 !important;\n}\n\n.bg-blue {\n background-color: color.$blue !important;\n color: color.$black !important;\n}\n\n.bg-green {\n background-color: color.$green !important;\n color: color.$black !important;\n}\n\n.bg-pink {\n background-color: color.$pink !important;\n color: color.$black !important;\n}\n\n.bg-violet {\n background-color: color.$violet !important;\n color: color.$black !important;\n}\n\n.bg-yellow {\n background-color: color.$yellow !important;\n color: color.$black !important;\n}\n\n.bg-yellow-lighter {\n background-color: color.$yellow-lighter !important;\n color: color.$black !important;\n}\n\n.bg-red {\n background-color: color.$red !important;\n color: color.$black !important;\n}\n\n.bg-orange,\n.bg-orange-dark {\n &::selection {\n background-color: color.$black;\n color: color.$white;\n }\n}\n\n.color-gray::selection {\n color: color.$black;\n}\n\n.bg-none {\n background: none !important;\n}\n","// core (brand)\n$orange: #ff7900;\n$orange-dark: #f16e00;\n$black: #000;\n$white: #fff;\n\n// supporting color\n$blue: #4bb4e6;\n$green: #50be87;\n$pink: #ffb4e6;\n$violet: #a885d8;\n$yellow: #ffd200;\n$yellow-lighter: #fff6b6;\n$red: #ff4d4d;\n\n// functional\n$gray-300: #eee;\n$gray-400: #ddd;\n$gray-500: #ccc;\n$gray-600: #999;\n$gray-700: #666;\n$gray-800: #595959;\n$gray-900: #333;\n$success: #32c832;\n$danger: #cd3c14;\n$info: #527edb;\n$warning: #fc0;\n","@use '../../components/Typography/styles/config.scss' as typographyConfig;\n@use '../../components/Typography/styles/mixins.scss' as typographyMixins;\n@use '../tools/layout' as *;\n@use '../tools/text' as *;\n@use '../tools/generate';\n@use '../tokens/color';\n@use '../tokens/base';\n@use '../tokens/breakpoint';\n\nstrong,\n.bold {\n font-weight: 700 !important;\n}\n\nem,\n.italic {\n font-style: italic !important;\n}\n\nsmall,\n.small {\n @include generate.css-map(typographyConfig.$body-text, 'small');\n}\n\n.large {\n @include generate.css-map(typographyConfig.$body-text, 'large');\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-wrap {\n white-space: normal !important;\n}\n\n.text-ellipsis {\n @include text-ellipsis;\n}\n\n.align-left {\n text-align: left !important;\n}\n.align-center {\n text-align: center !important;\n}\n.align-right {\n text-align: right !important;\n}\n\n@each $name, $width in breakpoint.$map {\n @if $name != 'xs' {\n @include breakpoint.get($name) {\n .align-#{$name}-right {\n text-align: right !important;\n }\n .align-#{$name}-left {\n text-align: left !important;\n }\n .align-#{$name}-center {\n text-align: center !important;\n }\n }\n }\n}\n\n.reset-text-decoration {\n text-decoration: none !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n.align-top {\n vertical-align: top !important;\n}\n.align-bottom {\n vertical-align: bottom !important;\n}\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.reset-font-weight {\n font-weight: normal !important;\n}\n.reset-font-size {\n font-size: base.$font-size !important;\n line-height: base.$line-height !important;\n}\n\n.text-fullwidth {\n @include typographyMixins.text-fullwidth;\n}\n.text-readable {\n @include typographyMixins.text-readable;\n}\n.text-narrow {\n @include typographyMixins.text-narrow;\n}\n","@use '../tokens/breakpoint';\n@use './map' as *;\n\n/// Get css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n/// background-color: #fff,\n/// color: #000\n/// );\n///\n/// .example {\n/// @include css-map($map);\n/// }\n///\n/// Output:\n/// .example {\n/// background-color: #fff;\n/// color: #000;\n/// }\n@mixin css-map($_map, $keys...) {\n $map: if($keys, map-deep-get($_map, $keys...), $_map);\n\n @each $prop, $value in $map {\n #{$prop}: #{$value};\n }\n}\n\n/// Get responsive css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n/// default: (\n/// color: red,\n/// ),\n/// xl: (\n/// color: blue,\n/// ),\n/// );\n///\n/// .example {\n/// @include responsive-css-map($map);\n/// }\n///\n/// Output:\n/// .example {\n/// color: red;\n/// @media only screen and (min-width: 1240px) {\n/// color: blue;\n/// }\n/// }\n@mixin responsive-css-map($map) {\n @each $breakpoint, $props in $map {\n @include breakpoint.get($breakpoint) {\n @include css-map($props);\n }\n }\n}\n\n/// Get variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin variants($map, $className: '', $classSuffix: '') {\n @each $variant, $props in $map {\n #{if(&, \"&\", \"\")}#{$className + variant-name($variant) + $classSuffix} {\n @include css-map($props);\n }\n }\n}\n\n/// Get responsive variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin responsive-variants($map, $className: '', $classSuffix: '') {\n @each $breakpoint, $props in $map {\n @include breakpoint.get($breakpoint) {\n @include variants($props, $className, $classSuffix);\n }\n }\n}\n\n/// Get prefixed variant name\n/// @param {String} $name - Variant name\n/// @return {String} - Return a prefixed variant name or empty string, for default variants\n/// @example scss\n/// variant-name('primary')\n/// // -primary\n/// variant-name('default')\n///\n@function variant-name($name, $prefix: '--', $suffix: '') {\n @if not $name or $name == default or $name == xs {\n @return '';\n }\n\n @return #{$prefix + $name + $suffix};\n}\n","@mixin text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/// Replace `$search` with `$replace` in `$string`\n/// @author Hugo Giraudel\n/// @link https://www.sassmeister.com/gist/1b4f2da5527830088e4d\n/// @param {String} $string - Initial string\n/// @param {String} $search - Substring to replace\n/// @param {String} $replace ('') - New value\n/// @return {String} - Updated string\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace +\n str-replace(\n str-slice($string, $index + str-length($search)),\n $search,\n $replace\n );\n }\n\n @return $string;\n}\n","@use 'sass:map' as sassmap;\n@use '../tools/map';\n\n$map: (\n xs: 0,\n sm: 480px,\n md: 768px,\n lg: 992px,\n xl: 1240px,\n xxl: 1380px,\n);\n\n@mixin get( $breakpoint, $param: false) {\n @if (not map-has-key($map, $breakpoint) and $breakpoint != 'default') {\n @warn 'Breakpoint \"#{$breakpoint}\" is not defined.';\n\n @debug 'Available breakpoints:'; // stylelint-disable-line at-rule-disallowed-list\n @debug $map; // stylelint-disable-line at-rule-disallowed-list\n }\n\n @if (\n ($breakpoint == nth(map-keys($map), 1) and not $param) or\n ( not $breakpoint ) or\n ( $breakpoint == 'default' )\n ) {\n @content;\n } @else if not $param {\n // no param, just a standard mobile first media query\n @if map-has-key( $map, $breakpoint ) {\n // breakpoint is in breakpoint map, let's use stored value\n @media screen and (min-width: map-get($map, $breakpoint)) { @content; };\n } @else {\n // breakpoint is not in breakpoint map, let's use custom value\n @media screen and (min-width: $breakpoint) { @content; };\n }\n } @else if (\n $param == 'down' and\n map.next($map, $breakpoint)\n ) {\n @media screen and (max-width: map.next($map, $breakpoint) - 0.02px) {\n @content;\n }\n } @else if (\n $param == 'down' and\n not map_has_key($map, $breakpoint)\n ) {\n @media screen and (max-width: $breakpoint) { @content; };\n } @else if (\n $param == 'only' and\n map.next($map, $breakpoint)\n ) {\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: map.next($map, $breakpoint) - 0.02px) { @content; };\n } @else if (\n map-has-key( $map, $param) and\n map-has-key( $map, $breakpoint)\n ) {\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: map-get($map, $param) - 0.02px) { @content; };\n } @else if (\n $param == 'downfrom' and\n map-get($map, $breakpoint) > 0 and\n $breakpoint != 'xs'\n ) {\n @media screen and (max-width: map-get($map, $breakpoint) - 0.02px) {\n @content;\n } // -1\n } @else if (type-of($param) == 'number') {\n @if map-has-key($map, $breakpoint) {\n // breakpoint is in breakpoint map\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: $param) { @content; };\n } @else {\n // breakpoint is not in breakpoint map, let's use custom value\n @media screen and (min-width: $breakpoint) and (max-width: $param) { @content; }\n }\n } @else if (\n not ($breakpoint == nth(map-keys($map), -1) and $param == 'down') and\n not ($breakpoint == nth(map-keys($map), -1) and $param == 'only') and\n not ($breakpoint == nth(map-keys($map), 1) and $param == 'downfrom')\n ) {\n // do nothing on known edge cases. we just dont generate any code.\n @warn 'Breakpoint is not configured properly #{$breakpoint}, #{$param}';\n }\n}\n\n@mixin each() {\n @each $breakpoint, $size in $map {\n @include get($breakpoint) {\n @content($breakpoint);\n }\n }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../../../styles/tools/generate';\n@use '../../../styles/tools/text';\n@use '../../../styles/tools/convert';\n@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/color';\n@use 'config';\n\n@mixin text-readable {\n max-width: 35em;\n}\n\n@mixin text-narrow {\n max-width: 22em;\n}\n\n@mixin text-fullwidth {\n max-width: none;\n}\n\n@mixin headings-base($heading-config, $selector-pattern, $base-styles) {\n $selector: ();\n\n @each $heading-level in map.keys($heading-config) {\n $selector: list.append(\n $selector,\n #{text.str-replace($selector-pattern, '$', $heading-level)},\n 'comma'\n );\n }\n\n #{$selector} {\n @include generate.css-map($base-styles);\n }\n}\n\n@mixin headings($config, $selector-pattern) {\n @each $heading, $breakpoints in $config {\n #{text.str-replace($selector-pattern, '$', $heading)} {\n @include generate.responsive-css-map($breakpoints);\n }\n }\n}\n\n@mixin body-text($config) {\n html {\n @include generate.css-map(map.get($config, default));\n }\n\n p {\n margin-top: 0;\n margin-bottom: space.get();\n }\n\n cite {\n font-style: normal;\n }\n\n hr {\n margin-top: space.get();\n margin-bottom: space.get();\n border: 0;\n border-top: 1px solid color.$gray-300;\n }\n}\n\n@mixin readability() {\n p {\n @include text-readable;\n }\n}\n\n@mixin list-unstyled() {\n list-style: none;\n list-style-type: none !important;\n max-width: none;\n margin: 0;\n padding: 0;\n\n > li {\n margin-bottom: 0;\n\n /* Fixes VoiceOver no announcing unordered lists */\n &::before {\n content: ' ';\n position: absolute;\n width: 0;\n height: 0;\n }\n }\n}\n\n@mixin list-base() {\n margin: 0 0 space.get() 0;\n padding-left: space.get('large');\n @include text-readable;\n}\n\n@mixin list-spacing($space, $config: config.$list-spacing) {\n > *:where(li) {\n margin-bottom: map-get($config, $space);\n\n > *:where(ul, ol) {\n margin-top: map-get($config, $space);\n }\n }\n}\n\n@mixin ul-list-base() {\n list-style-type: square;\n ul {\n list-style-type: disc;\n ul {\n list-style-type: circle;\n } \n } \n}\n\n@mixin list-circle() {\n list-style-type: disc !important;\n ul {\n list-style-type: circle;\n ul {\n list-style-type: square;\n } \n } \n}\n\n@mixin list-square() {\n list-style-type: square !important;\n ul {\n list-style-type: disc;\n ul {\n list-style-type: circle;\n } \n } \n}\n\n@mixin list-no-offset() {\n padding-left: space.get();\n list-style-position: outside;\n}\n\n@mixin list-inline() {\n @include list-unstyled();\n\n > li {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: space.get('small');\n }\n }\n}\n","@use '../tokens/color';\n\n.border-radius--medium {\n border-radius: 10px;\n}\n\n.border {\n border: 2px solid color.$black;\n\n &.is-invalid {\n border-color: color.$danger !important;\n }\n}\n\n.border--gray {\n border-color: color.$gray-500;\n\n &.border-hover,\n &.is-indicating {\n &:hover {\n border-color: color.$gray-700;\n }\n }\n}\n\n\n.border--orange {\n border-color: color.$orange;\n}","@use '../tokens/space';\n@use '../tokens/breakpoint';\n@use '../tools/generate';\n@use '../tools/layout';\n\n@mixin spacing-utilities() {\n $directions: (\n 'top': 't',\n 'right': 'r',\n 'bottom': 'b',\n 'left': 'l',\n );\n\n .mb {\n margin-bottom: space.get();\n }\n\n @include breakpoint.each using ($breakpoint) {\n @each $spaceName, $spaceSize in space.$map {\n .mb#{generate.variant-name($breakpoint, '-')}#{generate.variant-name($spaceName, '-')} {\n margin-bottom: $spaceSize !important;\n }\n }\n .mb#{generate.variant-name($breakpoint, '-')}-none {\n margin-bottom: 0 !important;\n }\n }\n\n @each $directionName, $directionSelector in $directions {\n @if $directionName != bottom {\n .m#{generate.variant-name($directionSelector, '')}-none {\n margin-#{$directionName}: 0 !important;\n }\n }\n\n .p#{generate.variant-name($directionSelector, '')}-none {\n padding-#{$directionName}: 0 !important;\n }\n }\n\n .no-mrg {\n margin: 0 !important;\n }\n\n .no-pad {\n padding: 0 !important;\n }\n}\n\n@include spacing-utilities;\n\n.clearfix {\n @include layout.clearfix;\n}\n.clear {\n clear: both;\n}\n\n// Flexbox alignment classes\n@mixin alignment-classes() {\n @include breakpoint.each using ($breakpoint) {\n // Children justify\n .justify-content-start#{generate.variant-name($breakpoint, '-')} {\n justify-content: flex-start;\n }\n .justify-content-end#{generate.variant-name($breakpoint, '-')} {\n justify-content: flex-end;\n }\n .justify-content-center#{generate.variant-name($breakpoint, '-')} {\n justify-content: center;\n }\n .justify-content-space-around#{generate.variant-name($breakpoint, '-')} {\n justify-content: space-around;\n }\n .justify-content-space-between#{generate.variant-name($breakpoint, '-')} {\n justify-content: space-between;\n }\n\n // Children align\n .align-items-start#{generate.variant-name($breakpoint, '-')} {\n align-items: flex-start;\n }\n .align-items-end#{generate.variant-name($breakpoint, '-')} {\n align-items: flex-end;\n }\n .align-items-center#{generate.variant-name($breakpoint, '-')} {\n align-items: center;\n }\n .align-items-stretch#{generate.variant-name($breakpoint, '-')} {\n align-items: stretch;\n }\n\n // Self horizontal alignment\n .align-self-left#{generate.variant-name($breakpoint, '-')} {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right#{generate.variant-name($breakpoint, '-')} {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center#{generate.variant-name($breakpoint, '-')} {\n margin-left: auto;\n margin-right: auto;\n }\n\n // Self vertical alignment\n .align-self-top#{generate.variant-name($breakpoint, '-')} {\n align-self: flex-start;\n }\n .align-self-bottom#{generate.variant-name($breakpoint, '-')} {\n align-self: flex-end;\n }\n .align-self-middle#{generate.variant-name($breakpoint, '-')} {\n align-self: center;\n }\n .align-self-stretch#{generate.variant-name($breakpoint, '-')} {\n align-self: stretch;\n }\n\n .align-self-last#{generate.variant-name($breakpoint, '-')} {\n order: 999;\n }\n }\n}\n\n@include alignment-classes;\n\n@mixin aspect-ratio-classes() {\n .aspect-ratio-21-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 21 / 9;\n }\n\n .aspect-ratio-16-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 16 / 9;\n }\n\n .aspect-ratio-4-3 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 4 / 3;\n }\n\n .aspect-ratio-1-1 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 1 / 1;\n }\n}\n\n@include aspect-ratio-classes;\n\n@mixin display-classes {\n .d-block {\n display: block;\n }\n .d-inline-block {\n display: inline-block;\n }\n .d-inline {\n display: inline;\n }\n .d-flex {\n display: flex;\n }\n .d-inline-flex {\n display: inline-flex;\n }\n}\n\n@include display-classes;\n\n@mixin block-classes {\n .fullwidth {\n width: 100% !important;\n }\n\n .fullheight {\n height: 100% !important;\n }\n\n .center-block {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n}\n\n@include block-classes();\n","@use '../tokens/base';\n\n// -- Nicolas Gallagher's micro clearfix\n@mixin clearfix {\n &::before,\n &::after {\n // For modern browsers\n content: '';\n display: table;\n }\n\n &::after {\n clear: both;\n }\n}\n\n/**\n * Resets margin-bottom of the last child to zero\n */\n@mixin reset-last-child-margin-bottom {\n > :not([class*='mb\\-']):last-child {\n margin-bottom: 0;\n }\n}\n","@use 'sass:map' as sassmap;\n@use '../tokens/breakpoint';\n@use '../tools/map';\n@use '../tools/visibility';\n\n.visually-hidden,\n.sr-only {\n @include visibility.visually-hidden;\n}\n\n@mixin show-for($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint, downfrom) {\n display: none !important;\n }\n } @else {\n @warn 'show-for() parameter breakpoint is not defined in the breakpoint.$map map';\n }\n}\n\n@mixin hide-for($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint) {\n display: none !important;\n }\n } @else {\n @warn 'hide-for() parameter breakpoint is not defined in the breakpoint.$map map';\n }\n}\n\n@mixin show-for-only($breakpoint) {\n $lower-bound-name: $breakpoint;\n $upper-bound-name: map.next(breakpoint.$map, $breakpoint, 'key');\n\n @if $lower-bound-name {\n @include breakpoint.get($lower-bound-name, downfrom) {\n display: none !important;\n }\n\n @if $upper-bound-name {\n @include breakpoint.get($upper-bound-name) {\n display: none !important;\n }\n }\n } @else {\n @warn 'hide-for() parameter #{$breakpoint} is not defined properly in the breakpoint.$map map';\n }\n}\n\n@mixin hide-for-only($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint, only) {\n display: none !important;\n }\n } @else {\n @warn 'hide-for() parameter #{$breakpoint} is not defined properly in the breakpoint.$map map';\n }\n}\n\n@mixin visibility-classes() {\n .hide {\n display: none !important;\n }\n\n .invisible {\n visibility: hidden;\n }\n\n @each $breakpoint, $size in breakpoint.$map {\n @if $breakpoint != 'xs' {\n .show-#{$breakpoint} {\n @include show-for($breakpoint);\n }\n\n .hide-#{$breakpoint} {\n @include hide-for($breakpoint);\n }\n }\n\n .show-#{$breakpoint}-only {\n @include show-for-only($breakpoint);\n }\n\n .hide-#{$breakpoint}-only {\n @include hide-for-only($breakpoint);\n }\n }\n}\n\n@include visibility-classes;\n","@mixin visually-hidden {\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n position: absolute;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n","@use '../tokens/color';\n@use '../tokens/space';\n@use '../tokens/breakpoint';\n@use '../tools/generate';\n\n[class*=\"horizontal-scroll\"] {\n scrollbar-color: color.$gray-400 color.$gray-800;\n scrollbar-width: space.get('small');\n scroll-snap-type: x mandatory;\n\n > * {\n scroll-snap-align: start;\n }\n\n &::-webkit-scrollbar {\n height: space.get('small');\n appearance: none;\n background-color: color.$gray-400;\n border-radius: 99px;\n }\n\n &::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: color.$gray-800;\n }\n}\n\n.horizontal-scroll {\n @each $breakpoint, $w in breakpoint.$map {\n @include breakpoint.get($breakpoint) {\n &#{generate.variant-name($breakpoint)} {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: space.get('medium');\n }\n\n &#{generate.variant-name($breakpoint)}-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n }\n}\n","/**\n* Resets for megamenu and footer\n* This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.\n**/\n.osk-footer-menu,\n.mm-header ul {\n max-width: none;\n margin-top: 0;\n\n li {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n"]}
1
+ {"version":3,"sources":["../styles/utilities/color.scss","../styles/tokens/color.scss","../styles/utilities/text.scss","../styles/tools/generate.scss","../styles/tools/text.scss","../styles/tokens/breakpoint.scss","../components/Typography/styles/mixins.scss","../styles/utilities/border.scss","../styles/utilities/layout.scss","../styles/tools/layout.scss","../styles/utilities/visibility.scss","../styles/tools/visibility.scss","../styles/utilities/horizontal-scroll.scss","../styles/shame.scss"],"names":[],"mappings":"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","file":"after-components.css","sourcesContent":["@use '../tokens/color';\n\n.color-black {\n color: color.$black !important;\n}\n.color-orange {\n color: color.$orange-dark !important;\n}\n.color-gray {\n color: color.$gray-800 !important;\n}\n.color-white {\n color: color.$white !important;\n}\n.color-blue {\n color: #085ebd !important;\n}\n\n.color-danger {\n color: color.$danger !important;\n}\n\n.bg-white {\n background-color: color.$white !important;\n color: color.$black !important;\n\n .color-blue,\n &.color-blue {\n color: #085ebd !important; // enforce blue color\n }\n}\n\n.bg-black {\n background-color: color.$black !important;\n color: color.$white !important;\n\n .color-orange,\n &.color-orange {\n color: color.$orange !important; // enforce brighter text color\n }\n\n .color-gray,\n &.color-gray {\n color: color.$gray-500 !important; // enforce brighter gray\n }\n\n .color-blue,\n &.color-blue {\n color: color.$blue !important; // enforce blue color\n }\n\n .color-danger,\n &.color-danger {\n color: color.$danger !important; // enforce danger color\n }\n}\n\n.bg-orange {\n background-color: color.$orange !important;\n color: color.$black !important;\n}\n\n.bg-orange-dark {\n background-color: color.$orange-dark !important;\n color: color.$white !important;\n}\n\n.bg-gray {\n background-color: color.$gray-300 !important;\n}\n\n.bg-blue {\n background-color: color.$blue !important;\n color: color.$black !important;\n}\n\n.bg-green {\n background-color: color.$green !important;\n color: color.$black !important;\n}\n\n.bg-pink {\n background-color: color.$pink !important;\n color: color.$black !important;\n}\n\n.bg-violet {\n background-color: color.$violet !important;\n color: color.$black !important;\n}\n\n.bg-yellow {\n background-color: color.$yellow !important;\n color: color.$black !important;\n}\n\n.bg-yellow-lighter {\n background-color: color.$yellow-lighter !important;\n color: color.$black !important;\n}\n\n.bg-red {\n background-color: color.$red !important;\n color: color.$black !important;\n}\n\n.bg-orange,\n.bg-orange-dark {\n &::selection {\n background-color: color.$black;\n color: color.$white;\n }\n}\n\n.color-gray::selection {\n color: color.$black;\n}\n\n.bg-none {\n background: none !important;\n}\n","// core (brand)\n$orange: #ff7900;\n$orange-dark: #f16e00;\n$black: #000;\n$white: #fff;\n\n// supporting color\n$blue: #4bb4e6;\n$green: #50be87;\n$pink: #ffb4e6;\n$violet: #a885d8;\n$yellow: #ffd200;\n$yellow-lighter: #fff6b6;\n$red: #ff4d4d;\n\n// functional\n$gray-300: #eee;\n$gray-400: #ddd;\n$gray-500: #ccc;\n$gray-600: #999;\n$gray-700: #666;\n$gray-800: #595959;\n$gray-900: #333;\n$success: #32c832;\n$danger: #cd3c14;\n$info: #527edb;\n$warning: #fc0;\n","@use '../../components/Typography/styles/config.scss' as typographyConfig;\n@use '../../components/Typography/styles/mixins.scss' as typographyMixins;\n@use '../tools/layout' as *;\n@use '../tools/text' as *;\n@use '../tools/generate';\n@use '../tokens/color';\n@use '../tokens/base';\n@use '../tokens/breakpoint';\n\nstrong,\n.bold {\n font-weight: 700 !important;\n}\n\nem,\n.italic {\n font-style: italic !important;\n}\n\nsmall,\n.small {\n @include generate.css-map(typographyConfig.$body-text, 'small');\n}\n\n.large {\n @include generate.css-map(typographyConfig.$body-text, 'large');\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n.text-wrap {\n white-space: normal !important;\n}\n\n.text-ellipsis {\n @include text-ellipsis;\n}\n\n.align-left {\n text-align: left !important;\n}\n.align-center {\n text-align: center !important;\n}\n.align-right {\n text-align: right !important;\n}\n\n@each $name, $width in breakpoint.$map {\n @if $name != 'xs' {\n @include breakpoint.get($name) {\n .align-#{$name}-right {\n text-align: right !important;\n }\n .align-#{$name}-left {\n text-align: left !important;\n }\n .align-#{$name}-center {\n text-align: center !important;\n }\n }\n }\n}\n\n.reset-text-decoration {\n text-decoration: none !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n.align-top {\n vertical-align: top !important;\n}\n.align-bottom {\n vertical-align: bottom !important;\n}\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.reset-font-weight {\n font-weight: normal !important;\n}\n.reset-font-size {\n font-size: base.$font-size !important;\n line-height: base.$line-height !important;\n}\n\n.text-fullwidth {\n @include typographyMixins.text-fullwidth;\n}\n.text-readable {\n @include typographyMixins.text-readable;\n}\n.text-narrow {\n @include typographyMixins.text-narrow;\n}\n","@use '../tokens/breakpoint';\n@use './map' as *;\n\n/// Get css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n/// background-color: #fff,\n/// color: #000\n/// );\n///\n/// .example {\n/// @include css-map($map);\n/// }\n///\n/// Output:\n/// .example {\n/// background-color: #fff;\n/// color: #000;\n/// }\n@mixin css-map($_map, $keys...) {\n $map: if($keys, map-deep-get($_map, $keys...), $_map);\n\n @each $prop, $value in $map {\n #{$prop}: #{$value};\n }\n}\n\n/// Get responsive css propeties from map\n///\n/// @param {Map} $map - Map\n/// @param {Arglist} $keys - Keys to fetch\n///\n/// @example\n/// $map: (\n/// default: (\n/// color: red,\n/// ),\n/// xl: (\n/// color: blue,\n/// ),\n/// );\n///\n/// .example {\n/// @include responsive-css-map($map);\n/// }\n///\n/// Output:\n/// .example {\n/// color: red;\n/// @media only screen and (min-width: 1240px) {\n/// color: blue;\n/// }\n/// }\n@mixin responsive-css-map($map) {\n @each $breakpoint, $props in $map {\n @include breakpoint.get($breakpoint) {\n @include css-map($props);\n }\n }\n}\n\n/// Get variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin variants($map, $className: '', $classSuffix: '') {\n @each $variant, $props in $map {\n #{if(&, \"&\", \"\")}#{$className + variant-name($variant) + $classSuffix} {\n @include css-map($props);\n }\n }\n}\n\n/// Get responsive variants of elemnt from map\n///\n/// @param {Map} $map - map\n/// @param {Map} $className - class name of element\n/// @param {Map} $classSuffix - suffix for class name of element\n@mixin responsive-variants($map, $className: '', $classSuffix: '') {\n @each $breakpoint, $props in $map {\n @include breakpoint.get($breakpoint) {\n @include variants($props, $className, $classSuffix);\n }\n }\n}\n\n/// Get prefixed variant name\n/// @param {String} $name - Variant name\n/// @return {String} - Return a prefixed variant name or empty string, for default variants\n/// @example scss\n/// variant-name('primary')\n/// // -primary\n/// variant-name('default')\n///\n@function variant-name($name, $prefix: '--', $suffix: '') {\n @if not $name or $name == default or $name == xs {\n @return '';\n }\n\n @return #{$prefix + $name + $suffix};\n}\n","@mixin text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/// Replace `$search` with `$replace` in `$string`\n/// @author Hugo Giraudel\n/// @link https://www.sassmeister.com/gist/1b4f2da5527830088e4d\n/// @param {String} $string - Initial string\n/// @param {String} $search - Substring to replace\n/// @param {String} $replace ('') - New value\n/// @return {String} - Updated string\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace +\n str-replace(\n str-slice($string, $index + str-length($search)),\n $search,\n $replace\n );\n }\n\n @return $string;\n}\n","@use 'sass:map' as sassmap;\n@use '../tools/map';\n\n$map: (\n xs: 0,\n sm: 480px,\n md: 768px,\n lg: 992px,\n xl: 1240px,\n xxl: 1380px,\n);\n\n@mixin get( $breakpoint, $param: false) {\n @if (not map-has-key($map, $breakpoint) and $breakpoint != 'default') {\n @warn 'Breakpoint \"#{$breakpoint}\" is not defined.';\n\n @debug 'Available breakpoints:'; // stylelint-disable-line at-rule-disallowed-list\n @debug $map; // stylelint-disable-line at-rule-disallowed-list\n }\n\n @if (\n ($breakpoint == nth(map-keys($map), 1) and not $param) or\n ( not $breakpoint ) or\n ( $breakpoint == 'default' )\n ) {\n @content;\n } @else if not $param {\n // no param, just a standard mobile first media query\n @if map-has-key( $map, $breakpoint ) {\n // breakpoint is in breakpoint map, let's use stored value\n @media screen and (min-width: map-get($map, $breakpoint)) { @content; };\n } @else {\n // breakpoint is not in breakpoint map, let's use custom value\n @media screen and (min-width: $breakpoint) { @content; };\n }\n } @else if (\n $param == 'down' and\n map.next($map, $breakpoint)\n ) {\n @media screen and (max-width: map.next($map, $breakpoint) - 0.02px) {\n @content;\n }\n } @else if (\n $param == 'down' and\n not map_has_key($map, $breakpoint)\n ) {\n @media screen and (max-width: $breakpoint) { @content; };\n } @else if (\n $param == 'only' and\n map.next($map, $breakpoint)\n ) {\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: map.next($map, $breakpoint) - 0.02px) { @content; };\n } @else if (\n map-has-key( $map, $param) and\n map-has-key( $map, $breakpoint)\n ) {\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: map-get($map, $param) - 0.02px) { @content; };\n } @else if (\n $param == 'downfrom' and\n map-get($map, $breakpoint) > 0 and\n $breakpoint != 'xs'\n ) {\n @media screen and (max-width: map-get($map, $breakpoint) - 0.02px) {\n @content;\n } // -1\n } @else if (type-of($param) == 'number') {\n @if map-has-key($map, $breakpoint) {\n // breakpoint is in breakpoint map\n @media screen and\n (min-width: map-get($map, $breakpoint)) and\n (max-width: $param) { @content; };\n } @else {\n // breakpoint is not in breakpoint map, let's use custom value\n @media screen and (min-width: $breakpoint) and (max-width: $param) { @content; }\n }\n } @else if (\n not ($breakpoint == nth(map-keys($map), -1) and $param == 'down') and\n not ($breakpoint == nth(map-keys($map), -1) and $param == 'only') and\n not ($breakpoint == nth(map-keys($map), 1) and $param == 'downfrom')\n ) {\n // do nothing on known edge cases. we just dont generate any code.\n @warn 'Breakpoint is not configured properly #{$breakpoint}, #{$param}';\n }\n}\n\n@mixin each() {\n @each $breakpoint, $size in $map {\n @include get($breakpoint) {\n @content($breakpoint);\n }\n }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../../../styles/tools/generate';\n@use '../../../styles/tools/text';\n@use '../../../styles/tools/convert';\n@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/color';\n@use 'config';\n\n@mixin text-readable {\n max-width: 35em;\n}\n\n@mixin text-narrow {\n max-width: 22em;\n}\n\n@mixin text-fullwidth {\n max-width: none;\n}\n\n@mixin headings-base($heading-config, $selector-pattern, $base-styles) {\n $selector: ();\n\n @each $heading-level in map.keys($heading-config) {\n $selector: list.append(\n $selector,\n #{text.str-replace($selector-pattern, '$', $heading-level)},\n 'comma'\n );\n }\n\n #{$selector} {\n @include generate.css-map($base-styles);\n }\n}\n\n@mixin headings($config, $selector-pattern) {\n @each $heading, $breakpoints in $config {\n #{text.str-replace($selector-pattern, '$', $heading)} {\n @include generate.responsive-css-map($breakpoints);\n }\n }\n}\n\n@mixin body-text($config) {\n html {\n @include generate.css-map(map.get($config, default));\n }\n\n p {\n margin-top: 0;\n margin-bottom: space.get();\n }\n\n cite {\n font-style: normal;\n }\n\n hr {\n margin-top: space.get();\n margin-bottom: space.get();\n border: 0;\n border-top: 1px solid color.$gray-300;\n }\n}\n\n@mixin readability() {\n p {\n @include text-readable;\n }\n}\n\n@mixin list-unstyled() {\n list-style: none;\n list-style-type: none !important;\n max-width: none;\n margin: 0;\n padding: 0;\n\n > li {\n margin-bottom: 0;\n\n /* Fixes VoiceOver no announcing unordered lists */\n &::before {\n content: ' ';\n position: absolute;\n width: 0;\n height: 0;\n }\n }\n}\n\n@mixin list-base() {\n margin: 0 0 space.get() 0;\n padding-left: space.get('large');\n @include text-readable;\n}\n\n@mixin list-spacing($space, $config: config.$list-spacing) {\n > *:where(li) {\n margin-bottom: map-get($config, $space);\n\n > *:where(ul, ol) {\n margin-top: map-get($config, $space);\n }\n }\n}\n\n@mixin ul-list-base() {\n list-style-type: square;\n ul {\n list-style-type: disc;\n ul {\n list-style-type: circle;\n } \n } \n}\n\n@mixin list-circle() {\n list-style-type: disc !important;\n ul {\n list-style-type: circle;\n ul {\n list-style-type: square;\n } \n } \n}\n\n@mixin list-square() {\n list-style-type: square !important;\n ul {\n list-style-type: disc;\n ul {\n list-style-type: circle;\n } \n } \n}\n\n@mixin list-no-offset() {\n padding-left: space.get();\n list-style-position: outside;\n}\n\n@mixin list-inline() {\n @include list-unstyled();\n\n > li {\n display: inline-block;\n\n &:not(:last-child) {\n margin-right: space.get('small');\n }\n }\n}\n","@use '../tokens/color';\n\n.border-radius--medium {\n border-radius: 10px;\n}\n\n.border {\n border: 2px solid color.$black;\n\n &.is-invalid {\n border-color: color.$danger !important;\n }\n}\n\n.border--gray {\n border-color: color.$gray-500;\n\n &.border-hover,\n &.is-indicating {\n &:hover {\n border-color: color.$gray-700;\n }\n }\n}\n\n\n.border--orange {\n border-color: color.$orange;\n}","@use '../tokens/space';\n@use '../tokens/breakpoint';\n@use '../tools/generate';\n@use '../tools/layout';\n\n@mixin spacing-utilities() {\n $directions: (\n 'top': 't',\n 'right': 'r',\n 'bottom': 'b',\n 'left': 'l',\n );\n\n .mb {\n margin-bottom: space.get();\n }\n\n @include breakpoint.each using ($breakpoint) {\n @each $spaceName, $spaceSize in space.$map {\n .mb#{generate.variant-name($breakpoint, '-')}#{generate.variant-name($spaceName, '-')} {\n margin-bottom: $spaceSize !important;\n }\n }\n .mb#{generate.variant-name($breakpoint, '-')}-none {\n margin-bottom: 0 !important;\n }\n }\n\n @each $directionName, $directionSelector in $directions {\n @if $directionName != bottom {\n .m#{generate.variant-name($directionSelector, '')}-none {\n margin-#{$directionName}: 0 !important;\n }\n }\n\n .p#{generate.variant-name($directionSelector, '')}-none {\n padding-#{$directionName}: 0 !important;\n }\n }\n\n .no-mrg {\n margin: 0 !important;\n }\n\n .no-pad {\n padding: 0 !important;\n }\n}\n\n@include spacing-utilities;\n\n.clearfix {\n @include layout.clearfix;\n}\n.clear {\n clear: both;\n}\n\n// Flexbox alignment classes\n@mixin alignment-classes() {\n @include breakpoint.each using ($breakpoint) {\n // Children justify\n .justify-content-start#{generate.variant-name($breakpoint)} {\n justify-content: flex-start;\n }\n .justify-content-end#{generate.variant-name($breakpoint)} {\n justify-content: flex-end;\n }\n .justify-content-center#{generate.variant-name($breakpoint)} {\n justify-content: center;\n }\n .justify-content-space-around#{generate.variant-name($breakpoint)} {\n justify-content: space-around;\n }\n .justify-content-space-between#{generate.variant-name($breakpoint)} {\n justify-content: space-between;\n }\n\n // Children align\n .align-items-start#{generate.variant-name($breakpoint)} {\n align-items: flex-start;\n }\n .align-items-end#{generate.variant-name($breakpoint)} {\n align-items: flex-end;\n }\n .align-items-center#{generate.variant-name($breakpoint)} {\n align-items: center;\n }\n .align-items-stretch#{generate.variant-name($breakpoint)} {\n align-items: stretch;\n }\n\n // Self horizontal alignment\n .align-self-left#{generate.variant-name($breakpoint)} {\n margin-left: 0;\n margin-right: auto;\n }\n .align-self-right#{generate.variant-name($breakpoint)} {\n margin-left: auto;\n margin-right: 0;\n }\n .align-self-center#{generate.variant-name($breakpoint)} {\n margin-left: auto;\n margin-right: auto;\n }\n\n // Self vertical alignment\n .align-self-top#{generate.variant-name($breakpoint)} {\n align-self: flex-start;\n }\n .align-self-bottom#{generate.variant-name($breakpoint)} {\n align-self: flex-end;\n }\n .align-self-middle#{generate.variant-name($breakpoint)} {\n align-self: center;\n }\n .align-self-stretch#{generate.variant-name($breakpoint)} {\n align-self: stretch;\n }\n\n .align-self-last#{generate.variant-name($breakpoint)} {\n order: 999;\n }\n }\n}\n\n@include alignment-classes;\n\n@mixin aspect-ratio-classes() {\n .aspect-ratio-21-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 21 / 9;\n }\n\n .aspect-ratio-16-9 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 16 / 9;\n }\n\n .aspect-ratio-4-3 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 4 / 3;\n }\n\n .aspect-ratio-1-1 {\n max-width: 100%;\n border: 0;\n aspect-ratio: 1 / 1;\n }\n}\n\n@include aspect-ratio-classes;\n\n@mixin display-classes {\n .d-block {\n display: block;\n }\n .d-inline-block {\n display: inline-block;\n }\n .d-inline {\n display: inline;\n }\n .d-flex {\n display: flex;\n }\n .d-inline-flex {\n display: inline-flex;\n }\n}\n\n@include display-classes;\n\n@mixin block-classes {\n .fullwidth {\n width: 100% !important;\n }\n\n .fullheight {\n height: 100% !important;\n }\n\n .center-block {\n margin-left: auto !important;\n margin-right: auto !important;\n }\n}\n\n@include block-classes();\n","@use '../tokens/base';\n\n// -- Nicolas Gallagher's micro clearfix\n@mixin clearfix {\n &::before,\n &::after {\n // For modern browsers\n content: '';\n display: table;\n }\n\n &::after {\n clear: both;\n }\n}\n\n/**\n * Resets margin-bottom of the last child to zero\n */\n@mixin reset-last-child-margin-bottom {\n > :not([class*='mb\\-']):last-child {\n margin-bottom: 0;\n }\n}\n","@use 'sass:map' as sassmap;\n@use '../tokens/breakpoint';\n@use '../tools/map';\n@use '../tools/visibility';\n\n.visually-hidden,\n.sr-only {\n @include visibility.visually-hidden;\n}\n\n@mixin show-for($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint, downfrom) {\n display: none !important;\n }\n } @else {\n @warn 'show-for() parameter breakpoint is not defined in the breakpoint.$map map';\n }\n}\n\n@mixin hide-for($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint) {\n display: none !important;\n }\n } @else {\n @warn 'hide-for() parameter breakpoint is not defined in the breakpoint.$map map';\n }\n}\n\n@mixin show-for-only($breakpoint) {\n $lower-bound-name: $breakpoint;\n $upper-bound-name: map.next(breakpoint.$map, $breakpoint, 'key');\n\n @if $lower-bound-name {\n @include breakpoint.get($lower-bound-name, downfrom) {\n display: none !important;\n }\n\n @if $upper-bound-name {\n @include breakpoint.get($upper-bound-name) {\n display: none !important;\n }\n }\n } @else {\n @warn 'hide-for() parameter #{$breakpoint} is not defined properly in the breakpoint.$map map';\n }\n}\n\n@mixin hide-for-only($breakpoint) {\n @if sassmap.get(breakpoint.$map, $breakpoint) {\n @include breakpoint.get($breakpoint, only) {\n display: none !important;\n }\n } @else {\n @warn 'hide-for() parameter #{$breakpoint} is not defined properly in the breakpoint.$map map';\n }\n}\n\n@mixin visibility-classes() {\n .hide {\n display: none !important;\n }\n\n .invisible {\n visibility: hidden;\n }\n\n @each $breakpoint, $size in breakpoint.$map {\n @if $breakpoint != 'xs' {\n .show-#{$breakpoint} {\n @include show-for($breakpoint);\n }\n\n .hide-#{$breakpoint} {\n @include hide-for($breakpoint);\n }\n }\n\n .show-#{$breakpoint}-only {\n @include show-for-only($breakpoint);\n }\n\n .hide-#{$breakpoint}-only {\n @include hide-for-only($breakpoint);\n }\n }\n}\n\n@include visibility-classes;\n","@mixin visually-hidden {\n height: 1px;\n width: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n position: absolute;\n overflow: hidden;\n clip: rect(1px 1px 1px 1px);\n clip: rect(1px, 1px, 1px, 1px);\n}\n","@use '../tokens/color';\n@use '../tokens/space';\n@use '../tokens/breakpoint';\n@use '../tools/generate';\n\n[class*=\"horizontal-scroll\"] {\n scrollbar-color: color.$gray-400 color.$gray-800;\n scrollbar-width: space.get('small');\n scroll-snap-type: x mandatory;\n\n > * {\n scroll-snap-align: start;\n }\n\n &::-webkit-scrollbar {\n height: space.get('small');\n appearance: none;\n background-color: color.$gray-400;\n border-radius: 99px;\n }\n\n &::-webkit-scrollbar-thumb {\n opacity: 1;\n border-radius: 99px;\n background-color: color.$gray-800;\n }\n}\n\n.horizontal-scroll {\n @each $breakpoint, $w in breakpoint.$map {\n @include breakpoint.get($breakpoint) {\n &#{generate.variant-name($breakpoint)} {\n flex-wrap: nowrap;\n overflow-x: auto;\n -webkit-overflow-scrolling: auto;\n margin-bottom: space.get('medium');\n }\n\n &#{generate.variant-name($breakpoint)}-disable {\n flex-wrap: wrap;\n overflow-x: initial;\n -webkit-overflow-scrolling: initial;\n margin-bottom: 0;\n }\n }\n }\n}\n","/**\n* Resets for megamenu and footer\n* This reset is required due to default list spacing in ods 1 and will be removed once megamenu and footer components are migrated to 1.\n**/\n.osk-footer-menu,\n.mm-header ul {\n max-width: none;\n margin-top: 0;\n\n li {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n"]}