ant-design/.dumi/theme/common/styles/InlineCard.tsx

29 lines
612 B
TypeScript
Raw Normal View History

import React from 'react';
import { css, Global } from '@emotion/react';
import { useTheme } from 'antd-style';
export default () => {
const token = useTheme();
return (
<Global
styles={css`
.design-inline-cards {
display: flex;
margin: 0 -${token.marginMD}px;
}
.design-inline-cards > * {
flex: 10%;
margin: 0 ${token.marginMD}px;
}
.design-inline-cards img {
width: 100%;
max-width: 100%;
}
.design-inline-cards h4 {
margin-bottom: 0;
}
`}
/>
);
};