fleet/frontend/components/forms/LoginForm/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

40 lines
940 B
JavaScript

import styles from '../../../styles';
const { border, color, font, padding } = styles;
const FORM_WIDTH = '460px';
export default {
containerStyles: {
alignItems: 'center',
backgroundColor: color.white,
borderTopLeftRadius: border.radius.base,
borderTopRightRadius: border.radius.base,
boxSizing: 'border-box',
display: 'flex',
flexDirection: 'column',
padding: '30px',
width: FORM_WIDTH,
minHeight: '350px',
fontWeight: '300',
},
forgotPasswordStyles: {
fontSize: font.medium,
letterSpacing: '1px',
textDecoration: 'none',
color: color.accentText,
},
forgotPasswordWrapperStyles: {
marginTop: padding.base,
textAlign: 'right',
width: '100%',
},
formStyles: {
boxShadow: '0 5px 30px 0 rgba(0,0,0,0.30)',
},
submitButtonStyles: {
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
padding: padding.base,
width: FORM_WIDTH,
},
};