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

A configurable component library for web built on React.

:root {
--ease-out: cubic-bezier(0.23, 1, 0.32, 1);
--ease-in: cubic-bezier(0.755, 0.05, 0.855, 0.06);
--card-corner: 3px;
--card-padding-lr: 16px;
--card-border-width: 1px;
--card-head-padding-bottom: 12px;
--card-head-bottom-border-width: 1px;
--card-head-main-height: 40px;
--card-head-main-margin-top: 8px;
--card-head-main-margin-bottom: 0px;
--card-title-font-size: 16px;
--card-title-font-weight: normal;
--card-sub-title-font-size: 12px;
--card-title-extra-font-size: 12px;
--card-title-bullet-width: 3px;
--card-title-bullet-height: 16px;
--card-title-padding-left: 8px;
--card-sub-title-padding-left: 8px;
--card-body-show-divider-padding-top: 12px;
--card-body-hide-divider-padding-top: 0px;
--card-content-font-size: 12px;
--card-content-line-height: 1.5;
--card-body-padding-bottom: 12px;
--card-more-btn-height: 16px;
--card-more-btn-padding-top: 8px;
--card-more-btn-font-size: 12px;
--card-shadow: none;
--card-border-style: solid;
--card-border-color: #DCDEE3;
--card-background: #FFFFFF;
--card-header-background: #FFFFFF;
--card-title-color: #333333;
--card-sub-title-color: #666666;
--card-title-extra-color: #5584FF;
--card-title-bullet-color: #5584FF;
--card-content-color: #666666;
--card-head-bottom-border-color: #E6E7EB;
--card-more-btn-color: #5584FF;
--card-more-btn-background: #FFFFFF;
}