pill.css — SureCart – Ecommerce Made Easy For Selling Physical Products, Digital Downloads, Subscriptions, Donations, & Payments 4.5.0

surecart / packages / blocks-next / build / styles / pill.css
surecart / packages / blocks-next / build / styles Last commit date
pill.css
2 lines
.block-editor-block-list__block .sc-pill-option__wrapper,.sc-pill-option__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--sc-pill-option-gap,var(--sc-spacing-x-small))}.sc-pill-option__button,a.sc-pill-option__button{background:var(--sc-pill-option-background-color,transparent);border-color:var(--sc-pill-option-border-color,var(--sc-color-gray-300));border-radius:var(--sc-pill-option-border-radius,var(--sc-border-radius-medium));border-style:var(--sc-pill-option-border-style,solid);border-width:var(--sc-pill-option-border-width,1px);color:var(--sc-pill-option-text-color,var(--sc-color-gray-700));cursor:pointer;display:inline-block;font-size:var(--sc-pill-option-font-size,var(--sc-font-size-medium));font-weight:var(--sc-pill-option-font-weight,var(--sc-font-weight-semibold));line-height:1;padding:var(--sc-pill-option-padding-top,var(--sc-spacing-small)) var(--sc-pill-option-padding-right,var(--sc-spacing-medium)) var(--sc-pill-option-padding-bottom,var(--sc-spacing-small)) var(--sc-pill-option-padding-left,var(--sc-spacing-medium));position:relative;text-align:center;-webkit-transition:border var(--sc-transition-medium) ease;transition:border var(--sc-transition-medium) ease;-webkit-transition:var(--sc-input-transition,var(--sc-transition-medium)) background-color,var(--sc-input-transition,var(--sc-transition-medium)) color,var(--sc-input-transition,var(--sc-transition-medium)) border,var(--sc-input-transition,var(--sc-transition-medium)) box-shadow,var(--sc-input-transition,var(--sc-transition-medium)) opacity;transition:var(--sc-input-transition,var(--sc-transition-medium)) background-color,var(--sc-input-transition,var(--sc-transition-medium)) color,var(--sc-input-transition,var(--sc-transition-medium)) border,var(--sc-input-transition,var(--sc-transition-medium)) box-shadow,var(--sc-input-transition,var(--sc-transition-medium)) opacity}.sc-pill-option__button::-moz-focus-inner,a.sc-pill-option__button::-moz-focus-inner{border:0}.sc-pill-option__button--disabled,a.sc-pill-option__button--disabled{text-decoration:line-through}.sc-pill-option__button--selected,.sc-pill-option__button--selected.has-background-color,.sc-pill-option__button--selected.has-text-color,.sc-pill-option__button--selected:active,.sc-pill-option__button--selected:active.has-background-color,.sc-pill-option__button--selected:active.has-text-color,.sc-pill-option__button--selected:focus,.sc-pill-option__button--selected:focus.has-background-color,.sc-pill-option__button--selected:focus.has-text-color,.sc-pill-option__button--selected:hover,.sc-pill-option__button--selected:hover.has-background-color,.sc-pill-option__button--selected:hover.has-text-color,a.sc-pill-option__button--selected,a.sc-pill-option__button--selected.has-background-color,a.sc-pill-option__button--selected.has-text-color,a.sc-pill-option__button--selected:active,a.sc-pill-option__button--selected:active.has-background-color,a.sc-pill-option__button--selected:active.has-text-color,a.sc-pill-option__button--selected:focus,a.sc-pill-option__button--selected:focus.has-background-color,a.sc-pill-option__button--selected:focus.has-text-color,a.sc-pill-option__button--selected:hover,a.sc-pill-option__button--selected:hover.has-background-color,a.sc-pill-option__button--selected:hover.has-text-color{background-color:var(--sc-pill-option-active-background-color,var(--sc-color-primary-500))!important;border-color:var(--sc-pill-option-active-border-color,var(--sc-pill-option-active-background-color,var(--sc-color-primary-500)))!important;-webkit-box-shadow:var(--sc-shadow-small);box-shadow:var(--sc-shadow-small);color:var(--sc-pill-option-active-text-color,#fff)!important}.sc-pill-option__button:focus-visible,a.sc-pill-option__button:focus-visible{outline-color:var(--sc-pill-option-active-background-color,var(--sc-color-primary-500));outline-offset:4px;outline-width:2px}.sc-pill-option__button:active:not(.sc-pill-option__button--selected),.sc-pill-option__button:focus:not(.sc-pill-option__button--selected),.sc-pill-option__button:hover:not(.sc-pill-option__button--selected),a.sc-pill-option__button:active:not(.sc-pill-option__button--selected),a.sc-pill-option__button:focus:not(.sc-pill-option__button--selected),a.sc-pill-option__button:hover:not(.sc-pill-option__button--selected){background-color:var(--sc-button-default-hover-background-color,var(--sc-pill-option-background-color,var(--sc-color-white)));border-color:var(--sc-pill-option-active-background-color,var(--sc-button-default-focus-border-color,var(--primary-background)));color:var(--sc-pill-option-text-color,var(--sc-color-gray-700))}