@alifd/meet-react
Version:
Fusion Mobile React UI System Component
99 lines • 2.36 kB
CSS
@charset "UTF-8";
/*
@component action-sheet
@display ActionSheet
@chinese 动作面板
@family feedback
*/
:root {
/**
@desc padding(l,r)
@semantic 左右内边距
@namespace size/bounding
*/
--action-sheet-padding-lr: var(--s-2);
/**
@desc padding(t,b)
@semantic 上下内边距
@namespace size/bounding
*/
--action-sheet-padding-tb: var(--s-4);
/*
@desc bg-color
@semantic 背景色
@namespace style/common
*/
--action-sheet-bg-color: var(--color-fill1-1);
/*
@desc msg-font-color
@semantic 标题字体色
@namespace style/title
*/
--action-sheet-msg-font-color: var(--color-text1-3);
/*
@desc msg-font-size
@semantic 标题字体大小
@namespace size/title
*/
--action-sheet-msg-font-size: var(--p-body-1-font-size);
/**
@desc msg-padding
@semantic 标题内边距
@namespace size/title
*/
--action-sheet-msg-padding: var(--s-4);
/*
@desc bg-color
@semantic 选择项背景色
@namespace style/common
*/
--action-sheet-option-bg-color: var(--color-white);
/*
@desc divider-color
@semantic 分割线色
@namespace style/content
*/
--action-sheet-option-border-color: var(--color-line1-3);
/*
@desc item-font-color
@semantic 字体色
@namespace style/content
*/
--action-sheet-option-font-color: var(--box-normal-solid-font-color);
/*
@desc active-item-font-color
@semantic 字体色（激活）
@namespace style/content
*/
--action-sheet-option-font-color-hover: var(--box-normal-solid-font-color-hover);
/*
@desc disabled-item-font-color
@semantic 字体色（禁用）
@namespace style/content
*/
--action-sheet-option-font-color-disabled: var(--box-normal-solid-font-color-disabled);
/*
@desc item-font-size
@semantic 字体大小
@namespace size/content
*/
--action-sheet-option-font-size: var(--p-body-2-font-size);
/*
@desc cancel-gap-size
@semantic 取消按钮间隙
@namespace size/content
*/
--action-sheet-gap-height: var(--s-2);
/*
@desc corner
@semantic 圆角
@namespace size/bounding
*/
--action-sheet-corner: var(--corner-zero);
/*
@desc icon-color
@semantic 图标圆角
@namespace size/content
*/
--action-sheet-icon-corner: var(--corner-1);
}