@alifd/meet-react
Version:
Fusion Mobile React UI System Component
63 lines • 1.38 kB
CSS
@charset "UTF-8";
/*
@component side-bar
@display SideBar
@chinese 竖向标签页
@family navigation
*/
:root {
/*
@desc spacing
@namespace size/common
@semantic 内部元素间距
*/
--side-bar-medium-spacing: var(--box-medium-spacing);
/*
@desc font-size
@namespace size/common
@semantic 文字大小
*/
--side-bar-medium-font-size: var(--p-body-2-font-size);
/*
@desc icon-size
@namespace size/common
@semantic 图标大小
*/
--side-bar-medium-icon-size: var(--icon-xs);
/*
@desc padding
@namespace size/bounding
@semantic 内边距
*/
--side-bar-medium-padding: var(--box-medium-padding);
/*
@desc bg-color
@namespace style/common
@semantic 背景色
*/
--side-bar-bg-color: var(--color-fill1-1);
/*
@desc bg-color
@namespace style/common
@semantic 选中背景色
*/
--side-bar-active-bg-color: var(--color-white);
/*
@desc active-line-width
@namespace size/common
@semantic 激活线粗细
*/
--side-bar-active-line-width: var(--line-2);
/*
@desc color
@namespace style/common
@semantic 普通文本颜色
*/
--side-bar-normal-color: var(--box-normal-outline-font-color);
/*
@desc color
@namespace style/common
@semantic 选中文本颜色
*/
--side-bar-active-color: var(--box-primary-text-font-color);
}