Skip to content

Deno Module to convert plain javascript objects to CSS for inline styling.

License

Notifications You must be signed in to change notification settings

Brandoncapecci/to-css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

to_css

Deno Module to convert plain javascript objects to CSS for inline styling.

tag license deno doc

Full Description

This utility intended to be used with the Deno runtime.

The toCss allows plain objects to be inlined in HTML or JSX style tags as strings. The function expects camelcased keys and will convert them to valid CSS hyphen-case. Many values such as backgroundClip and textFillColor will be vendor-prefixed automatically for greater browser support.

Usage

Basic Usage:

import { toCss } from "https://deno.land/x/to_css/mod.ts";
const componentStyles = {
    backgroundColor: 'red',
    height: '20px',
}
toCss(componentStyles);
// => 'background-color: red; height: 20px;'

Using Deno Fresh:

  1. Add: "to-css": "https://deno.land/x/to_css/mod.ts" to import_map.json.
  2. Import from namespace in map: import { toCss } from "to-css";.
  3. Use on preact style tags: style={toCss({ ... })}.

About

Deno Module to convert plain javascript objects to CSS for inline styling.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published