Bulma.Layout

Bulma layout

container : List (Attribute msg) -> List (Html msg) -> Html msg

<div class="container">

footer : List (Attribute msg) -> List (Html msg) -> Html msg

<footer class="footer">

hero : List (Attribute msg) -> List (Html msg) -> Html msg

<section class="hero">

section : List (Attribute msg) -> List (Html msg) -> Html msg

<section class="section">

module Bulma.Layout
    exposing
        ( container
        , footer
        , hero
        , section
        )

{-| [Bulma layout](http://bulma.io/documentation/layout/container/)

@docs container, footer, hero, section

-}

import Bulma.Util exposing (bulmaNode)
import Html exposing (Html, Attribute, div)


{-| [`<div class="container">`](http://bulma.io/documentation/layout/container/)
-}
container : List (Attribute msg) -> List (Html msg) -> Html msg
container =
    bulmaNode div "container"


{-| [`<footer class="footer">`](http://bulma.io/documentation/layout/footer/)
-}
footer : List (Attribute msg) -> List (Html msg) -> Html msg
footer =
    bulmaNode Html.footer "footer"


{-| [`<section class="hero">`](http://bulma.io/documentation/layout/hero/)
-}
hero : List (Attribute msg) -> List (Html msg) -> Html msg
hero =
    bulmaNode Html.section "hero"


{-| [`<section class="section">`](http://bulma.io/documentation/layout/section/)
-}
section : List (Attribute msg) -> List (Html msg) -> Html msg
section =
    bulmaNode Html.section "section"