mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-24 15:46:10 +08:00
2acb7b217a
* site: use css token * fix: fix * fix: fix * fix: fix * fix: fix * fix: fix * fix: fix * fix: fix
29 lines
612 B
TypeScript
29 lines
612 B
TypeScript
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;
|
|
}
|
|
`}
|
|
/>
|
|
);
|
|
};
|