import{LitElement as e,html as t,css as i}from"../../../lit/index.js";class ResponsiveGridCol extends e{static get styles(){return[i`
        :host {
          position: relative;
          min-height: 1px;
          float: left;
        }
        :host:after {
          clear: both;
        }
        #col-inner {
          padding-left: var(--responsive-grid-col-inner-padding-left, 15px);
          padding-right: var(--responsive-grid-col-inner-padding-right, 15px);
        }
        /* Hide Print-Only on Screen */
        @media screen {
          :host([print-only]) {
            display: none;
          }
        }
        /* Hide Screen-Only on Print */
        @media print {
          :host([screen-only]) {
            display: none;
          }
        }
      `]}render(){return t` <div id="col-inner"><slot></slot></div> `}static get tag(){return"responsive-grid-col"}constructor(){super(),this.xl=1,this.lg=1,this.md=1,this.sm=1,this.xs=1}static get properties(){return{xl:{type:Number},lg:{type:Number},md:{type:Number},sm:{type:Number},xs:{type:Number}}}}customElements.define(ResponsiveGridCol.tag,ResponsiveGridCol);export{ResponsiveGridCol};