Module

React.Basic.Emotion

Package
purescript-react-basic-emotion
Repository
lumihq/purescript-react-basic-emotion

#IsStyle Source

class IsStyle a  where

Members

Instances

#IsStyleProperty Source

class IsStyleProperty a  where

Members

Instances

#element Source

element :: forall props. ReactComponent { className :: String | props } -> { className :: String, css :: Style | props } -> JSX

Create a JSX node from a ReactComponent, by providing the props.

This function is identical to React.Basic.element plus Emotion's css prop.

#elementKeyed Source

elementKeyed :: forall props. ReactComponent { className :: String | props } -> { className :: String, css :: Style, key :: String | props } -> JSX

Create a JSX node from a ReactComponent, by providing the props.

This function is identical to React.Basic.element plus Emotion's css prop.

#css Source

css :: forall r. Homogeneous r StyleProperty => Record r -> Style

#global Source

global :: ReactComponent { styles :: Style }

#int Source

int :: Warn (Text "`int` is deprecated and may be removed in future versions. Prefer `str` or one of the unit combinators like `px` or `em` instead.") => Int -> StyleProperty

#num Source

num :: Warn (Text "`int` is deprecated and may be removed in future versions. Prefer `str` or one of the unit combinators like `px` or `em` instead.") => Number -> StyleProperty

#px Source

px :: Int -> StyleProperty

Pixels. This function does not take a Number because approaches to subpixel rendering vary among browser implementations.

#px' Source

px' :: Number -> StyleProperty

Pixels and subpixels.

WARNING: Approaches to subpixel rendering vary among browser implementations. This means that non-integer pixel values may be displayed differently in different browsers.

#cm Source

cm :: Number -> StyleProperty

Centimeters

#mm Source

mm :: Number -> StyleProperty

Milimeters

#inches Source

inches :: Number -> StyleProperty

Inches (1in ≈ 2.54cm)

#pt Source

pt :: Number -> StyleProperty

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

#pc Source

pc :: Number -> StyleProperty

Picas (1pc = 12 pt)

#em Source

em :: Number -> StyleProperty

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

#ex Source

ex :: Number -> StyleProperty

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

#ch Source

ch :: Number -> StyleProperty

Relative to the width of the "0" (zero) character.

#rem Source

rem :: Number -> StyleProperty

Relative to font-size of the root element.

#vw Source

vw :: Number -> StyleProperty

Relative to 1% of the width of the viewport.

#vh Source

vh :: Number -> StyleProperty

Relative to 1% of the height of the viewport.

#vmin Source

vmin :: Number -> StyleProperty

Relative to 1% of viewport's smaller dimension.

#vmax Source

vmax :: Number -> StyleProperty

Relative to 1% of viewport's larger dimension.

#percent Source

percent :: Number -> StyleProperty

Relative to the parent element.