Skip to content

Commit c8b2ecc

Browse files
committed
make S2 style macro supported CSS properties list responsive
1 parent 889f7dc commit c8b2ecc

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

packages/dev/s2-docs/src/S2StyleProperties.jsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,18 @@ const Code = ({children}) => <code className={style({font: 'code'})}>{children}<
44

55
export function S2StyleProperties() {
66
return (
7-
<ul className={style({fontSize: 'body-lg', lineHeight: 'body', color: 'body', padding: 0, listStyleType: 'none'})} style={{columns: 3}}>
7+
<ul className={style({
8+
fontSize: 'body-lg',
9+
lineHeight: 'body',
10+
color: 'body',
11+
padding: 0,
12+
listStyleType: 'none',
13+
display: 'grid',
14+
gridTemplateColumns: {
15+
default: 'repeat(2, minmax(0, 1fr))',
16+
sm: 'repeat(3, minmax(0, 1fr))'
17+
}
18+
})}>
819
<li><Code>margin</Code></li>
920
<li><Code>marginStart</Code></li>
1021
<li><Code>marginEnd</Code></li>

0 commit comments

Comments
 (0)