/** Common input styling */

import theme from '../theme.js'

const base = {
  display: 'inline-block',
  fontSize: theme.fontSizes[5],
  lineHeight: 2,
  paddingLeft: 5,
  paddingRight: 5,
}

const label = {
  ...base,
  width: '40%',
  color: theme.colors.lowgray,
  userSelect: 'none',
}

const property = {
  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,
}

const select = {
  ...input,
  width: '51%',
  height: '2.3em',
}

export default {
  label,
  select,
  input,
  property,
}

@@ -518,24 +518,165 @@
 lowgray,%0A%7D%0A%0A
+const checkbox = %7B%0A  ...base,%0A  border: '1px solid rgb(36, 36, 36)',%0A  backgroundColor: theme.colors.gray,%0A  color: theme.colors.lowgray,%0A%7D%0A%0A
 const select
@@ -787,10 +787,22 @@
 operty,%0A
+  checkbox,%0A
 %7D%0A

Add missing checkbox style to input