ant-design-vue
Version:
An enterprise-class UI design language and Vue-based implementation
32 lines • 754 B
JavaScript
const genPaginationStyle = token => {
const {
componentCls,
antCls
} = token;
return {
[`${componentCls}-wrapper`]: {
// ========================== Pagination ==========================
[`${componentCls}-pagination${antCls}-pagination`]: {
margin: `${token.margin}px 0`
},
[`${componentCls}-pagination`]: {
display: 'flex',
flexWrap: 'wrap',
rowGap: token.paddingXS,
'> *': {
flex: 'none'
},
'&-left': {
justifyContent: 'flex-start'
},
'&-center': {
justifyContent: 'center'
},
'&-right': {
justifyContent: 'flex-end'
}
}
}
};
};
export default genPaginationStyle;