Utilities for text options. Currently only exposing helpers used by Bootstrap.Card for horizontal alignment and text coloring
Align left at smallest responsive breakpoint
Align center at smallest responsive breakpoint
Align right at smallest responsive breakpoint
Align left at small responsive breakpoint
Align center at small responsive breakpoint
Align right at small responsive breakpoint
Align left at medium responsive breakpoint
Align center at medium responsive breakpoint
Align right at medium responsive breakpoint
Align left at large responsive breakpoint
Align center at large responsive breakpoint
Align right at large responsive breakpoint
Align left at extra large responsive breakpoint
Align center at extra large responsive breakpoint
Align right at extra large responsive breakpoint
Opaque type representing a horizontal alignment option
White text color option. |
Primary color text option. |
Secondary color text option. |
Success color text option. |
Info color text option. |
Warning color text option. |
Danger color text option. |
Light color text option. |
Dark color text option. |
Opaque type representing a text color option |
module Bootstrap.Text
exposing
( alignXsLeft
, alignXsCenter
, alignXsRight
, alignSmLeft
, alignSmCenter
, alignSmRight
, alignMdLeft
, alignMdCenter
, alignMdRight
, alignLgLeft
, alignLgCenter
, alignLgRight
, alignXlLeft
, alignXlCenter
, alignXlRight
, white
, primary
, secondary
, success
, info
, warning
, danger
, light
, dark
, HAlign
, Color
)
{-| Utilities for text options. Currently only exposing helpers used by Bootstrap.Card for horizontal alignment and text coloring
# Aligment
@docs alignXsLeft, alignXsCenter, alignXsRight, alignSmLeft, alignSmCenter, alignSmRight, alignMdLeft, alignMdCenter, alignMdRight, alignLgLeft, alignLgCenter, alignLgRight, alignXlLeft, alignXlCenter, alignXlRight, HAlign
# Text coloring
@docs white, primary, secondary, success, info, warning, danger, light, dark, Color
-}
import Bootstrap.General.Internal exposing (ScreenSize(..), screenSizeOption)
import Bootstrap.Internal.Text as TextInternal exposing (TextAlignDir(..))
import Bootstrap.Internal.Role as Role
{-| Opaque type representing a horizontal alignment option
-}
type alias HAlign =
TextInternal.HAlign
{-| Opaque type representing a text color option
|
-}
type alias Color =
TextInternal.Color
{-| Align left at smallest responsive breakpoint
-}
alignXsLeft : HAlign
alignXsLeft =
alignXs Left
{-| Align center at smallest responsive breakpoint
-}
alignXsCenter : HAlign
alignXsCenter =
alignXs Center
{-| Align right at smallest responsive breakpoint
-}
alignXsRight : HAlign
alignXsRight =
alignXs Right
alignXs : TextAlignDir -> HAlign
alignXs dir =
{ dir = dir
, size = XS
}
{-| Align left at small responsive breakpoint
-}
alignSmLeft : HAlign
alignSmLeft =
alignSm Left
{-| Align center at small responsive breakpoint
-}
alignSmCenter : HAlign
alignSmCenter =
alignSm Center
{-| Align right at small responsive breakpoint
-}
alignSmRight : HAlign
alignSmRight =
alignSm Right
alignSm : TextAlignDir -> HAlign
alignSm dir =
{ dir = dir
, size = SM
}
{-| Align left at medium responsive breakpoint
-}
alignMdLeft : HAlign
alignMdLeft =
alignMd Left
{-| Align center at medium responsive breakpoint
-}
alignMdCenter : HAlign
alignMdCenter =
alignMd Center
{-| Align right at medium responsive breakpoint
-}
alignMdRight : HAlign
alignMdRight =
alignMd Right
alignMd : TextAlignDir -> HAlign
alignMd dir =
{ dir = dir
, size = MD
}
{-| Align left at large responsive breakpoint
-}
alignLgLeft : HAlign
alignLgLeft =
alignLg Left
{-| Align center at large responsive breakpoint
-}
alignLgCenter : HAlign
alignLgCenter =
alignLg Center
{-| Align right at large responsive breakpoint
-}
alignLgRight : HAlign
alignLgRight =
alignLg Right
alignLg : TextAlignDir -> HAlign
alignLg dir =
{ dir = dir
, size = LG
}
{-| Align left at extra large responsive breakpoint
-}
alignXlLeft : HAlign
alignXlLeft =
alignXl Left
{-| Align center at extra large responsive breakpoint
-}
alignXlCenter : HAlign
alignXlCenter =
alignXl Center
{-| Align right at extra large responsive breakpoint
-}
alignXlRight : HAlign
alignXlRight =
alignXl Right
alignXl : TextAlignDir -> HAlign
alignXl dir =
{ dir = dir
, size = XL
}
{-| White text color option. |
-}
white : Color
white =
TextInternal.White
{-| Primary color text option. |
-}
primary : Color
primary =
TextInternal.Role Role.Primary
{-| Secondary color text option. |
-}
secondary : Color
secondary =
TextInternal.Role Role.Secondary
{-| Success color text option. |
-}
success : Color
success =
TextInternal.Role Role.Success
{-| Info color text option. |
-}
info : Color
info =
TextInternal.Role Role.Info
{-| Warning color text option. |
-}
warning : Color
warning =
TextInternal.Role Role.Warning
{-| Danger color text option. |
-}
danger : Color
danger =
TextInternal.Role Role.Danger
{-| Light color text option. |
-}
light : Color
light =
TextInternal.Role Role.Light
{-| Dark color text option. |
-}
dark : Color
dark =
TextInternal.Role Role.Dark