mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +08:00
fix(site): fix lost indent of site (#50366)
* fix(site): lost indent of site * fix: fix style
This commit is contained in:
parent
b7151d7202
commit
313b5ae924
@ -17,29 +17,6 @@ const useStyle = createStyles(({ token, css }) => ({
|
||||
grid-gap: ${token.margin}px;
|
||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
padding: 0;
|
||||
li {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
background-color: inherit;
|
||||
border-radius: ${token.borderRadiusSM}px;
|
||||
cursor: pointer;
|
||||
transition: all ${token.motionDurationSlow} ease-in-out;
|
||||
${token.iconCls} {
|
||||
margin: ${token.marginSM}px 0 ${token.marginXS}px;
|
||||
font-size: 36px;
|
||||
transition: transform ${token.motionDurationSlow} ease-in-out;
|
||||
will-change: transform;
|
||||
}
|
||||
}
|
||||
`,
|
||||
copiedCode: css`
|
||||
padding: 0 ${token.paddingXXS}px;
|
||||
|
@ -12,7 +12,30 @@ const allIcons: { [key: PropertyKey]: any } = AntdIcons;
|
||||
const useStyle = createStyles(({ token, css }) => {
|
||||
const { antCls, iconCls } = token;
|
||||
return {
|
||||
item: css`
|
||||
iconItem: css`
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-inline-start: 0 !important;
|
||||
margin-inline-end: 0 !important;
|
||||
position: relative;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
overflow: hidden;
|
||||
color: #555;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
background-color: inherit;
|
||||
border-radius: ${token.borderRadiusSM}px;
|
||||
cursor: pointer;
|
||||
transition: all ${token.motionDurationSlow} ease-in-out;
|
||||
${token.iconCls} {
|
||||
margin: ${token.marginSM}px 0 ${token.marginXS}px;
|
||||
font-size: 36px;
|
||||
transition: transform ${token.motionDurationSlow} ease-in-out;
|
||||
will-change: transform;
|
||||
}
|
||||
&:hover {
|
||||
color: #fff;
|
||||
background-color: ${token.colorPrimary};
|
||||
@ -81,7 +104,7 @@ const CopyableIcon: React.FC<CopyableIconProps> = (props) => {
|
||||
};
|
||||
return (
|
||||
<CopyToClipboard text={`<${name} />`} onCopy={onCopy}>
|
||||
<li className={classNames(theme, styles.item, { copied: justCopied === name })}>
|
||||
<li className={classNames(theme, styles.iconItem, { copied: justCopied === name })}>
|
||||
{React.createElement(allIcons[name])}
|
||||
<span className={styles.anticonCls}>
|
||||
<Badge dot={isNew}>{name}</Badge>
|
||||
|
@ -112,29 +112,23 @@ const GlobalStyle: React.FC = () => {
|
||||
}
|
||||
}
|
||||
|
||||
.markdown ul > li {
|
||||
list-style-type: circle;
|
||||
.markdown ul > li,
|
||||
.markdown ol > li {
|
||||
margin-inline-start: ${token.marginLG}px;
|
||||
> p {
|
||||
margin: 0.2em 0;
|
||||
}
|
||||
&:empty {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.markdown ol > li {
|
||||
margin-inline-start: ${token.marginMD}px;
|
||||
padding-inline-start: ${token.paddingXXS}px;
|
||||
list-style-type: decimal;
|
||||
|
||||
${antCls}-row-rtl & {
|
||||
margin-inline-end: ${token.marginMD}px;
|
||||
margin-inline-start: 0;
|
||||
padding-inline-end: ${token.paddingXXS}px;
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
.markdown ul > li {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
.markdown ul > li > p,
|
||||
.markdown ol > li > p {
|
||||
margin: 0.2em 0;
|
||||
.markdown ol > li {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.markdown code {
|
||||
|
Loading…
Reference in New Issue
Block a user