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

surecart / packages / blocks-next / build / styles / choice.css
surecart / packages / blocks-next / build / styles Last commit date
choice.css
2 lines
.sc-choices{display:-ms-grid;display:grid;gap:var(--sc-choices-gap,10px);-ms-grid-columns:(1fr)[var(--columns,1)];-webkit-box-sizing:border-box;box-sizing:border-box;grid-auto-rows:1fr;grid-template-columns:repeat(var(--columns,1),1fr)}.sc-choices>*{height:100%}.sc-choice{min-width:0;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;background:var(--sc-choice-background-color);border:solid var(--sc-choice-border-width,var(--sc-input-border-width)) var(--sc-choice-border-color,var(--sc-input-border-color));border-radius:var(--sc-choice-border-radius,var(--sc-input-border-radius-large));-webkit-box-shadow:var(--sc-choice-box-shadow);box-shadow:var(--sc-choice-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-size:var(--sc-input-font-size-medium);font-weight:var(--sc-input-font-weight);padding:var(--sc-choice-padding-top,1.3em) var(--sc-choice-padding-right,1.1em) var(--sc-choice-padding-bottom,1.3em) var(--sc-choice-padding-left,1.1em);position:relative;text-decoration:none;-webkit-transition:background-color .15s ease,border-color .15s ease,color .15s ease,-webkit-box-shadow .15s ease;transition:background-color .15s ease,border-color .15s ease,color .15s ease,-webkit-box-shadow .15s ease;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,-webkit-box-shadow .15s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sc-choice:focus-visible{outline-color:var(--sc-color-primary-500);outline-offset:4px;outline-width:2px}.sc-choice--is-rtl{text-align:right}.sc-choice__content{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.75em;height:100%}.sc-choice--checked{border-color:var(--sc-color-primary-500);-webkit-box-shadow:0 0 0 1px var(--sc-color-primary-500);box-shadow:0 0 0 1px var(--sc-color-primary-500);z-index:1}.sc-choice__title{display:inline-block;font-size:var(--sc-input-label-font-size-medium);font-weight:var(--sc-input-label-font-weight)}.sc-choice--size-small{padding:.75em .9em}.sc-choice--size-large{padding:1.3em 1.1em}.sc-choice--disabled{cursor:not-allowed;opacity:.5}.sc-choice__icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:var(--sc-radio-size);width:var(--sc-radio-size)}.sc-choice__icon svg{height:100%;width:100%}.sc-choice__control{-webkit-box-flex:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--sc-input-background-color);border:solid var(--sc-input-border-width) var(--sc-input-border-color);color:rgba(0,0,0,0);justify-content:center;-webkit-transition:var(--sc-input-transition,var(--sc-transition-medium)) border-color,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)) box-shadow;transition:var(--sc-input-transition,var(--sc-transition-medium)) border-color,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)) box-shadow}.sc-choice__control.sc-choice__radio{border-radius:50%;height:var(--sc-radio-size);width:var(--sc-radio-size)}.sc-choice__control.sc-choice__checkbox{border-radius:4px;height:var(--sc-toggle-size);width:var(--sc-toggle-size)}.sc-choice__control input[type=checkbox],.sc-choice__control input[type=radio]{margin:0;opacity:0;padding:0;pointer-events:none;position:absolute}.sc-choice:not(.sc-choice--checked):not(.sc-choice--disabled) .sc-choice__control:hover{background-color:var(--sc-input-background-color-hover);border-color:var(--sc-input-border-color-hover)}.sc-choice.sc-choice--focused:not(.sc-choice--checked):not(.sc-choice--disabled) .sc-choice__control{background-color:var(--sc-input-background-color-focus);border-color:var(--var-sc-checked-focus-border-color,var(--sc-input-background-color));-webkit-box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-primary-500);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-color-primary-500)}.sc-choice.sc-choice--focused:not(.sc-choice--checked):not(.sc-choice--disabled){outline-color:var(--sc-color-primary-500);outline-offset:2px;outline-style:solid;outline-width:var(--sc-focus-ring-width)}.sc-choice .sc-choice--checked .sc-choice__control{background-color:var(--sc-color-primary-500);border-color:var(--sc-color-primary-500);color:var(--var-sc-checked-color,var(--sc-input-background-color))}.sc-choice.sc-choice--checked:not(.sc-choice--disabled) .sc-choice__control:hover{background-color:var(--sc-color-primary-500);border-color:var(--var-sc-checked-hover-radio-border-color,var(--sc-input-background-color))}.sc-choice.sc-choice--checked:not(.sc-choice--disabled).sc-choice--focused .sc-choice__control{background-color:var(--sc-color-primary-500);border-color:var(--var-sc-checked-focus-radio-border-color,var(--sc-input-background-color));-webkit-box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary);box-shadow:0 0 0 var(--sc-focus-ring-width) var(--sc-focus-ring-color-primary)}.sc-choice:not(.sc-choice--checked) svg circle{opacity:0}.sc-choice .sc-choice__label{line-height:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.sc-choice .sc-choice--layout-columns .sc-choice__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5em;justify-content:space-between}.sc-choice .sc-choice--layout-columns .sc-choice__price{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;text-align:right;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--sc-spacing-xx-small)}.sc-choice .sc-choice__description{color:var(--sc-color-gray-500);display:inline-block;font-size:var(--sc-font-size-medium)}.sc-choice .sc-choice__label-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;gap:.2em;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.sc-choice .sc-choice__price{display:block}.wp-block.sc-choice{margin-bottom:0;margin-top:0}