whoami7 - Manager
:
/
home
/
dataiclx
/
vielorbe.com
/
wp-content
/
plugins
/
surecart
/
dist
/
components
/
components
/
Upload File:
files >> //home/dataiclx/vielorbe.com/wp-content/plugins/surecart/dist/components/components/sc-flex2.js.map
{"file":"sc-flex2.js","mappings":";;AAAA,MAAM,SAAS,GAAG,qjCAAqjC,CAAC;AACxkC,qBAAe,SAAS;;MCMX,MAAM;;;;;;;;;;;;IAQjB,MAAM;QACJ,QACE,4DACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI;gBACV,IAAI,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,WAAW,IAAI,CAAC,cAAc,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC;gBAC5E,IAAI,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,SAAS,IAAI,CAAC,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC;gBAClE,IAAI,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC,aAAa,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC;gBAC5E,IAAI,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,cAAc,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC;gBACrE,IAAI,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC;gBAC7D,IAAI,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,CAAC;aACzD,IAED,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/ui/flex/sc-flex.scss?tag=sc-flex&encapsulation=shadow","src/components/ui/flex/sc-flex.tsx"],"sourcesContent":[":host {\n display: block;\n --spacing: var(--sc-spacing-small);\n}\n\n.flex {\n display: flex;\n gap: var(--sc-flex-column-gap, var(--spacing) );\n justify-content: var(--sc-flex-space-between, space-between );\n}\n\n$justify: flex-start, flex-end, center, space-between, space-around, space-evenly;\n@each $value in $justify {\n .justify-#{$value} {\n justify-content: $value;\n }\n}\n\n$wrap: wrap, no-wrap;\n@each $value in $wrap {\n .wrap-#{$value} {\n flex-wrap: $value;\n }\n}\n\n$align: flex-start, flex-end, center, baseline, stretch;\n@each $value in $align {\n .align-#{$value} {\n align-items: $value;\n }\n}\n\n$direction: row, row-reverse, column, column-reverse;\n@each $value in $direction {\n .direction-#{$value} {\n flex-direction: $value;\n }\n}\n\n@media (max-width: 480px) {\n .stack-mobile {\n flex-direction: column;\n }\n}\n\n@media (max-width: 768px) {\n .stack-tablet {\n flex-direction: column;\n }\n}\n\n@media (max-width: 1180px) {\n .stack-desktop {\n flex-direction: column;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'sc-flex',\n styleUrl: 'sc-flex.scss',\n shadow: true,\n})\nexport class ScFlex {\n @Prop() alignItems: string;\n @Prop() justifyContent: string;\n @Prop() flexDirection: string;\n @Prop() columnGap: string;\n @Prop() flexWrap: string;\n @Prop() stack: string;\n\n render() {\n return (\n <div\n part=\"base\"\n class={{\n flex: true,\n ...(this.justifyContent ? { [`justify-${this.justifyContent}`]: true } : {}),\n ...(this.alignItems ? { [`align-${this.alignItems}`]: true } : {}),\n ...(this.flexDirection ? { [`direction-${this.flexDirection}`]: true } : {}),\n ...(this.columnGap ? { [`column-gap-${this.columnGap}`]: true } : {}),\n ...(this.flexWrap ? { [`wrap-${this.flexWrap}`]: true } : {}),\n ...(this.stack ? { [`stack-${this.stack}`]: true } : {}),\n }}\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
Copyright ©2021 || Defacer Indonesia