diff options
author | Hsuan Lee <boczeratul@gmail.com> | 2019-03-06 17:46:50 +0800 |
---|---|---|
committer | Hsuan Lee <boczeratul@gmail.com> | 2019-03-06 17:46:50 +0800 |
commit | 35703539d0f2b4ddb3b11d0de8c9634af59ab71f (patch) | |
tree | ae3731221dbbb3a6fa40060a8d916cfd3f738289 /packages/dev-tools-pages/ts/components/list.tsx | |
parent | 92a1fde5b1ecd81b07cdb5bf0c9c1cd3544799db (diff) | |
download | dexon-0x-contracts-stable.tar.gz dexon-0x-contracts-stable.tar.zst dexon-0x-contracts-stable.zip |
Deploy @dexon-foundation/0x.jsstable
Diffstat (limited to 'packages/dev-tools-pages/ts/components/list.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/list.tsx | 50 |
1 files changed, 0 insertions, 50 deletions
diff --git a/packages/dev-tools-pages/ts/components/list.tsx b/packages/dev-tools-pages/ts/components/list.tsx deleted file mode 100644 index ffa7c1cf3..000000000 --- a/packages/dev-tools-pages/ts/components/list.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import * as _ from 'lodash'; -import * as React from 'react'; -import styled from 'styled-components'; - -import { media } from 'ts/variables'; - -const StyledList = styled.ul` - list-style-type: none; - margin: 0; - padding: 0; - position: relative; -`; - -const StyledItem = styled.li` - position: relative; - padding-left: 1.625rem; - - :before { - content: ''; - border: 1px solid black; - width: 0.625rem; - height: 0.625rem; - display: inline-block; - position: absolute; - margin-top: 2px; - top: 0.3125rem; - left: 0; - transform: rotate(45deg); - } - :not(:last-child) { - margin-bottom: 0.5625rem; - ${media.small` - margin-bottom: 0.375rem; - `}; - } -`; - -interface ListProps { - items?: []; -} - -const List: React.StatelessComponent<ListProps> = props => ( - <StyledList> - {props.children !== undefined - ? props.children - : _.map(props.items, (bullet, index) => <StyledItem key={index}>{bullet}</StyledItem>)} - </StyledList> -); - -export { List, StyledItem as ListItem }; |