kewt


interfaces for setting, fetching, persisting, and rendering text track styling

Example

The following code loads a DOM ready interface that checks for existing settings on localstorage, sets new values for a variety of options, persists the changes to localstorage, and renders a style tag to the document head.

``js
import { KewtDOM } from 'kewt';

KewtDOM
.set('font', 'sans-serif')
.set('fontSize', '4')
.set('fontEdge', 'shadow')
.set('edgeHighlight', 'yellow')
.set('edgeOpacity', 50)
.set('textColor', 'teal')
.set('textOpacity', 25)
.set('backgroundColor', 'purple')
.set('backgroundOpacity', '100')
.persist()
.render();
`

Settings

| Setting | Default | Options |
|---|---|---|
| font | 'monospaced-serif' | 'monospaced-serif', 'sans-serif', 'serif' |
| fontSize | '3' | '1'-'6' |
| fontEdge | none | 'none', 'uniform', 'raised', 'shadow', 'depressed'|
| edgeHighlight | 'black' | 'black', 'blue', 'green', 'teal', 'red', 'purple', 'yellow', 'white' |
| edgeOpacity | '0' | '0'-'100' |
| textColor | 'white' | 'black', 'blue', 'green', 'teal', 'red', 'purple', 'yellow', 'white' |
| textOpacity | '100' | '0'-'100' |
| backgroundColor | 'black' | 'black', 'blue', 'green', 'teal', 'red', 'purple', 'yellow', 'white' |
| backgroundOpacity | '100' | '0'-'100' |

Kewt

`sh
npm run test
`

$3

`sh
npm run coverage
`

$3

`sh
npm run lint
`

$3

`sh
npm run readme
`

$3

`sh
npm run compile
``

License

MIT @ Flip