Restyle to use border box

This commit is contained in:
Lukas Martinelli
2016-12-31 12:17:02 +01:00
parent e7709dae15
commit 0eb00312f4
7 changed files with 74 additions and 61 deletions

View File

@@ -3,6 +3,7 @@ import { margins, fontSizes } from './scales'
const base = {
display: 'inline-block',
boxSizing: 'border-box',
fontSize: fontSizes[5],
lineHeight: 2,
paddingLeft: 5,
@@ -11,20 +12,19 @@ const base = {
const label = {
...base,
width: '40%',
padding: null,
color: colors.lowgray,
userSelect: 'none',
}
const property = {
marginTop: margins[2],
marginBottom: margins[2],
display: 'block',
margin: margins[2],
}
const input = {
...base,
border: 'none',
width: '47%',
backgroundColor: colors.gray,
color: colors.lowgray,
}
@@ -38,7 +38,6 @@ const checkbox = {
const select = {
...input,
width: '50%',
height: '2.15em',
}