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

Bootstrap.Utilities.Size

Easily make an element as wide or as tall (relative to its parent) with our width and height utilities.

h25 : Attribute msg

Set height to 25% of parent element.

h50 : Attribute msg

Set height to 50% of parent element.

h75 : Attribute msg

Set height to 75% of parent element.

h100 : Attribute msg

Set height to 100% of parent element.

w25 : Attribute msg

Set width to 25% of parent element.

w50 : Attribute msg

Set width to 50% of parent element.

w75 : Attribute msg

Set width to 75% of parent element.

w100 : Attribute msg

Set width to 100% of parent element.

module Bootstrap.Utilities.Size exposing (..)

{-| Easily make an element as wide or as tall (relative to its parent) with our width and height utilities.

@docs h25, h50, h75, h100, w25, w50, w75, w100

-}

import Html.Styled exposing (Attribute)
import Html.Styled.Attributes exposing (class)


{-| Set height to 25% of parent element.
-}
h25 : Attribute msg
h25 =
    class "h-25"


{-| Set height to 50% of parent element.
-}
h50 : Attribute msg
h50 =
    class "h-50"


{-| Set height to 75% of parent element.
-}
h75 : Attribute msg
h75 =
    class "h-75"


{-| Set height to 100% of parent element.
-}
h100 : Attribute msg
h100 =
    class "h-100"


{-| Set width to 25% of parent element.
-}
w25 : Attribute msg
w25 =
    class "w-25"


{-| Set width to 50% of parent element.
-}
w50 : Attribute msg
w50 =
    class "w-50"


{-| Set width to 75% of parent element.
-}
w75 : Attribute msg
w75 =
    class "w-75"


{-| Set width to 100% of parent element.
-}
w100 : Attribute msg
w100 =
    class "w-100"