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