Module

React.Basic.Emotion

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

#Style Source

data Style

Instances

#StyleProperty Source

data StyleProperty

Instances

#IsStyle Source

class IsStyle a  where

Members

style :: a -> Style

Instances

IsStyle Style

#IsStyleProperty Source

class IsStyleProperty a  where

Members

prop :: a -> StyleProperty

Instances

IsStyleProperty StyleProperty

#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 }

#important Source

important :: StyleProperty -> StyleProperty

#keyframes Source

keyframes :: forall r. Homogeneous r StyleProperty => Record r -> StyleProperty

#nested Source

nested :: Style -> StyleProperty

#merge Source

merge :: Array Style -> Style

#str Source

str :: String -> StyleProperty

#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

#fallbacks Source

fallbacks :: Array StyleProperty -> StyleProperty

#none Source

none :: StyleProperty

#inherit Source

inherit :: StyleProperty

#unset Source

unset :: StyleProperty

#url Source

url :: URL -> StyleProperty

#color Source

color :: Color -> 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.