@fpxfd/next
Version:
A configurable component library for web built on React.
105 lines (104 loc) • 4.56 kB
CSS
:root {
--search-normal-corner: 3px;
--search-normal-primary-color: #284cc0;
--search-normal-primary-hover-color: #284cc0;
--search-normal-primary-split-color: #eef1f6;
--search-normal-primary-shadow: none;
--search-normal-primary-btn-text-color: #FFFFFF;
--search-normal-primary-btn-hover-bg-color: #ff6400;
--search-normal-primary-btn-hover-text-color: #FFFFFF;
--search-normal-primary-border-width: 2px;
--search-normal-primary-btn-text-padding-left: 0px;
--search-normal-primary-l-height: 60px;
--search-normal-primary-l-icon-size: 24px;
--search-normal-primary-l-btn-text-size: 16px;
--search-normal-primary-m-height: 40px;
--search-normal-primary-m-icon-size: 16px;
--search-normal-primary-m-btn-text-size: 16px;
--search-normal-secondary-color: #dee1e4;
--search-normal-secondary-split-color: #eef1f6;
--search-normal-secondary-hover-color: #284cc0;
--search-normal-secondary-shadow: none;
--search-normal-secondary-btn-bg-color: #284cc0;
--search-normal-secondary-btn-text-color: #FFFFFF;
--search-normal-secondary-btn-hover-bg-color: #ff6400;
--search-normal-secondary-btn-hover-text-color: #FFFFFF;
--search-normal-secondary-border-width: 1px;
--search-normal-secondary-btn-text-padding-left: 0px;
--search-normal-secondary-l-height: 60px;
--search-normal-secondary-l-icon-size: 24px;
--search-normal-secondary-l-btn-text-size: 16px;
--search-normal-secondary-m-height: 40px;
--search-normal-secondary-m-icon-size: 16px;
--search-normal-secondary-m-btn-text-size: 16px;
--search-normal-normal-color: #dee1e4;
--search-normal-normal-split-color: #eef1f6;
--search-normal-normal-hover-color: #c3cbd5;
--search-normal-normal-shadow: none;
--search-normal-normal-btn-bg-color: #f2f4f8;
--search-normal-normal-btn-text-color: #767d91;
--search-normal-normal-btn-hover-bg-color: #dadfe8;
--search-normal-normal-btn-hover-text-color: #545d75;
--search-normal-normal-border-width: 1px;
--search-normal-normal-btn-text-padding-left: 0px;
--search-normal-normal-l-height: 60px;
--search-normal-normal-l-icon-size: 24px;
--search-normal-normal-l-btn-text-size: 16px;
--search-normal-normal-m-height: 40px;
--search-normal-normal-m-icon-size: 16px;
--search-normal-normal-m-btn-text-size: 16px;
--search-normal-dark-color: #284cc0;
--search-normal-dark-hover-color: #284cc0;
--search-normal-dark-text-color: #FFFFFF;
--search-normal-dark-bg-color: #FFFFFF;
--search-normal-dark-bg-opacity: 0;
--search-normal-dark-shadow: none;
--search-normal-dark-btn-text-color: #FFFFFF;
--search-normal-dark-btn-hover-bg-color: #ff6400;
--search-normal-dark-btn-hover-text-color: #FFFFFF;
--search-normal-dark-border-width: 1px;
--search-normal-dark-btn-text-padding-left: 0px;
--search-normal-dark-l-height: 60px;
--search-normal-dark-l-icon-size: 24px;
--search-normal-dark-l-btn-text-size: 16px;
--search-normal-dark-m-height: 40px;
--search-normal-dark-m-icon-size: 16px;
--search-normal-dark-m-btn-text-size: 16px;
--search-simple-corner: 3px;
--search-simple-l-icon-margin-right: 12px;
--search-simple-m-icon-margin-right: 8px;
--search-simple-normal-color: #dee1e4;
--search-simple-normal-hover-color: #c3cbd5;
--search-simple-normal-split-color: #dee1e4;
--search-simple-normal-shadow: none;
--search-simple-normal-icon-text-color: #a9aeba;
--search-simple-normal-icon-hover-text-color: #767d91;
--search-simple-normal-border-width: 1px;
--search-simple-normal-l-icon-size: 20px;
--search-simple-normal-m-icon-size: 12px;
--search-simple-normal-btn-text-padding-left: 0px;
--search-simple-dark-color: #dee1e4;
--search-simple-dark-hover-color: #dee1e4;
--search-simple-dark-bg-color: #FFFFFF;
--search-simple-dark-bg-opacity: 0;
--search-simple-dark-text-color: #FFFFFF;
--search-simple-dark-shadow: none;
--search-simple-dark-icon-text-color: #a9aeba;
--search-simple-dark-icon-hover-text-color: #767d91;
--search-simple-dark-btn-text-padding-left: 0px;
--search-simple-dark-split-color: #dee1e4;
--search-simple-dark-border-width: 1px;
--search-simple-dark-l-icon-size: 20px;
--search-simple-dark-m-icon-size: 12px;
--search-search-icon-content: "\e656";
--search-foucs-normal-primary-border-color: #284cc0;
--search-foucs-normal-secondary-border-color: #284cc0;
--search-foucs-normal-normal-border-color: #c3cbd5;
--search-foucs-normal-dark-border-color: #284cc0;
--search-foucs-simple-normal-border-color: #c3cbd5;
--search-foucs-simple-dark-border-color: #dee1e4;
--search-focus-bg-color: #FFFFFF;
--search-focus-shadow-spread: none;
--color-calculate-search-normal-dark-bg: rgba(255, 255, 255, 0);
--color-calculate-search-simple-dark-bg: rgba(255, 255, 255, 0);
}