atomic-css-0.1.0: Type-safe, composable CSS utility functions. Inspired by Tailwindcss and Elm-UI
Copyright(c) 2023 Sean Hess
LicenseBSD3
MaintainerSean Hess <seanhess@gmail.com>
Stabilityexperimental
Portabilityportable
Safe HaskellNone
LanguageGHC2021

Web.Atomic.Html.Tag

Description

We can intuitively create layouts by combining of row, col, space, and stack

holygrail = do
  col ~ grow $ do
    row do
      el "Top Bar"
      space
      el "Login Button"
    row ~ grow $ do
      col "Left Sidebar"
      col ~ grow $ do
        el "Main Content"
      col "Right Sidebar"
    row "Bottom Bar"
Synopsis

Documentation

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

col = el ~ flexCol

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

col = el ~ flexRow

space :: Html () Source #

col = el ~ grow