This library allows you to set the left border of any html element. You can set the color, style, and width.
Set the color of the left border
-- Set the left border color to red
import Css.Border.Left as BorderLeft
-- [ ("border-left-color", "rgba(255, 0, 0, 1)") ]
BorderLeft.color (rgba 255 0 0 1) []
Set the style of the left border
-- Set the left border style to dashed
import Css.Border.Style as BorderStyle
import Css.Border.Left as BorderLeft
-- [ ("border-left-style, "dashed") ]
BorderLeft.style BorderStyle.Dashed []
Set the width of the left border
-- Set the left border width to 5 pixels
import Css.Border.Left as BorderLeft
-- [ ("border-left-width, "5px") ]
BorderLeft.width 5 []
module Css.Border.Left where
{-| This library allows you to set the left border of any html element.
You can set the color, style, and width.
# Functions
@docs color, style, width
-}
-- Native Imports
import Color exposing (Color, rgba)
-- My Imports
import Css exposing (Styles, colorString, px)
import Css.Border.Style as BorderStyle exposing (Style)
{-| Set the color of the left border
-- Set the left border color to red
import Css.Border.Left as BorderLeft
-- [ ("border-left-color", "rgba(255, 0, 0, 1)") ]
BorderLeft.color (rgba 255 0 0 1) []
-}
color : Color -> Styles -> Styles
color c styles =
Css.style "border-left-color" (colorString c) styles
{-| Set the style of the left border
-- Set the left border style to dashed
import Css.Border.Style as BorderStyle
import Css.Border.Left as BorderLeft
-- [ ("border-left-style, "dashed") ]
BorderLeft.style BorderStyle.Dashed []
-}
style : Style -> Styles -> Styles
style s styles =
Css.style "border-left-style" (BorderStyle.string s) styles
{-| Set the width of the left border
-- Set the left border width to 5 pixels
import Css.Border.Left as BorderLeft
-- [ ("border-left-width, "5px") ]
BorderLeft.width 5 []
-}
width : number -> Styles -> Styles
width w styles =
Css.style "border-left-width" (px w) styles