mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-14 08:51:26 +08:00
30 lines
715 B
TypeScript
30 lines
715 B
TypeScript
|
import type { FullToken, GenerateStyle } from '../../theme';
|
||
|
/** Component only token. Which will handle additional calculation of alias token */
|
||
|
export interface ComponentToken {
|
||
|
// Component token here
|
||
|
}
|
||
|
|
||
|
interface SpaceToken extends FullToken<'Space'> {
|
||
|
// Custom token here
|
||
|
}
|
||
|
|
||
|
const genSpaceCompactStyle: GenerateStyle<SpaceToken> = token => {
|
||
|
const { componentCls } = token;
|
||
|
|
||
|
return {
|
||
|
[componentCls]: {
|
||
|
display: 'inline-flex',
|
||
|
'&-block': {
|
||
|
display: 'flex',
|
||
|
width: '100%',
|
||
|
},
|
||
|
'&-vertical': {
|
||
|
flexDirection: 'column',
|
||
|
},
|
||
|
},
|
||
|
};
|
||
|
};
|
||
|
|
||
|
// ============================== Export ==============================
|
||
|
export default genSpaceCompactStyle;
|