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 |