ant-design-vue
Version:
An enterprise-class UI design language and Vue-based implementation
40 lines • 973 B
JavaScript
import { genComponentStyleHook } from '../../theme/internal';
import genSpaceCompactStyle from './compact';
const genSpaceStyle = token => {
const {
componentCls
} = token;
return {
[componentCls]: {
display: 'inline-flex',
'&-rtl': {
direction: 'rtl'
},
'&-vertical': {
flexDirection: 'column'
},
'&-align': {
flexDirection: 'column',
'&-center': {
alignItems: 'center'
},
'&-start': {
alignItems: 'flex-start'
},
'&-end': {
alignItems: 'flex-end'
},
'&-baseline': {
alignItems: 'baseline'
}
},
[`${componentCls}-item`]: {
'&:empty': {
display: 'none'
}
}
}
};
};
// ============================== Export ==============================
export default genComponentStyleHook('Space', token => [genSpaceStyle(token), genSpaceCompactStyle(token)]);