Add style after new guidelines, markup and restructuring of components

This commit is contained in:
Moris Zen
2018-07-02 20:33:44 +02:00
parent 01b910f7d9
commit e5287ac835
11 changed files with 1132 additions and 63 deletions

View File

@@ -1,16 +1,14 @@
import React from 'react'
import Link from 'gatsby-link'
let defaultClasses = 'px-4 py-2 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 }) => (
<div>
<Link to={props.url} className={`${props.standard ? standardBtn : ''} ${props.filled ? filledBtn : ''} ${defaultClasses} ${props.classes}`}>{props.text}</Link>
</div>
)
export default Button