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)