atomic-css-0.1.0: Type-safe, composable CSS utility functions. Inspired by Tailwindcss and Elm-UI

Safe Haskell	None
Language	GHC2021

Web.Atomic.Html

Synopsis

data Html a = Html {
- value :: a
- nodes :: [Node]
}
el :: Html () -> Html ()
tag :: Text -> Html () -> Html ()
text :: Text -> Html ()
none :: Html ()
raw :: Text -> Html ()
data Element = Element {
- inline :: Bool
- name :: Text
- css :: [Rule]
- attributes :: Map Name AttValue
- content :: [Node]
}
data Node
- = Elem Element
- | Text Text
- | Raw Text
mapElement :: (Element -> Element) -> Html a -> Html a
mapNodeElement :: (Element -> Element) -> Node -> Node
element :: Text -> Element
htmlCSSRules :: Html a -> Map Selector Rule
nodeCSSRules :: Node -> Map Selector Rule
elementCSSRules :: Element -> Map Selector Rule
elementClasses :: Element -> [ClassName]

Documentation

data Html a Source #

Html monad

import Web.Atomic

example = do
  el ~ pad 10 $ do
    el ~ fontSize 24 . bold $ "My Links"
    a @ href "hoogle.haskell.org" ~ link $ "Hoogle"
    a @ href "hackage.haskell.org" ~ link $ "Hackage"

link = underline . color Primary
a = tag "a"
href = att "href"

Constructors

Html
Fields value :: a nodes :: [Node]

Instances

Instances details

Applicative Html Source #

Instance details

Defined in Web.Atomic.Html

Methods

pure :: a -> Html a #

(<*>) :: Html (a -> b) -> Html a -> Html b #

liftA2 :: (a -> b -> c) -> Html a -> Html b -> Html c #

(*>) :: Html a -> Html b -> Html b #

(<*) :: Html a -> Html b -> Html a #

Functor Html Source #

Instance details

Defined in Web.Atomic.Html

Methods

fmap :: (a -> b) -> Html a -> Html b #

(<$) :: a -> Html b -> Html a #

Monad Html Source #

Instance details

Defined in Web.Atomic.Html

Methods

(>>=) :: Html a -> (a -> Html b) -> Html b #

(>>) :: Html a -> Html b -> Html b #

return :: a -> Html a #

Attributable (Html a) Source #

Instance details

Defined in Web.Atomic.Html

Methods

(@) :: Html a -> (Attributes (Html a) -> Attributes (Html a)) -> Html a Source #

modAttributes :: (Map Name AttValue -> Map Name AttValue) -> Html a -> Html a Source #

Styleable (Html a) Source #

Instance details

Defined in Web.Atomic.Html

Methods

(~) :: Html a -> (CSS (Html a) -> CSS (Html a)) -> Html a Source #

modCSS :: ([Rule] -> [Rule]) -> Html a -> Html a Source #

IsString (Html ()) Source #

Instance details

Defined in Web.Atomic.Html

Methods

fromString :: String -> Html () #

IsList (Html ()) Source #

Instance details

Defined in Web.Atomic.Html

Associated Types

type Item (Html ())
Instance details Defined in Web.Atomic.Html type Item (Html ()) = Node

Methods

fromList :: [Item (Html ())] -> Html () #

fromListN :: Int -> [Item (Html ())] -> Html () #

toList :: Html () -> [Item (Html ())] #

type Item (Html ()) Source #

Instance details

Defined in Web.Atomic.Html

type Item (Html ()) = Node

el :: Html () -> Html () Source #

tag :: Text -> Html () -> Html () Source #

text :: Text -> Html () Source #

none :: Html () Source #

raw :: Text -> Html () Source #

data Element Source #

A single Html element. Note that the class attribute is generated separately from the css rules, rather than the attributes

Constructors

Element
Fields inline :: Bool name :: Text css :: [Rule] attributes :: Map Name AttValue content :: [Node]

data Node Source #

Constructors

Elem Element
Text Text
Raw Text

Instances

Instances details

IsString Node Source #
Instance details Defined in Web.Atomic.Html Methods fromString :: String -> Node #

mapElement :: (Element -> Element) -> Html a -> Html a Source #

mapNodeElement :: (Element -> Element) -> Node -> Node Source #

element :: Text -> Element Source #

htmlCSSRules :: Html a -> Map Selector Rule Source #

nodeCSSRules :: Node -> Map Selector Rule Source #

elementCSSRules :: Element -> Map Selector Rule Source #

elementClasses :: Element -> [ClassName] Source #