fleet/frontend/components/buttons/GradientButton/styles.js
Jason Meller 55307de42d SCSS Pipeline and style fixes (#229)
* Add SCSS pipeline and fix login style issues

* Fix nav styles and make tests pass

* Fix nav header styles and animations

* Change font-size to 13px on nav

* Fix duplicate specificity of styles
2016-09-23 14:04:01 -04:00

30 lines
776 B
JavaScript

import styles from '../../../styles';
const { border, color, font, padding } = styles;
export default {
backgroundImage: 'linear-gradient(134deg, #7166D9 0%, #C86DD7 100%)',
border: 'none',
cursor: 'pointer',
borderBottomLeftRadius: border.radius.base,
borderBottomRightRadius: border.radius.base,
borderTopLeftRadius: border.radius.base,
borderTopRightRadius: border.radius.base,
boxShadow: '0 3px 0 #734893',
boxSizing: 'border-box',
color: color.white,
fontSize: font.large,
fontWeight: '300',
letterSpacing: '4px',
padding: padding.medium,
position: 'relative',
textTransform: 'uppercase',
width: '100%',
':active': {
boxShadow: '0 1px 0 #734893, 0 -2px 0 #D1D9E9',
top: '2px',
},
':focus': {
outline: 'none',
},
};