@alifd/meet-react
Version:
Fusion Mobile React UI System Component
478 lines • 9.82 kB
CSS
@charset "UTF-8";
/*
段落
@component paragraph
@style
@display Paragraph
@chinese 段落
@family style
*/
:root {
/*
@desc display3
@semantic 大运营标题-字体族
@group p.font-family
*/
--p-display-3-font-family: var(--font-family);
/*
@desc display3
@semantic 大运营标题-字号
@group p.font-size
@type number
*/
--p-display-3-font-size: 14.933333333333334vw;
/*
@desc display3
@semantic 大运营标题-图标大小
@group p.icon-size
@type number
*/
--p-display-3-icon-size: 14.933333333333334vw;
/*
@desc display3
@semantic 大运营标题-字重
@group p.font-weight
@type number
@step 100
*/
--p-display-3-font-weight: 600;
/*
@desc display3
@semantic 大运营标题-行高
@group p.line-height
@type number
*/
--p-display-3-line-height: 140%;
/*
@desc display3
@semantic 大运营标题-顶部外边距
@group p.margin-top
*/
--p-display-3-margin-top: var(--s-9);
/*
@desc display3
@semantic 大运营标题-底部外边距
@group p.margin-bottom
*/
--p-display-3-margin-bottom: var(--s-9);
/*
@desc display3
@semantic 大运营标题-缩进
@group p.indent-size
*/
--p-display-3-indent-size: var(--s-2);
/*
@desc display2
@semantic 中运营标题-字号
@group p.font-size
*/
--p-display-2-font-size: 12.8vw;
/*
@desc display2
@semantic 中运营标题-图标大小
@group p.icon-size
@type number
*/
--p-display-2-icon-size: 12.8vw;
/*
@desc display2
@semantic 中运营标题-字重
@group p.font-weight
@type number
@step 100
*/
--p-display-2-font-weight: 600;
/*
@desc display2
@semantic 中运营标题-行高
@group p.line-height
@type number
*/
--p-display-2-line-height: 140%;
/*
@desc display2
@semantic 中运营标题-顶部外边距
@group p.margin-top
*/
--p-display-2-margin-top: var(--s-8);
/*
@desc display2
@semantic 中运营标题-底部外边距
@group p.margin-bottom
*/
--p-display-2-margin-bottom: var(--s-8);
/*
@desc display2
@semantic 中运营标题-缩进
@group p.indent-size
*/
--p-display-2-indent-size: var(--s-2);
/*
@desc display1
@semantic 小运营标题-字号
@group p.font-size
*/
--p-display-1-font-size: 9.6vw;
/*
@desc display1
@semantic 小运营标题-图标大小
@group p.icon-size
@type number
*/
--p-display-1-icon-size: 9.6vw;
/*
@desc display1
@semantic 小运营标题-字重
@group p.font-weight
@type number
@step 100
*/
--p-display-1-font-weight: 400;
/*
@desc display1
@semantic 小运营标题-行高
@group p.line-height
@type number
*/
--p-display-1-line-height: 140%;
/*
@desc display1
@semantic 小运营标题-顶部外边距
@group p.margin-top
*/
--p-display-1-margin-top: var(--s-7);
/*
@desc display1
@semantic 小运营标题-底部外边距
@group p.margin-bottom
*/
--p-display-1-margin-bottom: var(--s-7);
/*
@desc display1
@semantic 小运营标题-缩进
@group p.indent-size
*/
--p-display-1-indent-size: var(--s-2);
/*
@desc headline
@semantic 大标题-字号
@group p.font-size
*/
--p-headline-font-size: 6.4vw;
/*
@desc headline
@semantic 大标题-图标大小
@group p.icon-size
@type number
*/
--p-headline-icon-size: 6.4vw;
/*
@desc headline
@semantic 大标题-字重
@group p.font-weight
@type number
@step 100
*/
--p-headline-font-weight: 400;
/*
@desc headline
@semantic 大标题-行高
@group p.line-height
@type number
*/
--p-headline-line-height: 140%;
/*
@desc headline
@semantic 大标题-顶部外边距
@group p.margin-top
*/
--p-headline-margin-top: var(--s-6);
/*
@desc headline
@semantic 大标题-底部外边距
@group p.margin-bottom
*/
--p-headline-margin-bottom: var(--s-6);
/*
@desc headline
@semantic 大标题-缩进
@group p.indent-size
*/
--p-headline-indent-size: var(--s-2);
/*
@desc title
@semantic 中标题-字号
@group p.font-size
*/
--p-title-font-size: 5.333333333333333vw;
/*
@desc title
@semantic 中标题-图标大小
@group p.icon-size
@type number
*/
--p-title-icon-size: 5.333333333333333vw;
/*
@desc title
@semantic 中标题-字重
@group p.font-weight
@type number
@step 100
*/
--p-title-font-weight: 600;
/*
@desc title
@semantic 中标题-行高
@group p.line-height
@type number
*/
--p-title-line-height: 140%;
/*
@desc title
@semantic 中标题-顶部外边距
@group p.margin-top
*/
--p-title-margin-top: var(--s-5);
/*
@desc title
@semantic 中标题-底部外边距
@group p.margin-bottom
*/
--p-title-margin-bottom: var(--s-5);
/*
@desc title
@semantic 中标题-缩进
@group p.indent-size
*/
--p-title-indent-size: var(--s-2);
/*
@desc subhead
@semantic 副标题-字号
@group p.font-size
*/
--p-subhead-font-size: 4.8vw;
/*
@desc subhead
@semantic 副标题-图标大小
@group p.icon-size
@type number
*/
--p-subhead-icon-size: 4.8vw;
/*
@desc subhead
@semantic 副标题-字重
@group p.font-weight
@type number
@step 100
*/
--p-subhead-font-weight: 400;
/*
@desc subhead
@semantic 副标题-行高
@group p.line-height
@type number
*/
--p-subhead-line-height: 140%;
/*
@desc subhead
@semantic 副标题-顶部外边距
@group p.margin-top
*/
--p-subhead-margin-top: var(--s-4);
/*
@desc subhead
@semantic 副标题-底部外边距
@group p.margin-bottom
*/
--p-subhead-margin-bottom: var(--s-4);
/*
@desc subhead
@semantic 副标题-缩进
@group p.indent-size
*/
--p-subhead-indent-size: var(--s-2);
/*
@desc body2
@semantic 正文(强调)-字号
@group p.font-size
*/
--p-body-2-font-size: 4.266666666666667vw;
/*
@desc body2
@semantic 正文(强调)-图标大小
@group p.icon-size
@type number
*/
--p-body-2-icon-size: 4.266666666666667vw;
/*
@desc body2
@semantic 正文(强调)-字重
@group p.font-weight
@type number
@step 100
*/
--p-body-2-font-weight: 400;
/*
@desc body2
@semantic 正文(强调)-行高
@group p.line-height
@type number
*/
--p-body-2-line-height: 140%;
/*
@desc body2
@semantic 正文(强调)-顶部外边距
@group p.margin-top
*/
--p-body-2-margin-top: var(--s-3);
/*
@desc body2
@semantic 正文(强调)-底部外边距
@group p.margin-bottom
*/
--p-body-2-margin-bottom: var(--s-3);
/*
@desc body-2
@semantic 正文(强调)-缩进
@group p.indent-size
*/
--p-body-2-indent-size: var(--s-2);
/*
@desc body1
@semantic 正文(常规)-字号
@group p.font-size
*/
--p-body-1-font-size: 3.7333333333333334vw;
/*
@desc body1
@semantic 正文(常规)-图标大小
@group p.icon-size
@type number
*/
--p-body-1-icon-size: 3.7333333333333334vw;
/*
@desc body1
@semantic 正文(常规)-字重
@group p.font-weight
@type number
@step 100
*/
--p-body-1-font-weight: 400;
/*
@desc body1
@semantic 正文(常规)-行高
@group p.line-height
@type number
*/
--p-body-1-line-height: 140%;
/*
@desc body1
@semantic 正文(常规)-顶部外边距
@group p.margin-top
*/
--p-body-1-margin-top: var(--s-2);
/*
@desc body1
@semantic 正文(常规)-底部外边距
@group p.margin-bottom
*/
--p-body-1-margin-bottom: var(--s-2);
/*
@desc body1
@semantic 正文(常规)-缩进
@group p.indent-size
*/
--p-body-1-indent-size: var(--s-2);
/*
@desc caption
@semantic 注释-字号
@group p.font-size
*/
--p-caption-font-size: 3.2vw;
/*
@desc caption
@semantic 注释-图标大小
@group p.icon-size
@type number
*/
--p-caption-icon-size: 3.2vw;
/*
@desc caption
@semantic 注释-字重
@group p.font-weight
@type number
@step 100
*/
--p-caption-font-weight: 300;
/*
@desc caption
@semantic 注释-行高
@group p.line-height
@type number
*/
--p-caption-line-height: 120%;
/*
@desc caption
@semantic 注释-顶部外边距
@group p.margin-top
*/
--p-caption-margin-top: var(--s-3);
/*
@desc caption
@semantic 注释-底部外边距
@group p.margin-bottom
*/
--p-caption-margin-bottom: var(--s-3);
/*
@desc caption
@semantic 注释-缩进
@group p.indent-size
*/
--p-caption-indent-size: var(--s-1);
/*
@desc overline
@semantic 脚注-字号
@group p.font-size
*/
--p-overline-font-size: 2.6666666666666665vw;
/*
@desc overline
@semantic 脚注-图标大小
@group p.icon-size
@type number
*/
--p-overline-icon-size: 2.6666666666666665vw;
/*
@desc overline
@semantic 脚注-字重
@group p.font-weight
@type number
@step 100
*/
--p-overline-font-weight: 300;
/*
@desc overline
@semantic 脚注-行高
@group p.line-height
@type number
*/
--p-overline-line-height: 120%;
/*
@desc overline
@semantic 脚注-顶部外边距
@group p.margin-top
*/
--p-overline-margin-top: var(--s-1);
/*
@desc overline
@semantic 脚注-底部外边距
@group p.margin-bottom
*/
--p-overline-margin-bottom: var(--s-1);
/*
@desc overline
@semantic 脚注-缩进
@group p.indent-size
*/
--p-overline-indent-size: var(--s-1);
}