@alifd/meet-react
Version:
Fusion Mobile React UI System Component
105 lines • 2.29 kB
CSS
@charset "UTF-8";
/*
@component card
@display Card
@chinese 卡片
@family data-display
*/
:root {
/*
@desc bg-color
@semantic 背景色
@namespace style/common
*/
--card-bg-color: var(--color-white);
/*
@desc card-corner
@semantic 圆角
@namespace size/bounding
*/
--card-corner: var(--corner-3);
/*
@desc card-shadow
@semantic 阴影
@namespace style/common
*/
--card-shadow: var(--shadow-zero);
/*
@desc card-padding-lr
@semantic 左右内边距
@namespace size/common
*/
--card-padding-lr: var(--s-3);
/*
@desc title-height
@semantic 标题高度
@namespace size/title
*/
--card-header-height: var(--s-14);
/**
@desc title-padding-tb
@semantic 头部上下内边距
@namespace size/title
*/
--card-title-padding-tb: var(--s-2);
/*
@desc title-font-size
@semantic 标题字体大小
@namespace size/title
*/
--card-title-font-size: var(--p-subhead-font-size);
/*
@desc title-font-weight
@semantic 标题字重
@namespace size/title
*/
--card-title-font-weight: 400;
/*
@desc extra-font-size
@semantic 附加内容字体大小
@namespace size/title
*/
--card-extra-font-size: var(--p-body-2-font-size);
/*
@desc title-font-color
@semantic 标题字体色
@namespace style/title
*/
--card-title-font-color: var(--color-text1-4);
/*
@desc extra-font-color
@semantic 附加内容字体色
@namespace style/title
*/
--card-extra-font-color: var(--color-text1-2);
/*
@desc arrow-color
@semantic 箭头颜色
@namespace style/title
*/
--card-arrow-color: var(--color-text1-2);
/*
@desc card-spacing
@semantic 元素间距
@namespace size/common
*/
--card-spacing: var(--box-medium-spacing);
/*
@desc divider-color
@semantic 分割线颜色
@namespace style/common
*/
--card-divider-color: var(--color-line1-4);
/*
@desc body-padding-tb
@semantic 内容上下内边距
@namespace size/common
*/
--card-body-padding-tb: var(--s-4);
/*
@desc footer-padding-tb
@semantic footer 上下内边距
@namespace size/common
*/
--card-footer-padding-tb: var(--s-4);
}