You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
27 lines
803 B
27 lines
803 B
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;
|
|
|