mirror of
https://github.com/antd-tiny-vue/antd-tiny-vue.git
synced 2024-11-10 17:49:18 +08:00
30 lines
717 B
TypeScript
30 lines
717 B
TypeScript
import type { FullToken, GenerateStyle } from '../../theme/internal'
|
|
/** 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
|