diff options
| author | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 15:53:22 +0800 |
|---|---|---|
| committer | Megan Pearson <megan.e.pearson@gmail.com> | 2018-10-22 15:53:22 +0800 |
| commit | 6066db8f423ea246ecd699a934889c893689df56 (patch) | |
| tree | eb3c2d8e635821fd217bf71ad01cd2848ea61858 /packages/dev-tools-pages/ts/components/List.tsx | |
| parent | 68c18181395986035a5c8e1ff2a83926f34fac60 (diff) | |
| download | dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.tar.gz dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.tar.zst dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.zip | |
Responsive list
Diffstat (limited to 'packages/dev-tools-pages/ts/components/List.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/List.tsx | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/List.tsx b/packages/dev-tools-pages/ts/components/List.tsx index df1fdc53b..3041fc475 100644 --- a/packages/dev-tools-pages/ts/components/List.tsx +++ b/packages/dev-tools-pages/ts/components/List.tsx @@ -1,5 +1,6 @@ import * as React from 'react'; import styled from 'styled-components'; +import { media } from '../variables'; const StyledList = styled.ul` list-style-type: none; @@ -17,6 +18,11 @@ const StyledItem = styled.li` transform: rotate(45deg); margin-right: 1.09375rem; } + :not(:last-child) { + margin-bottom: 0.5625rem; + + ${media.small`margin-bottom: 0.375rem`}; + } `; interface ListProps { |