@alifd/next/lib/search/variable.css

A configurable component library for web built on React.

:root {
--search-normal-corner: 3px;
--search-normal-primary-color: #5584FF;
--search-normal-primary-hover-color: #5584FF;
--search-normal-primary-split-color: #E6E7EB;
--search-normal-primary-shadow: none;
--search-normal-primary-btn-text-color: #FFFFFF;
--search-normal-primary-btn-hover-bg-color: #3E71F7;
--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: #C4C6CF;
--search-normal-secondary-split-color: #E6E7EB;
--search-normal-secondary-hover-color: #5584FF;
--search-normal-secondary-shadow: none;
--search-normal-secondary-btn-bg-color: #5584FF;
--search-normal-secondary-btn-text-color: #FFFFFF;
--search-normal-secondary-btn-hover-bg-color: #3E71F7;
--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: #C4C6CF;
--search-normal-normal-split-color: #E6E7EB;
--search-normal-normal-hover-color: #A0A2AD;
--search-normal-normal-shadow: none;
--search-normal-normal-btn-bg-color: #F7F8FA;
--search-normal-normal-btn-text-color: #666666;
--search-normal-normal-btn-hover-bg-color: #EBECF0;
--search-normal-normal-btn-hover-text-color: #333333;
--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: #5584FF;
--search-normal-dark-hover-color: #5584FF;
--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: #3E71F7;
--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: #C4C6CF;
--search-simple-normal-hover-color: #A0A2AD;
--search-simple-normal-split-color: #C4C6CF;
--search-simple-normal-shadow: none;
--search-simple-normal-icon-text-color: #999999;
--search-simple-normal-icon-hover-text-color: #666666;
--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: #C4C6CF;
--search-simple-dark-hover-color: #C4C6CF;
--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: #999999;
--search-simple-dark-icon-hover-text-color: #666666;
--search-simple-dark-btn-text-padding-left: 0px;
--search-simple-dark-split-color: #C4C6CF;
--search-simple-dark-border-width: 1px;
--search-simple-dark-l-icon-size: 20px;
--search-simple-dark-m-icon-size: 12px;
--search-search-icon-content: "";
--color-calculate-search-normal-dark-bg: rgba(255, 255, 255, 0);
--color-calculate-search-simple-dark-bg: rgba(255, 255, 255, 0);
}