betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

Fix du padding left sur les list Ol

pull/2092/head
Jérémy Rialland 2022-04-13 12:51:02 +02:00 committed by Johan Girod
parent 8c26c2d278
commit 541144d321
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
site/source/design-system/typography/list.tsx
View File

@ -50,24 +50,32 @@ export const Ul = styled.ul<ListProps>`
export const Ol = styled.ol<ListProps>`
${BaseListStyle}
padding-left: ${({ theme }) => theme.spacings.xl};
${({ size = 'MD', theme }) =>
${({ size = 'MD' }) =>
size === 'XS'
? css`
font-size: 0.875rem;
padding-left: ${theme.spacings.lg};
line-height: 1.25rem;
`
: size === 'XL' &&
css`
font-size: 1.25rem;
line-height: 2rem;
padding-left: ${theme.spacings.xxl};
`}
${Li} {
counter-increment: step-counter;
padding-left: ${({ theme }) => theme.spacings.xl};
${({ size = 'MD', theme }) =>
size === 'XS'
? css`
padding-left: ${theme.spacings.lg};
`
: size === 'XL' &&
css`
padding-left: ${theme.spacings.xxl};
`}
}
${Li}::before {
content: counter(step-counter);