@alifd/next/es/input/variable.css

A configurable component library for web built on React.

:root {
--input-text-color: #333333;
--input-border-color: #C4C6CF;
--input-label-color: #666666;
--input-hover-border-color: #A0A2AD;
--input-hover-bg-color: #FFFFFF;
--input-focus-border-color: #5584FF;
--color-calculate-input-focus-shadow: rgba(85, 132, 255, 0.2);
--input-focus-bg-color: #FFFFFF;
--input-focus-shadow-spread: 2px;
--input-border-width: 1px;
--input-bg-color: #FFFFFF;
--input-placeholder-color: #999999;
--input-disabled-color: #CCCCCC;
--input-disabled-border-color: #E6E7EB;
--input-disabled-bg-color: #F7F8FA;
--input-multiple-padding-lr: 8px;
--input-multiple-padding-tb: 4px;
--input-multiple-font-size: 12px;
--input-multiple-corner: 3px;
--input-addon-bg-color: #F2F3F7;
--input-addon-text-color: #999999;
--input-addon-padding: 8px;
--input-l-padding: 12px;
--input-l-label-padding-left: 12px;
--input-l-icon-padding-right: 8px;
--input-m-padding: 8px;
--input-m-label-padding-left: 8px;
--input-m-icon-padding-right: 8px;
--input-s-padding: 4px;
--input-s-label-padding-left: 8px;
--input-s-icon-padding-right: 4px;
--input-feedback-warning-border-color: #FF9300;
--color-calculate-input-feedback-warning-shadow: rgba(255, 147, 0, 0.2);
--input-feedback-warning-bg-color: #FFFFFF;
--input-feedback-warning-color: #FF9300;
--input-feedback-warning-icon: "";
--input-feedback-success-color: #46BC15;
--input-feedback-success-icon: "";
--input-feedback-loading-color: #4494F9;
--input-feedback-loading-icon: "";
--input-feedback-error-color: #333333;
--input-feedback-error-border-color: #FF3000;
--color-calculate-input-feedback-error-shadow: rgba(255, 48, 0, 0.2);
--input-feedback-error-bg-color: #FFFFFF;
--input-maxlen-error-color: #FF3000;
--input-maxlen-warning-color: #FF9300;
--input-maxlen-color: #999999;
--input-maxlen-font-size: 12px;
--input-hint-color: #999999;
--input-hint-hover-color: #666666;
--input-feedback-clear-icon: "";
}