summaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
authorNick Van Doorn <vandoorn.nick@gmail.com>2019-03-12 22:48:51 -0700
committerNick Van Doorn <vandoorn.nick@gmail.com>2019-03-12 22:48:51 -0700
commit0f8a3080ea4be4e6f9085b1d8f90cb683b31d996 (patch)
treeb73e12bc9a9b50bb6e5a0092a9e31004169affb5 /src/components
parent8149a2b892a7a782f89cf78ea603c6ee94531007 (diff)
Add mission semicolon & remove margin
Diffstat (limited to 'src/components')
-rw-r--r--src/components/button.js32
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)