diff options
author | Hsuan Lee <hsuan@cobinhood.com> | 2019-01-19 18:42:04 +0800 |
---|---|---|
committer | Hsuan Lee <hsuan@cobinhood.com> | 2019-01-19 18:42:04 +0800 |
commit | 7ae38906926dc09bc10670c361af0d2bf0050426 (patch) | |
tree | 5fb10ae366b987db09e4ddb4bc3ba0f75404ad08 /packages/dev-tools-pages/ts/components/button.tsx | |
parent | b5fd3c72a08aaa6957917d74c333387a16edf66b (diff) | |
download | dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.gz dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.bz2 dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.lz dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.xz dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.tar.zst dexon-sol-tools-7ae38906926dc09bc10670c361af0d2bf0050426.zip |
Update dependency packages
Diffstat (limited to 'packages/dev-tools-pages/ts/components/button.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/button.tsx | 52 |
1 files changed, 0 insertions, 52 deletions
diff --git a/packages/dev-tools-pages/ts/components/button.tsx b/packages/dev-tools-pages/ts/components/button.tsx deleted file mode 100644 index ae032eb05..000000000 --- a/packages/dev-tools-pages/ts/components/button.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import styled from 'styled-components'; - -import { colors, media } from 'ts/variables'; - -interface ButtonProps { - large?: boolean; -} - -const Button = styled.button<ButtonProps>` - font-family: inherit; - line-height: 1; - font-weight: 500; - white-space: nowrap; - vertical-align: middle; - background-color: ${props => props.theme.colors.secondary}; - color: ${colors.black}; - border: 0; - border-radius: 5rem; - display: inline-flex; - justify-content: space-between; - align-items: center; - - ${props => - props.large - ? ` - font-size: 1rem; - padding: 1.1875rem 2.375rem 1.0625rem; - ` - : ` - font-size: .875rem; - padding: .5625rem 1.25rem; - `} - - :hover, :focus { - background-color: ${props => props.theme.colors.secondary_alt}; - outline: 0; - } - - ${media.small` - font-size: .875rem; - padding: .5625rem 1.25rem; - `} - - ${props => - props.large && - media.small` - font-size: 1rem; - padding: 1rem 1.5rem .75rem; - `} -`; - -export { Button }; |