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

surecart / packages / blocks-next / build / styles / form-control.css
surecart / packages / blocks-next / build / styles Last commit date
form-control.css
2 lines
.sc-form-control{background-color:var(--sc-input-background-color);border:var(--sc-input-border-width) solid var(--sc-input-border-color);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;color:var(--sc-color-gray-700);display:block;font-family:var(--sc-input-font-family);font-size:var(--sc-input-font-size-medium);font-weight:var(--sc-input-font-weight);height:calc(var(--sc-input-height-medium) - var(--sc-input-border-width)*2);padding:0 var(--sc-input-spacing-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-form-control[type=file]{overflow:hidden}.sc-form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer;padding:8px 10px!important}.sc-form-control[type=number]{-moz-appearance:textfield}.sc-form-control::-webkit-inner-spin-button,.sc-form-control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sc-form-control::-webkit-search-cancel-button,.sc-form-control::-webkit-search-decoration,.sc-form-control::-webkit-search-results-button,.sc-form-control::-webkit-search-results-decoration{-webkit-appearance:none}.sc-form-control:-webkit-autofill,.sc-form-control:-webkit-autofill:active,.sc-form-control:-webkit-autofill:focus,.sc-form-control:-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-form-control:hover{background-color:var(--sc-input-background-color-hover);border-color:var(--sc-input-border-color-hover);color:var(--sc-input-color-hover);z-index:7}.sc-form-control:focus{background-color:var(--sc-input-background-color-focus)!important;border-color:var(--sc-input-border-color-focus)!important;-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);color:var(--sc-input-color-focus);outline:0}.sc-form-control::-webkit-input-placeholder{color:var(--sc-input-placeholder-color);opacity:1}.sc-form-control::-moz-placeholder{color:var(--sc-input-placeholder-color);opacity:1}.sc-form-control:-ms-input-placeholder{color:var(--sc-input-placeholder-color);opacity:1}.sc-form-control::-ms-input-placeholder{color:var(--sc-input-placeholder-color);opacity:1}.sc-form-control::placeholder{color:var(--sc-input-placeholder-color);opacity:1}.sc-form-control:disabled{background-color:var(--sc-input-background-color-disabled);border-color:var(--sc-input-border-color-disabled);cursor:not-allowed;opacity:.5}.sc-form-control:disabled::-webkit-input-placeholder{color:var(--sc-input-placeholder-color-disabled)}.sc-form-control:disabled::-moz-placeholder{color:var(--sc-input-placeholder-color-disabled)}.sc-form-control:disabled:-ms-input-placeholder{color:var(--sc-input-placeholder-color-disabled)}.sc-form-control:disabled::-ms-input-placeholder{color:var(--sc-input-placeholder-color-disabled)}.sc-form-control:disabled::placeholder{color:var(--sc-input-placeholder-color-disabled)}.sc-form-control::-webkit-file-upload-button{margin:calc(var(--sc-spacing-medium)*-1);padding:var(--sc-spacing-medium);-webkit-margin-end:var(--sc-spacing-medium);background-color:var(--sc-color-primary-500);border:0 solid;border-color:inherit;border-inline-end-width:var(--sc-input-border-width);border-radius:0;color:var(--sc-color-white);margin-inline-end:var(--sc-spacing-medium);pointer-events:none;-webkit-transition:var(--sc-transition-medium);transition:var(--sc-transition-medium)}.sc-form-control::file-selector-button{margin:calc(var(--sc-spacing-medium)*-1);padding:var(--sc-spacing-medium);-webkit-margin-end:var(--sc-spacing-medium);background-color:var(--sc-color-primary-500);border:0 solid;border-color:inherit;border-inline-end-width:var(--sc-input-border-width);border-radius:0;color:var(--sc-color-white);margin-inline-end:var(--sc-spacing-medium);pointer-events:none;-webkit-transition:var(--sc-transition-medium);transition:var(--sc-transition-medium)}.sc-form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{opacity:.9}.sc-form-control:hover:not(:disabled):not([readonly])::file-selector-button{opacity:.9}.sc-form-control-sm{border-radius:var(--sc-border-radius-small);font-size:var(--sc-font-size-small);height:calc(var(--sc-input-height-small) - var(--sc-input-border-width)*2);padding:0 var(--sc-input-spacing-small)}.sc-form-control-sm[type=file]:not(:disabled):not([readonly]){padding:2px 8px!important}.sc-form-control-sm::-webkit-file-upload-button{margin:calc(var(--sc-spacing-small)*-1);padding:var(--sc-spacing-small);-webkit-margin-end:var(--sc-spacing-small);margin-inline-end:var(--sc-spacing-small)}.sc-form-control-sm::file-selector-button{margin:calc(var(--sc-spacing-small)*-1);padding:var(--sc-spacing-small);-webkit-margin-end:var(--sc-spacing-small);margin-inline-end:var(--sc-spacing-small)}.sc-form-control-lg{border-radius:var(--sc-border-radius-medium);font-size:var(--sc-font-size-large);padding:0 var(--sc-spacing-large)}.sc-form-control-lg::-webkit-file-upload-button{margin:calc(var(--sc-spacing-large)*-1);padding:var(--sc-spacing-large);-webkit-margin-end:var(--sc-spacing-large);margin-inline-end:var(--sc-spacing-large)}.sc-form-control-lg::file-selector-button{margin:calc(var(--sc-spacing-large)*-1);padding:var(--sc-spacing-large);-webkit-margin-end:var(--sc-spacing-large);margin-inline-end:var(--sc-spacing-large)}textarea.sc-form-control{height:auto;min-height:var(--sc-input-height);padding:var(--sc-input-spacing-small) var(--sc-input-spacing-medium)}textarea.sc-form-control-sm{height:auto;min-height:var(--sc-input-height-small)}textarea.sc-form-control-lg{height:auto;min-height:var(--sc-input-height-large)}.sc-form-label{color:var(--sc-input-label-color);font-size:var(--sc-input-label-font-size-medium);font-style:normal;font-weight:var(--sc-font-weight-normal);margin-bottom:var(--sc-input-label-margin)}.sc-help-text{color:var(--sc-input-help-text-color);display:block;font-size:var(--sc-input-help-text-font-size-medium)}