Styling for buttons

This commit is contained in:
Moris Zen
2018-07-04 20:37:35 +02:00
parent 6df7085f1b
commit d4e662be82
2 changed files with 30 additions and 9 deletions

View File

@@ -1,14 +1,22 @@
import React from 'react'
import Link from 'gatsby-link'
let defaultClasses = 'px-6 py-3 leading-none inline-block text-sm no-underline uppercase'
let defaultClasses =
'px-6 py-3 leading-none inline-block text-sm no-underline uppercase'
let standardBtn = 'border hover:bg-teal hover:text-white hover:border-teal'
let filledBtn = 'text-grey-lightest bg-grey-darkest hover:bg-teal'
const Button = ({ ...props }) => (
<Link to={props.url} className={`${props.standard ? standardBtn : ''} ${props.filled ? filledBtn : ''} ${defaultClasses} ${props.classes}`}>{props.text}</Link>
<Link
to={props.url}
className={`${props.standard ? standardBtn : ''} ${
props.filled ? filledBtn : ''
} ${defaultClasses} ${props.classes}`}
>
{props.text}
</Link>
)
export default Button
export default Button