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

surecart / packages / blocks-next / build / styles / input-group.css
surecart / packages / blocks-next / build / styles Last commit date
input-group.css
2 lines
.sc-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:var(--sc-input-background-color);border:var(--sc-input-border);border-radius:var(--sc-border-radius-medium);-webkit-box-shadow:var(--sc-input-box-shadow);box-shadow:var(--sc-input-box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:var(--sc-transition-medium);transition:var(--sc-transition-medium);-webkit-transition: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;transition: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;width:100%}.sc-input-group[hidden]{display:none}.sc-input-group::-webkit-search-cancel-button,.sc-input-group::-webkit-search-decoration,.sc-input-group::-webkit-search-results-button,.sc-input-group::-webkit-search-results-decoration{-webkit-appearance:none}.sc-input-group:-webkit-autofill,.sc-input-group:-webkit-autofill:active,.sc-input-group:-webkit-autofill:focus,.sc-input-group:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 var(--sc-input-height-large) var(--sc-input-background-color-hover) inset!important;box-shadow:0 0 0 var(--sc-input-height-large) var(--sc-input-background-color-hover) inset!important;-webkit-text-fill-color:var(--sc-input-color)}.sc-input-group:hover{background-color:var(--sc-input-background-color-hover);border-color:var(--sc-input-border-color-hover);z-index:7}.sc-input-group:hover .sc-form-control{color:var(--sc-input-color-hover)}.sc-input-group:focus-within{background-color:var(--sc-input-background-color-focus);border-color:var(--sc-input-border-color-focus);-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);z-index:8}.sc-input-group>.sc-form-control{position:relative;-webkit-box-flex:1;background-color:rgba(0,0,0,0);border:0!important;border-radius:4px!important;-webkit-box-shadow:none!important;box-shadow:none!important;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;outline:none!important;padding:0 var(--sc-input-spacing-medium);width:1%}.sc-input-group>.sc-form-control:focus{border:0;-webkit-box-shadow:none;box-shadow:none;color:var(--sc-input-color-focus);z-index:5}.sc-input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--sc-input-color);font-size:var(--sc-font-size-medium);font-weight:var(--sc-font-weight-normal);line-height:var(--sc-line-height-normal);opacity:.5;padding:0 var(--sc-spacing-small);text-align:center;white-space:nowrap}.sc-input-group-text[hidden]{display:none}.sc-input-group-lg>.sc-form-control,.sc-input-group-lg>.sc-input-group-text{border-radius:var(--sc-border-radius-large);font-size:var(--sc-font-size-large);padding:var(--sc-spacing-medium) var(--sc-spacing-large)}.sc-input-group-lg>.sc-input-group-text{padding:var(--sc-spacing-xx-small) var(--sc-spacing-small)}.sc-input-group-sm>.sc-form-control,.sc-input-group-sm>.sc-input-group-text{border-radius:var(--sc-border-radius-small);font-size:var(--sc-font-size-x-small);padding:var(--sc-spacing-xx-small) var(--sc-spacing-small)}.sc-input-group .sc-form-control:has(+.sc-input-group-text){padding-right:0}.sc-input-group .sc-input-group-text+.sc-form-control{padding-left:0}