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

Css.Border.Right

This library allows you to set the right border of any html element. You can set the color, style, and width.

Functions

color : Color -> Styles -> Styles

Set the color of the right border

-- Set the right border color to red
import Css.Border.Right as BorderRight

-- [ ("border-right-color", "rgba(255, 0, 0, 1)") ]
BorderRight.color (rgba 255 0 0 1) []
style : Style -> Styles -> Styles

Set the style of the right border

-- Set the right border style to dashed
import Css.Border.Style as BorderStyle
import Css.Border.Right as BorderRight

-- [ ("border-right-style, "dashed") ]
BorderRight.style BorderStyle.Dashed []
width : number -> Styles -> Styles

Set the width of the right border

-- Set the right border width to 5 pixels
import Css.Border.Right as BorderRight

-- [ ("border-right-width, "5px") ]
BorderRight.width 5 []
module Css.Border.Right where

{-| This library allows you to set the right 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 right border

    -- Set the right border color to red
    import Css.Border.Right as BorderRight

    -- [ ("border-right-color", "rgba(255, 0, 0, 1)") ]
    BorderRight.color (rgba 255 0 0 1) []
-}
color : Color -> Styles -> Styles
color c styles =
  Css.style "border-right-color" (colorString c) styles


{-| Set the style of the right border

    -- Set the right border style to dashed
    import Css.Border.Style as BorderStyle
    import Css.Border.Right as BorderRight

    -- [ ("border-right-style, "dashed") ]
    BorderRight.style BorderStyle.Dashed []
-}
style : Style -> Styles -> Styles
style s styles =
  Css.style "border-right-style" (BorderStyle.string s) styles


{-| Set the width of the right border

    -- Set the right border width to 5 pixels
    import Css.Border.Right as BorderRight

    -- [ ("border-right-width, "5px") ]
    BorderRight.width 5 []
-}
width : number -> Styles -> Styles
width w styles =
  Css.style "border-right-width" (px w) styles