aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components
diff options
context:
space:
mode:
authorMegan Pearson <megan.e.pearson@gmail.com>2018-10-22 15:53:22 +0800
committerMegan Pearson <megan.e.pearson@gmail.com>2018-10-22 15:53:22 +0800
commit6066db8f423ea246ecd699a934889c893689df56 (patch)
treeeb3c2d8e635821fd217bf71ad01cd2848ea61858 /packages/dev-tools-pages/ts/components
parent68c18181395986035a5c8e1ff2a83926f34fac60 (diff)
downloaddexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.tar
dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.tar.gz
dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.tar.bz2
dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.tar.lz
dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.tar.xz
dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.tar.zst
dexon-sol-tools-6066db8f423ea246ecd699a934889c893689df56.zip
Responsive list
Diffstat (limited to 'packages/dev-tools-pages/ts/components')
-rw-r--r--packages/dev-tools-pages/ts/components/List.tsx6
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 {