mirror of
https://github.com/antd-tiny-vue/antd-tiny-vue.git
synced 2025-12-14 01:18:54 +08:00
feat: add info
This commit is contained in:
29
components/space/style/compact.tsx
Normal file
29
components/space/style/compact.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
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
|
||||
Reference in New Issue
Block a user