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

Bootstrap.Utilities.Border

Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.

Additive

all : Attribute msg

All sides bordered.

top : Attribute msg

Add top border.

bottom : Attribute msg

Add bottom border.

left : Attribute msg

Add left border.

right : Attribute msg

Add right border.

Subtractive

none : Attribute msg

Force all borders to be removed.

topNone : Attribute msg

Force top border to be removed.

bottomNone : Attribute msg

Force bottom border to be removed.

leftNone : Attribute msg

Force left border to be removed.

rightNone : Attribute msg

Force right border to be removed.

Colored

primary : Attribute msg

Color borders with primary color

Note: Assumes the element has borders. You might want to use togther with all

secondary : Attribute msg

Color borders with secondary color

Note: Assumes the element has borders. You might want to use togther with all

info : Attribute msg

Color borders with info color

Note: Assumes the element has borders. You might want to use togther with all

success : Attribute msg

Color borders with success color

Note: Assumes the element has borders. You might want to use togther with all

warning : Attribute msg

Color borders with warning color

Note: Assumes the element has borders. You might want to use togther with all

danger : Attribute msg

Color borders with danger color

Note: Assumes the element has borders. You might want to use togther with all

light : Attribute msg

Color borders with light color

Note: Assumes the element has borders. You might want to use togther with all

dark : Attribute msg

Color borders with dark color

Note: Assumes the element has borders. You might want to use togther with all

Border radius

rounded : Attribute msg

Give the element rounded corners (through border-radius)

roundedTop : Attribute msg

Give element rounded top corners.

roundedBottom : Attribute msg

Give element rounded bottom corners.

roundedLeft : Attribute msg

Give element rounded left corners.

roundedRight : Attribute msg

Give element rounded right corners.

roundedNone : Attribute msg

Remove any border radius that might be set on the element.

circle : Attribute msg

Turn your element into a circle.

module Bootstrap.Utilities.Border exposing (..)

{-| Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.

# Additive
@docs all, top, bottom, left, right

# Subtractive
@docs none, topNone, bottomNone, leftNone, rightNone

# Colored
@docs primary, secondary, info, success, warning, danger, light, dark

# Border radius
@docs rounded, roundedTop, roundedBottom, roundedLeft, roundedRight, roundedNone, circle


-}

import Html.Attributes exposing (class)
import Html exposing (Attribute)
import Bootstrap.Internal.Role as Role


{-| All sides bordered.
-}
all : Attribute msg
all =
    class "border"

{-| Add top border.
-}
top : Attribute msg
top =
    class "border-top"


{-| Add bottom border.
-}
bottom : Attribute msg
bottom =
    class "border-bottom"


{-| Add left border.
-}
left : Attribute msg
left =
    class "border-left"

{-| Add right border.
-}
right : Attribute msg
right =
    class "border-right"

{-| Force all borders to be removed.
-}
none : Attribute msg
none =
    class "border-0"

{-| Force top border to be removed.
-}
topNone : Attribute msg
topNone =
    class "border-top-0"

{-| Force bottom border to be removed.
-}
bottomNone : Attribute msg
bottomNone =
    class "border-botton-0"

{-| Force left border to be removed.
-}
leftNone : Attribute msg
leftNone =
    class "border-left-0"


{-| Force right border to be removed.
-}
rightNone : Attribute msg
rightNone =
    class "border-right-0"


{-| Color borders with primary color

**Note**: Assumes the element has borders. You might want to use togther with [`all`](#all)
-}
primary : Attribute msg
primary =
    Role.toClass "border" Role.Primary


{-| Color borders with secondary color

**Note**: Assumes the element has borders. You might want to use togther with [`all`](#all)
-}
secondary : Attribute msg
secondary =
    Role.toClass "border" Role.Secondary


{-| Color borders with success color

**Note**: Assumes the element has borders. You might want to use togther with [`all`](#all)
-}
success : Attribute msg
success =
    Role.toClass "border" Role.Success


{-| Color borders with info color

**Note**: Assumes the element has borders. You might want to use togther with [`all`](#all)
-}
info : Attribute msg
info =
    Role.toClass "border" Role.Info


{-| Color borders with danger color

**Note**: Assumes the element has borders. You might want to use togther with [`all`](#all)
-}
danger : Attribute msg
danger =
    Role.toClass "border" Role.Danger


{-| Color borders with warning color

**Note**: Assumes the element has borders. You might want to use togther with [`all`](#all)
-}
warning : Attribute msg
warning =
    Role.toClass "border" Role.Warning


{-| Color borders with dark color

**Note**: Assumes the element has borders. You might want to use togther with [`all`](#all)
-}
dark : Attribute msg
dark =
    Role.toClass "border" Role.Dark


{-| Color borders with light color

**Note**: Assumes the element has borders. You might want to use togther with [`all`](#all)
-}
light : Attribute msg
light =
    Role.toClass "border" Role.Light

{-| Give the element rounded corners (through border-radius)
-}
rounded : Attribute msg
rounded =
    class "rounded"


{-| Give element rounded top corners.
-}
roundedTop : Attribute msg
roundedTop =
    class "rounded-top"


{-| Give element rounded bottom corners.
-}
roundedBottom : Attribute msg
roundedBottom =
    class "rounded-bottom"


{-| Give element rounded left corners.
-}
roundedLeft : Attribute msg
roundedLeft =
    class "rounded-left"


{-| Give element rounded right corners.
-}
roundedRight : Attribute msg
roundedRight =
    class "rounded-right"

{-| Remove any border radius that might be set on the element.
-}
roundedNone : Attribute msg
roundedNone =
    class "rounded-0"

{-| Turn your element into a circle.
-}
circle : Attribute msg
circle =
    class "rounded-circle"