the-sett / the-sett-laf / Styles

The Devices module provides device specific styling builders.

Injecting constant CSS styles

styles : List Css.Style -> Responsive.Device -> ctx -> ResponsiveDSL.Builder a ctx

Adds any CSS style you like to a grid element.

empty : ResponsiveDSL.StyleBuilder a ctx

An empty style, for convenience when sketching out DSLs.

Constant by device style builders

sm : List (Responsive.Device -> ctx -> ResponsiveDSL.Builder a ctx) -> List (ctx -> ResponsiveDSL.Builder a ctx)

Small device grid property builder.

md : List (Responsive.Device -> ctx -> ResponsiveDSL.Builder a ctx) -> List (ctx -> ResponsiveDSL.Builder a ctx)

Medium device grid property builder.

lg : List (Responsive.Device -> ctx -> ResponsiveDSL.Builder a ctx) -> List (ctx -> ResponsiveDSL.Builder a ctx)

Large device grid property builder.

xl : List (Responsive.Device -> ctx -> ResponsiveDSL.Builder a ctx) -> List (ctx -> ResponsiveDSL.Builder a ctx)

Extra large device grid property builder.

Responsive by device properties style builders.

height : Basics.Float -> ResponsiveDSL.ByDeviceBuilder a ctx

Sets the height property in rhythm units.

Generic styles

visible : ResponsiveDSL.StyleBuilder a ctx

Content is visible.

hidden : ResponsiveDSL.StyleBuilder a ctx

Content is hidden