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

Elegant.Elements

border : Color -> Style -> Style

Create a solid border with 1px of width and the color is a parameter

flexnav : Style -> Style

Create a flex navigation

borderBottom : Color -> Style -> Style

Create a solid border bottom with 1px of width and the color is a parameter

link : Color -> Style -> Style

Create a nice looking Link

module Elegant.Elements
    exposing
        ( border
        , borderBottom
        , flexnav
        , link
        )

{-|
@docs border
@docs flexnav
@docs borderBottom
@docs link
-}

import Elegant exposing (..)
import Color exposing (Color)
import Elegant.Helpers exposing (..)


{-| Create a nice looking Link
-}
link : Color -> Style -> Style
link color =
    [ textDecorationNone
    , textColor color
    ]
        |> compose


{-| Create a solid border with 1px of width and the color is a parameter
-}
border : Color -> Style -> Style
border color =
    [ borderColor color
    , borderSolid
    , borderWidth 1
    ]
        |> compose


{-| Create a solid border bottom with 1px of width and the color is a parameter
-}
borderBottom : Color -> Style -> Style
borderBottom color =
    [ borderBottomColor color
    , borderBottomSolid
    , borderBottomWidth 1
    ]
        |> compose


{-| Create a flex navigation
-}
flexnav : Style -> Style
flexnav =
    [ listStyleNone
    , displayFlex
    , alignItemsCenter
    , justifyContentSpaceBetween
    , widthPercent 100
    ]
        |> compose