Module sauron::prelude::jss::prelude[]

Modules

provides function and macro for html units such as px, %, em, etc.

Macros

Creates css using json notation

Create a css string using json notation and use namespace on the class selectors

create css using jss with namespace macro with correct indentions

Create css using jss macro with nice indentions

convenient method to create inline style for css usage. #Examples:

Functions

Relative to the width of the “0” (zero)

Prepend namespace to this class name. This is used in assigning the class name in an element.

centimeters

Relative to the font-size of the element (2em means 2 times the size of the current font)

Relative to the x-height of the current font (rarely used)

inches (1in = 96px = 2.54cm) Example:

milimeters

picas (1pc = 12 pt)

percentage Example:

process json to css transforming the selector if class name is specified

This process the values used inside a css selector

points (1pt = 1/72 of 1in)

pixels (1px = 1/96th of 1in)

1q is equivalent to 1/40th of 1cm.

Relative to font-size of the root element

Prepend a namespace to the selector classes, It does not affect other selectors such element selector, #id selector example:

Relative to 1% of the height of the viewport*

Relative to 1% of the width of the viewport*