Lumi.Styles

type StyleModifier = forall props. PropsModifier props

style :: (LumiTheme -> Style) -> StyleModifier

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

style_ :: Style -> StyleModifier

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

toCSS :: PropsModifier () -> LumiTheme -> 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 

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