1.4.4 • Published 3 years ago
@gebruederheitz/eloqua-form-styles v1.4.4
Eloqua Themeable Styles
Opinionated SASS modules for generating theme stylesheets for forms based on Oracle's Eloqua marketing platform.
Installation
> npm i @gebruederheitz/eloqua-form-stylesUsage
Take a look at the example in examples/configuration.md to get started.
Big List of settings
-- Work in progress --
Global
| Setting Key | Default Value | Description | Used By |
|---|---|---|---|
| padding | 10px | ||
| padding-bottom | 3 * 10px | ||
| padding-top | 10px | ||
| align | baseline | ||
| justify | space-between | ||
| flex-flow | row wrap | ||
| flex-flow-lg | row wrap | ||
| colors | see colors | ||
| icons | see icons | ||
| font-family | null | ||
| font-size | 1em | ||
| font-weight | null | ||
| line-height | null | ||
| text-align | null | ||
| border | 1px solid #ccc | (labels), inputs, error fields, submit button | |
| border-bottom | null | (labels), inputs, error fields, submit button | |
| border-radius | null | (labels), inputs, error fields, submit button |
Colors
| Setting key | Default Value |
|---|---|
| text | #33333e |
| bg | null |
| highlight | #0093e1 |
| border | null |
| error.text | #b00 |
| error.bg | transparent |
| error.highlight | #b00 |
| error.border | #b00 |
| success.text | #380 |
| success.bg | transparent, |
| success.highlight | null |
| success.border | null |
Development
Dependencies
- NodeJS 16.x & NPM
- nvm
- GNU Make (or similar)