Lumi.Styles

styleModifier :: forall props. (LumiTheme -> Style) -> PropsModifier props

Lift a themed set of styles into a PropsModifier for composition with other modifiers.

Note: A style modifier should generally leave the props type unconstrained and take configuration as regular arguments instead. Adding constraints to props makes it difficult to compose style and prop modifiers together across different components, where the same field name could mean different things.

styleModifier_ :: forall props. Style -> PropsModifier props

Lift a static set of styles into a PropsModifier for composition with other modifiers.

Note: A style modifier should generally leave the props type unconstrained and take configuration as regular arguments instead. Adding constraints to props makes it difficult to compose style and prop modifiers together across different components, where the same field name could mean different things.

toCSS :: forall props. LumiTheme -> LumiProps props -> PropsModifier props -> Style

Flatten a PropsModifier and extract the Emotion styles for use with React.Basic.Emotion.element. This function is mainly used inside component implementations where the LumiComponent boundary gives way to DOM components or other ReactComponents.

data StyleProperty

Instances

• Semigroup StyleProperty
• Monoid StyleProperty

data Style

Instances

• Semigroup Style
• Monoid Style

class IsStyle a  where

Members

• style :: a -> Style

class IsStyleProperty a  where

Members

• prop :: a -> StyleProperty

url :: URL -> StyleProperty

unset :: StyleProperty

str :: String -> StyleProperty

num :: Number -> StyleProperty

none :: StyleProperty

nested :: Style -> StyleProperty

merge :: Array Style -> Style

int :: Int -> StyleProperty

inherit :: StyleProperty

fallbacks :: Array StyleProperty -> StyleProperty

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

color :: Color -> StyleProperty