diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-28 23:26:42 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-28 23:26:42 +0800 |
commit | 969674a5ce99260a1fa0b749611845153c105bc4 (patch) | |
tree | 037c2578a0991dc2ff12e91293437dbb27807c9d /packages/website/ts/@next/components/button.tsx | |
parent | d2a418b368b514b158e46c2b0459d49a9c07f177 (diff) | |
download | dexon-0x-contracts-969674a5ce99260a1fa0b749611845153c105bc4.tar.gz dexon-0x-contracts-969674a5ce99260a1fa0b749611845153c105bc4.tar.zst dexon-0x-contracts-969674a5ce99260a1fa0b749611845153c105bc4.zip |
Add container and button
Diffstat (limited to 'packages/website/ts/@next/components/button.tsx')
-rw-r--r-- | packages/website/ts/@next/components/button.tsx | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx index 48be7659c..bbb6b7935 100644 --- a/packages/website/ts/@next/components/button.tsx +++ b/packages/website/ts/@next/components/button.tsx @@ -1,21 +1,29 @@ import * as React from 'react'; import styled from 'styled-components'; +import { colors } from 'ts/style/colors'; + export interface ButtonInterface { text: string; } const StyledButton = styled.button` + appearance: none; + border: 0; + background-color: ${colors.brandLight}; + color: ${colors.white}; text-align: center; + padding: 13px 22px 14px; `; const Text = styled.span` font-size: 1rem; + font-weight: 500; line-height: 1.375rem; `; export const Button: React.StatelessComponent<ButtonInterface> = ({ text }) => ( <StyledButton> - <Text>Get Started</Text> + <Text>{text}</Text> </StyledButton> ); |