This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.

Bulma.Layout

Bulma layout

container : List (Attribute msg) -> List (Html msg) -> Html msg
footer : List (Attribute msg) -> List (Html msg) -> Html msg
hero : List (Attribute msg) -> List (Html msg) -> Html msg
section : List (Attribute msg) -> List (Html msg) -> Html msg
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"