diff options
author | Nick Van Doorn <vandoorn.nick@gmail.com> | 2019-03-12 22:48:51 -0700 |
---|---|---|
committer | Nick Van Doorn <vandoorn.nick@gmail.com> | 2019-03-12 22:48:51 -0700 |
commit | 0f8a3080ea4be4e6f9085b1d8f90cb683b31d996 (patch) | |
tree | b73e12bc9a9b50bb6e5a0092a9e31004169affb5 /src/components | |
parent | 8149a2b892a7a782f89cf78ea603c6ee94531007 (diff) |
Add mission semicolon & remove margin
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/button.js | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/src/components/button.js b/src/components/button.js index a80e93d..524d878 100644 --- a/src/components/button.js +++ b/src/components/button.js @@ -6,22 +6,22 @@ import { margins, radius, transitions, colours } from './globals' const makeButtonStyle = p => css` - font-size: ${p.fontSize || '1em'}; - font-weight: ${p.fontWeight || '500'} - margin: ${margins.sm}px; - padding: ${margins.md}px ${margins.md}px; - border: 0.5px solid #ffffff; - border-radius: ${radius.sm}px; - display: block; - transition: ${transitions.hover}; - text-decoration: none; - background: ${p.background || 'none'}; - &:hover { - background: ${p.hoverBackground || 'none'}; - border-color: ${p.background || 'none'}; - color: ${p.hoverColour || 'initial'}; - } -` + font-size: ${p.fontSize || '1em'}; + font-weight: ${p.fontWeight || '500'}; + margin: 0; + padding: ${margins.md}px ${margins.md}px; + border: 0.5px solid #ffffff; + border-radius: ${radius.sm}px; + display: block; + transition: ${transitions.hover}; + text-decoration: none; + background: ${p.background || 'none'}; + &:hover { + background: ${p.hoverBackground || 'none'}; + border-color: ${p.background || 'none'}; + color: ${p.hoverColour || 'initial'}; + } + ` export const Button = p => { const buttonStyle = makeButtonStyle(p) |