@gebruederheitz/eloqua-form-styles
v2.1.0
Published
Opinionated SASS modules for generating theme stylesheets for forms based on Oracle's Eloqua marketing platform.
Readme
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)