CSS variables
Customize the forms rendered with LetsForm with some CSS variables, for example to reduce the margin between fields
<LetsForm
className="my_form"
// ...
/>
.lf-form.my_form {
--lf-field-margin: 6px;
}
Reference
The list of available CSS variables
Variable | Default | Description |
---|---|---|
--lf-field-margin | 16px | Vertical margin between fields |
--lf-field-column-margin | 16px | Horizontal margin in columns |
--lf-font-size | 15px | Font size in plaintext mode |
--lf-field-button-margin | 10px | Buttons margin in toolbar and buttons group |
--lf-field-margin-top | 5px | Top margin between actual field and the label |
--lf-border-color | #e5e5ea | Group border color |
--lf-group-padding | 15px | Group padding |
--lf-group-header | 15px | Group header margin |
--lf-buttons-margin | 32px | Top margin of submit and reset buttons |