2.0.2 • Published 1 year ago
@gebruederheitz/eloqua-form-styles v2.0.2
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-styles
Usage
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)