No text selection for labels

This commit is contained in:
Lukas Martinelli 2016-12-17 20:21:24 +01:00
parent 4a8520c36d
commit 1d05ea000d

View file

@ -3,41 +3,42 @@
import theme from '../theme.js'
const base = {
display: 'inline-block',
fontSize: theme.fontSizes[5],
lineHeight: 2,
paddingLeft: 5,
paddingRight: 5,
display: 'inline-block',
fontSize: theme.fontSizes[5],
lineHeight: 2,
paddingLeft: 5,
paddingRight: 5,
}
const label = {
...base,
width: '40%',
color: theme.colors.lowgray,
...base,
width: '40%',
color: theme.colors.lowgray,
userSelect: 'none',
}
const property = {
marginTop: theme.scale[2],
marginBottom: theme.scale[2],
marginTop: theme.scale[2],
marginBottom: theme.scale[2],
}
const input = {
...base,
border: '1px solid rgb(36, 36, 36)',
width: '47%',
backgroundColor: theme.colors.gray,
color: theme.colors.lowgray,
...base,
border: '1px solid rgb(36, 36, 36)',
width: '47%',
backgroundColor: theme.colors.gray,
color: theme.colors.lowgray,
}
const select = {
...input,
width: '51%',
height: '2.3em',
...input,
width: '51%',
height: '2.3em',
}
export default {
label,
select,
input,
property,
label,
select,
input,
property,
}