FileMaster

Edit File: sc-columns2.js

import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const scColumnsCss=".sc-columns{display:flex;box-sizing:border-box;gap:var(--sc-column-spacing, var(--sc-spacing-xxxx-large));margin-left:auto;margin-right:auto;width:100%;flex-wrap:wrap !important;align-items:initial !important;}@media (min-width: 782px){.sc-columns{flex-wrap:nowrap !important}}.sc-columns.are-vertically-aligned-top{align-items:flex-start}.sc-columns.are-vertically-aligned-center{align-items:center}.sc-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width: 781px){.sc-columns:not(.is-not-stacked-on-mobile).is-full-height>sc-column{padding:30px !important}}.sc-columns:not(.is-not-stacked-on-mobile)>sc-column{max-width:none}@media (max-width: 781px){.sc-columns:not(.is-not-stacked-on-mobile)>sc-column{flex-basis:100% !important}}@media (min-width: 782px){.sc-columns:not(.is-not-stacked-on-mobile)>sc-column{flex-basis:0;flex-grow:1}.sc-columns:not(.is-not-stacked-on-mobile)>sc-column[style*=flex-basis]{flex-grow:0}}.sc-columns.is-not-stacked-on-mobile{flex-wrap:nowrap !important}.sc-columns.is-not-stacked-on-mobile>sc-column{flex-basis:0;flex-grow:1}.sc-columns.is-not-stacked-on-mobile>sc-column[style*=flex-basis]{flex-grow:0}@media (min-width: 782px){.sc-columns.is-full-height{min-height:100vh !important}}@media (max-width: 782px){.sc-columns.is-reversed-on-mobile{flex-direction:column-reverse}}sc-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word;}sc-column.is-vertically-aligned-top{align-self:flex-start}sc-column.is-vertically-aligned-center{align-self:center}sc-column.is-vertically-aligned-bottom{align-self:flex-end}sc-column.is-vertically-aligned-top,sc-column.is-vertically-aligned-center,sc-column.is-vertically-aligned-bottom{width:100%}@media (min-width: 782px){sc-column.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:var(--sc-column-content-width) !important}sc-column.is-layout-constrained.is-horizontally-aligned-right>:where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left:auto !important;margin-right:0 !important}sc-column.is-layout-constrained.is-horizontally-aligned-left>:where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-right:auto !important;margin-left:0 !important}}@media (min-width: 782px){sc-column.is-sticky{position:sticky !important;align-self:flex-start;top:0}}",ScColumnsStyle0=scColumnsCss,ScColumns=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.verticalAlignment=void 0,this.isStackedOnMobile=void 0,this.isFullHeight=void 0,this.isReversedOnMobile=void 0}render(){return h(Host,{key:"8f6d225a5357b39d9d0e38ba2b1e9be5cf916e8b",class:{"sc-columns":!0,[`are-vertically-aligned-${this.verticalAlignment}`]:!!this.verticalAlignment,"is-not-stacked-on-mobile":!this.isStackedOnMobile,"is-full-height":!!this.isFullHeight,"is-reversed-on-mobile":!!this.isReversedOnMobile}},h("slot",{key:"b2b9634c7ef2723b3f983a297e954d1cf34308e8"}))}static get style(){return ScColumnsStyle0}},[4,"sc-columns",{verticalAlignment:[1,"vertical-alignment"],isStackedOnMobile:[4,"is-stacked-on-mobile"],isFullHeight:[4,"is-full-height"],isReversedOnMobile:[4,"is-reversed-on-mobile"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["sc-columns"].forEach((e=>{"sc-columns"===e&&(customElements.get(e)||customElements.define(e,ScColumns))}))}export{ScColumns as S,defineCustomElement as d};

Back