mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-13 23:59:12 +08:00
5d9cb2e50d
* refactor: Optimize theme export and add docs * chore: fix lint * chore: fix lint * chore: fix lint
28 lines
803 B
TypeScript
28 lines
803 B
TypeScript
import type { CSSObject } from '@ant-design/cssinjs';
|
|
import type { LayoutToken } from '.';
|
|
import type { GenerateStyle } from '../../theme/internal';
|
|
|
|
const genLayoutLightStyle: GenerateStyle<LayoutToken, CSSObject> = (token) => {
|
|
const { componentCls, colorBgContainer, colorBgBody, colorText } = token;
|
|
|
|
return {
|
|
[`${componentCls}-sider-light`]: {
|
|
background: colorBgContainer,
|
|
|
|
[`${componentCls}-sider-trigger`]: {
|
|
color: colorText,
|
|
background: colorBgContainer,
|
|
},
|
|
|
|
[`${componentCls}-sider-zero-width-trigger`]: {
|
|
color: colorText,
|
|
background: colorBgContainer,
|
|
border: `1px solid ${colorBgBody}`, // Safe to modify to any other color
|
|
borderInlineStart: 0,
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export default genLayoutLightStyle;
|