diff --git a/src/fields/input.js b/src/fields/input.js new file mode 100644 index 0000000..a01b8da --- /dev/null +++ b/src/fields/input.js @@ -0,0 +1,43 @@ +/** 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, +} + +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, +}