@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.
- package/build/app.css +1 -1
- package/build/app.css.map +1 -1
- package/build/app.js +1 -1
- package/build/asset-manifest.json +1 -1
- package/build/components/Tile/style.css +1 -1
- package/build/components/Tile/style.css.map +1 -1
- package/build/components/style.css +1 -1
- package/build/components/style.css.map +1 -1
- package/build/index.css +1 -1
- package/build/index.css.map +1 -1
- package/build/index.js +1 -1
- package/build/index.js.map +1 -1
- package/build/lib/after-components.css +1 -1
- package/build/lib/after-components.css.map +1 -1
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/{precache-manifest.ba9a3843a3a06d0bdbbac8e3caf6e252.js → precache-manifest.7c41960459fcd94481f934539ee81093.js} +4 -4
- package/build/{precache-manifest.782b5fd2bf08b1109da69c44c6738106.js → precache-manifest.b28779876d9a98d4bd77539a7f4b2f76.js} +10 -10
- package/build/service-worker.js +1 -1
- package/package.json +1 -1
- package/src/styles/utilities/layout.scss +17 -17
|
@@ -348,7 +348,7 @@
|
|
|
348
348
|
"components/static.css.map": "/components/static.css.map",
|
|
349
349
|
"components/static.js.LICENSE.txt": "/components/static.js.LICENSE.txt",
|
|
350
350
|
"components/style.css.map": "/components/style.css.map",
|
|
351
|
-
"precache-manifest.
|
|
351
|
+
"precache-manifest.7c41960459fcd94481f934539ee81093.js": "/precache-manifest.7c41960459fcd94481f934539ee81093.js",
|
|
352
352
|
"service-worker.js": "/service-worker.js"
|
|
353
353
|
},
|
|
354
354
|
"entrypoints": [
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
img,picture{display:inline-block;vertical-align:middle;max-width:100%;height:auto}.img{margin-bottom:1.25rem}.icon{fill:currentColor;width:1em;height:1em;vertical-align:text-bottom}.icon--small{width:1rem;height:1rem}.icon--medium{width:1.5rem;height:1.5rem}.icon--large{width:2rem;height:2rem}.icon--xlarge{width:2.5rem;height:2.5rem}.icon--xxlarge{width:3rem;height:3rem}.icon--huge{width:3.5rem;height:3.5rem}@media screen and (min-width:768px){.icon--xlarge{width:3rem;height:3rem}.icon--xxlarge{width:4rem;height:4rem}.icon--huge{width:5rem;height:5rem}}.icon--info{color:#527edb}.icon--success{color:#32c832}.icon--warning{color:#fc0}.icon--danger{color:#cd3c14}use{pointer-events:none}.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
|
|
1
|
+
img,picture{display:inline-block;vertical-align:middle;max-width:100%;height:auto}.img{margin-bottom:1.25rem}.icon{fill:currentColor;width:1em;height:1em;vertical-align:text-bottom}.icon--small{width:1rem;height:1rem}.icon--medium{width:1.5rem;height:1.5rem}.icon--large{width:2rem;height:2rem}.icon--xlarge{width:2.5rem;height:2.5rem}.icon--xxlarge{width:3rem;height:3rem}.icon--huge{width:3.5rem;height:3.5rem}@media screen and (min-width:768px){.icon--xlarge{width:3rem;height:3rem}.icon--xxlarge{width:4rem;height:4rem}.icon--huge{width:5rem;height:5rem}}.icon--info{color:#527edb}.icon--success{color:#32c832}.icon--warning{color:#fc0}.icon--danger{color:#cd3c14}use{pointer-events:none}.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}.tile{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:100%;background-color:#fff;color:#000}.tile--black{background-color:#000;color:#fff}.tile__body{position:absolute;display:flex;flex-direction:column;align-items:flex-start;top:0;left:0;width:100%;height:100%;z-index:1;padding:.625rem}@media screen and (min-width:480px){.tile__body{padding:.625rem}}@media screen and (min-width:768px){.tile__body{padding:1.25rem}}.tile__bg,.tile__icon{position:absolute;bottom:0;left:50%;width:100%;transform:translateX(-50%);margin-bottom:0}.tile__icon{width:50%;height:50%;margin-bottom:.625rem}
|
|
2
2
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["style.scss","mixins.scss","config.scss","../../../styles/tokens/breakpoint.scss","../../../styles/utilities/layout.scss","../../../styles/tools/layout.scss","../../../styles/tools/generate.scss"],"names":[],"mappings":"AAEA,YCCE,oBAAA,CACA,qBAAA,CACA,cAAA,CACA,WAAA,CAAA,KAIA,qBAAA,CDNF,MCCE,iBAAA,CACA,SAAA,CACA,UAAA,CACA,0BAAA,CAOM,aACE,UCbF,CDcE,WCdF,CDYA,cACE,YCbF,CDcE,aCdF,CDYA,aACE,UCbF,CDcE,WCdF,CDYA,cACE,YCbF,CDcE,aCdF,CDYA,eACE,UCbF,CDcE,WCdF,CDYA,YACE,YCbF,CDcE,aCdF,CC2BF,oCFfE,cACE,UCbF,CDcE,WCdF,CDYA,eACE,UCbF,CDcE,WCdF,CDYA,YACE,UCbF,CDcE,WCdF,CAAA,CDuBJ,YACE,aCRG,CDOL,eACE,aCRG,CDOL,eACE,UCRG,CDOL,cACE,aCRG,CFTT,IACE,mBAAA,CIEA,IACE,qBAAA,CAKE,WACE,2BAAA,CADF,UACE,4BAAA,CADF,WACE,4BAAA,CADF,UACE,4BAAA,CADF,WACE,4BAAA,CAGJ,SACE,yBAAA,CDMA,oCCXA,cACE,2BAAA,CADF,aACE,4BAAA,CADF,cACE,4BAAA,CADF,aACE,4BAAA,CADF,cACE,4BAAA,CAGJ,YACE,yBAAA,CAAA,CDMA,oCCXA,cACE,2BAAA,CADF,aACE,4BAAA,CADF,cACE,4BAAA,CADF,aACE,4BAAA,CADF,cACE,4BAAA,CAGJ,YACE,yBAAA,CAAA,CDMA,oCCXA,cACE,2BAAA,CADF,aACE,4BAAA,CADF,cACE,4BAAA,CADF,aACE,4BAAA,CADF,cACE,4BAAA,CAGJ,YACE,yBAAA,CAAA,CDMA,qCCXA,cACE,2BAAA,CADF,aACE,4BAAA,CADF,cACE,4BAAA,CADF,aACE,4BAAA,CADF,cACE,4BAAA,CAGJ,YACE,yBAAA,CAAA,CDMA,qCCXA,eACE,2BAAA,CADF,cACE,4BAAA,CADF,eACE,4BAAA,CADF,cACE,4BAAA,CADF,eACE,4BAAA,CAGJ,aACE,yBAAA,CAAA,CAMA,SACE,sBAAA,CAIJ,SACE,uBAAA,CANA,SACE,wBAAA,CAIJ,SACE,yBAAA,CADF,SACE,0BAAA,CANA,SACE,uBAAA,CAIJ,SACE,wBAAA,CAIJ,QACE,kBAAA,CAGF,QACE,mBAAA,CCzCF,iCAGE,UAAA,CACA,aAAA,CD8CJ,uBACE,UAAA,CAOE,uBACE,0BAAA,CAEF,qBACE,wBAAA,CAEF,wBACE,sBAAA,CAEF,8BACE,4BAAA,CAEF,+BACE,6BAAA,CAIF,mBACE,sBAAA,CAEF,iBACE,oBAAA,CAEF,oBACE,kBAAA,CAEF,qBACE,mBAAA,CAIF,iBACE,aAAA,CACA,iBAAA,CAEF,kBACE,gBAAA,CACA,cAAA,CAEF,mBACE,gBAAA,CACA,iBAAA,CAIF,gBACE,qBAAA,CAEF,mBACE,mBAAA,CAEF,mBACE,iBAAA,CAEF,oBACE,kBAAA,CAGF,iBACE,SAAA,CD3FA,oCCgCF,0BACE,0BAAA,CAEF,wBACE,wBAAA,CAEF,2BACE,sBAAA,CAEF,iCACE,4BAAA,CAEF,kCACE,6BAAA,CAIF,sBACE,sBAAA,CAEF,oBACE,oBAAA,CAEF,uBACE,kBAAA,CAEF,wBACE,mBAAA,CAIF,oBACE,aAAA,CACA,iBAAA,CAEF,qBACE,gBAAA,CACA,cAAA,CAEF,sBACE,gBAAA,CACA,iBAAA,CAIF,mBACE,qBAAA,CAEF,sBACE,mBAAA,CAEF,sBACE,iBAAA,CAEF,uBACE,kBAAA,CAGF,oBACE,SAAA,CAAA,CD3FA,oCCgCF,0BACE,0BAAA,CAEF,wBACE,wBAAA,CAEF,2BACE,sBAAA,CAEF,iCACE,4BAAA,CAEF,kCACE,6BAAA,CAIF,sBACE,sBAAA,CAEF,oBACE,oBAAA,CAEF,uBACE,kBAAA,CAEF,wBACE,mBAAA,CAIF,oBACE,aAAA,CACA,iBAAA,CAEF,qBACE,gBAAA,CACA,cAAA,CAEF,sBACE,gBAAA,CACA,iBAAA,CAIF,mBACE,qBAAA,CAEF,sBACE,mBAAA,CAEF,sBACE,iBAAA,CAEF,uBACE,kBAAA,CAGF,oBACE,SAAA,CAAA,CD3FA,oCCgCF,0BACE,0BAAA,CAEF,wBACE,wBAAA,CAEF,2BACE,sBAAA,CAEF,iCACE,4BAAA,CAEF,kCACE,6BAAA,CAIF,sBACE,sBAAA,CAEF,oBACE,oBAAA,CAEF,uBACE,kBAAA,CAEF,wBACE,mBAAA,CAIF,oBACE,aAAA,CACA,iBAAA,CAEF,qBACE,gBAAA,CACA,cAAA,CAEF,sBACE,gBAAA,CACA,iBAAA,CAIF,mBACE,qBAAA,CAEF,sBACE,mBAAA,CAEF,sBACE,iBAAA,CAEF,uBACE,kBAAA,CAGF,oBACE,SAAA,CAAA,CD3FA,qCCgCF,0BACE,0BAAA,CAEF,wBACE,wBAAA,CAEF,2BACE,sBAAA,CAEF,iCACE,4BAAA,CAEF,kCACE,6BAAA,CAIF,sBACE,sBAAA,CAEF,oBACE,oBAAA,CAEF,uBACE,kBAAA,CAEF,wBACE,mBAAA,CAIF,oBACE,aAAA,CACA,iBAAA,CAEF,qBACE,gBAAA,CACA,cAAA,CAEF,sBACE,gBAAA,CACA,iBAAA,CAIF,mBACE,qBAAA,CAEF,sBACE,mBAAA,CAEF,sBACE,iBAAA,CAEF,uBACE,kBAAA,CAGF,oBACE,SAAA,CAAA,CD3FA,qCCgCF,2BACE,0BAAA,CAEF,yBACE,wBAAA,CAEF,4BACE,sBAAA,CAEF,kCACE,4BAAA,CAEF,mCACE,6BAAA,CAIF,uBACE,sBAAA,CAEF,qBACE,oBAAA,CAEF,wBACE,kBAAA,CAEF,yBACE,mBAAA,CAIF,qBACE,aAAA,CACA,iBAAA,CAEF,sBACE,gBAAA,CACA,cAAA,CAEF,uBACE,gBAAA,CACA,iBAAA,CAIF,oBACE,qBAAA,CAEF,uBACE,mBAAA,CAEF,uBACE,iBAAA,CAEF,wBACE,kBAAA,CAGF,qBACE,SAAA,CAAA,CAQJ,mBACE,cAAA,CACA,QAAA,CACA,iBAAA,CAGF,mBACE,cAAA,CACA,QAAA,CACA,iBAAA,CAGF,kBACE,cAAA,CACA,QAAA,CACA,gBAAA,CAGF,kBACE,cAAA,CACA,QAAA,CACA,gBAAA,CAOF,SACE,aAAA,CAEF,gBACE,oBAAA,CAEF,UACE,cAAA,CAEF,QACE,YAAA,CAEF,eACE,mBAAA,CAOF,WACE,oBAAA,CAGF,YACE,qBAAA,CAGF,cACE,0BAAA,CACA,2BAAA,CJrLJ,MACE,iBAAA,CACA,eAAA,CACA,UAAA,CACA,QAAA,CACA,mBAAA,CMgBE,qBAAA,CAAA,UNhBF,CM6DE,aA7CA,qBAAA,CAAA,UAAA,CNZF,YACE,iBAAA,CACA,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,KAAA,CACA,MAAA,CACA,UAAA,CACA,WAAA,CACA,SAAA,CAII,eEdE,CCgBJ,oCHfJ,YAaM,eEdE,CAAA,CCgBJ,oCHfJ,YAaM,eEdE,CAAA,CFmBR,sBAEE,iBAAA,CACA,QAAA,CACA,QAAA,CACA,UAAA,CACA,0BAAA,CACA,eAAA,CAGF,YACE,SAAA,CACA,UAAA,CACA,qBAAA","file":"style.css","sourcesContent":["@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/breakpoint';\n@use '../../../styles/tools/generate';\n@use '../../../styles/utilities/layout';\n@use './config';\n\n.tile {\n position: relative;\n overflow: hidden;\n width: 100%;\n height: 0;\n padding-bottom: 100%;\n\n @include generate.variants(config.$colors);\n\n &__body {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n\n @each $breakpoint, $space in config.$spacing {\n @include breakpoint.get($breakpoint) {\n padding: $space;\n }\n }\n }\n\n &__bg,\n &__icon {\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 100%;\n transform: translateX(-50%);\n margin-bottom: 0;\n }\n\n &__icon {\n width: 50%;\n height: 50%;\n margin-bottom: space.get('small');\n }\n}\n","@use './config';\n@use '../../../styles/tokens/breakpoint';\n@use '../../../styles/tools/generate';\n\n@mixin base() {\n fill: currentColor;\n width: 1em;\n height: 1em;\n vertical-align: text-bottom;\n}\n\n@mixin sizes($sizes: config.$sizes) {\n @each $breakpoint, $props in $sizes {\n @include breakpoint.get($breakpoint) {\n @each $variant, $size in $props {\n &#{generate.variant-name($variant)} {\n width: $size;\n height: $size;\n }\n }\n }\n }\n}\n\n@mixin colors($colors: config.$colors) {\n @each $variant, $color in $colors {\n &#{generate.variant-name($variant)} {\n color: $color;\n }\n }\n}\n","@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/color';\n\n$colors: (\n default: (\n background-color: color.$white,\n color: color.$black,\n ),\n black: (\n background-color: color.$black,\n color: color.$white,\n ),\n);\n\n$spacing: (\n xs: space.get('small'),\n sm: space.get('small'),\n md: space.get('medium'),\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 '../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 '../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"]}
|
|
1
|
+
{"version":3,"sources":["style.scss","mixins.scss","config.scss","../../../styles/tokens/breakpoint.scss","../../../styles/utilities/layout.scss","../../../styles/tools/layout.scss","../../../styles/tools/generate.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/breakpoint';\n@use '../../../styles/tools/generate';\n@use '../../../styles/utilities/layout';\n@use './config';\n\n.tile {\n position: relative;\n overflow: hidden;\n width: 100%;\n height: 0;\n padding-bottom: 100%;\n\n @include generate.variants(config.$colors);\n\n &__body {\n position: absolute;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n\n @each $breakpoint, $space in config.$spacing {\n @include breakpoint.get($breakpoint) {\n padding: $space;\n }\n }\n }\n\n &__bg,\n &__icon {\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 100%;\n transform: translateX(-50%);\n margin-bottom: 0;\n }\n\n &__icon {\n width: 50%;\n height: 50%;\n margin-bottom: space.get('small');\n }\n}\n","@use './config';\n@use '../../../styles/tokens/breakpoint';\n@use '../../../styles/tools/generate';\n\n@mixin base() {\n fill: currentColor;\n width: 1em;\n height: 1em;\n vertical-align: text-bottom;\n}\n\n@mixin sizes($sizes: config.$sizes) {\n @each $breakpoint, $props in $sizes {\n @include breakpoint.get($breakpoint) {\n @each $variant, $size in $props {\n &#{generate.variant-name($variant)} {\n width: $size;\n height: $size;\n }\n }\n }\n }\n}\n\n@mixin colors($colors: config.$colors) {\n @each $variant, $color in $colors {\n &#{generate.variant-name($variant)} {\n color: $color;\n }\n }\n}\n","@use '../../../styles/tokens/space';\n@use '../../../styles/tokens/color';\n\n$colors: (\n default: (\n background-color: color.$white,\n color: color.$black,\n ),\n black: (\n background-color: color.$black,\n color: color.$white,\n ),\n);\n\n$spacing: (\n xs: space.get('small'),\n sm: space.get('small'),\n md: space.get('medium'),\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 '../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 '../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"]}
|