laniakea-landscape / tailwindcss-typed / TailwindCSS

This library define a list of types to describe Tailwind CSS classes. Use them as arguments of tailwind function to become Attribute msg with classes.

Types


type TailwindCSS
    = SM TailwindCSS
    | MD TailwindCSS
    | LG TailwindCSS
    | XL TailwindCSS
    | FOCUS TailwindCSS
    | HOVER TailwindCSS
    | SrOnly
    | NotSrOnly
    | BgFixed
    | BgLocal
    | BgScroll
    | BgClipBorder
    | BgClipPadding
    | BgClipContent
    | BgClipText
    | BgRepeat
    | BgNoRepeat
    | BgRepeatX
    | BgRepeatY
    | BgRepeatRound
    | BgRepeatSpace
    | BgOpacity0
    | BgOpacity25
    | BgOpacity50
    | BgOpacity75
    | BgOpacity100
    | BgTransparent
    | BgCurrent
    | BgBlack
    | BgWhite
    | BgGray100
    | BgGray200
    | BgGray300
    | BgGray400
    | BgGray500
    | BgGray600
    | BgGray700
    | BgGray800
    | BgGray900
    | BgRed100
    | BgRed200
    | BgRed300
    | BgRed400
    | BgRed500
    | BgRed600
    | BgRed700
    | BgRed800
    | BgRed900
    | BgOrange100
    | BgOrange200
    | BgOrange300
    | BgOrange400
    | BgOrange500
    | BgOrange600
    | BgOrange700
    | BgOrange800
    | BgOrange900
    | BgYellow100
    | BgYellow200
    | BgYellow300
    | BgYellow400
    | BgYellow500
    | BgYellow600
    | BgYellow700
    | BgYellow800
    | BgYellow900
    | BgGreen100
    | BgGreen200
    | BgGreen300
    | BgGreen400
    | BgGreen500
    | BgGreen600
    | BgGreen700
    | BgGreen800
    | BgGreen900
    | BgTeal100
    | BgTeal200
    | BgTeal300
    | BgTeal400
    | BgTeal500
    | BgTeal600
    | BgTeal700
    | BgTeal800
    | BgTeal900
    | BgBlue100
    | BgBlue200
    | BgBlue300
    | BgBlue400
    | BgBlue500
    | BgBlue600
    | BgBlue700
    | BgBlue800
    | BgBlue900
    | BgIndigo100
    | BgIndigo200
    | BgIndigo300
    | BgIndigo400
    | BgIndigo500
    | BgIndigo600
    | BgIndigo700
    | BgIndigo800
    | BgIndigo900
    | BgPurple100
    | BgPurple200
    | BgPurple300
    | BgPurple400
    | BgPurple500
    | BgPurple600
    | BgPurple700
    | BgPurple800
    | BgPurple900
    | BgPink100
    | BgPink200
    | BgPink300
    | BgPink400
    | BgPink500
    | BgPink600
    | BgPink700
    | BgPink800
    | BgPink900
    | BgBottom
    | BgCenter
    | BgLeft
    | BgLeftBottom
    | BgLeftTop
    | BgRight
    | BgRightBottom
    | BgRightTop
    | BgTop
    | BgAuto
    | BgCover
    | BgContain
    | BgNone
    | BgGradientToT
    | BgGradientToTr
    | BgGradientToR
    | BgGradientToBr
    | BgGradientToB
    | BgGradientToBl
    | BgGradientToL
    | BgGradientToTl
    | FromTransparent
    | ViaTransparent
    | ToTransparent
    | FromCurrent
    | ViaCurrent
    | ToCurrent
    | FromBlack
    | ViaBlack
    | ToBlack
    | FromWhite
    | ViaWhite
    | ToWhite
    | FromGray100
    | ViaGray100
    | ToGray100
    | FromGray200
    | ViaGray200
    | ToGray200
    | FromGray300
    | ViaGray300
    | ToGray300
    | FromGray400
    | ViaGray400
    | ToGray400
    | FromGray500
    | ViaGray500
    | ToGray500
    | FromGray600
    | ViaGray600
    | ToGray600
    | FromGray700
    | ViaGray700
    | ToGray700
    | FromGray800
    | ViaGray800
    | ToGray800
    | FromGray900
    | ViaGray900
    | ToGray900
    | FromRed100
    | ViaRed100
    | ToRed100
    | FromRed200
    | ViaRed200
    | ToRed200
    | FromRed300
    | ViaRed300
    | ToRed300
    | FromRed400
    | ViaRed400
    | ToRed400
    | FromRed500
    | ViaRed500
    | ToRed500
    | FromRed600
    | ViaRed600
    | ToRed600
    | FromRed700
    | ViaRed700
    | ToRed700
    | FromRed800
    | ViaRed800
    | ToRed800
    | FromRed900
    | ViaRed900
    | ToRed900
    | FromOrange100
    | ViaOrange100
    | ToOrange100
    | FromOrange200
    | ViaOrange200
    | ToOrange200
    | FromOrange300
    | ViaOrange300
    | ToOrange300
    | FromOrange400
    | ViaOrange400
    | ToOrange400
    | FromOrange500
    | ViaOrange500
    | ToOrange500
    | FromOrange600
    | ViaOrange600
    | ToOrange600
    | FromOrange700
    | ViaOrange700
    | ToOrange700
    | FromOrange800
    | ViaOrange800
    | ToOrange800
    | FromOrange900
    | ViaOrange900
    | ToOrange900
    | FromYellow100
    | ViaYellow100
    | ToYellow100
    | FromYellow200
    | ViaYellow200
    | ToYellow200
    | FromYellow300
    | ViaYellow300
    | ToYellow300
    | FromYellow400
    | ViaYellow400
    | ToYellow400
    | FromYellow500
    | ViaYellow500
    | ToYellow500
    | FromYellow600
    | ViaYellow600
    | ToYellow600
    | FromYellow700
    | ViaYellow700
    | ToYellow700
    | FromYellow800
    | ViaYellow800
    | ToYellow800
    | FromYellow900
    | ViaYellow900
    | ToYellow900
    | FromGreen100
    | ViaGreen100
    | ToGreen100
    | FromGreen200
    | ViaGreen200
    | ToGreen200
    | FromGreen300
    | ViaGreen300
    | ToGreen300
    | FromGreen400
    | ViaGreen400
    | ToGreen400
    | FromGreen500
    | ViaGreen500
    | ToGreen500
    | FromGreen600
    | ViaGreen600
    | ToGreen600
    | FromGreen700
    | ViaGreen700
    | ToGreen700
    | FromGreen800
    | ViaGreen800
    | ToGreen800
    | FromGreen900
    | ViaGreen900
    | ToGreen900
    | FromTeal100
    | ViaTeal100
    | ToTeal100
    | FromTeal200
    | ViaTeal200
    | ToTeal200
    | FromTeal300
    | ViaTeal300
    | ToTeal300
    | FromTeal400
    | ViaTeal400
    | ToTeal400
    | FromTeal500
    | ViaTeal500
    | ToTeal500
    | FromTeal600
    | ViaTeal600
    | ToTeal600
    | FromTeal700
    | ViaTeal700
    | ToTeal700
    | FromTeal800
    | ViaTeal800
    | ToTeal800
    | FromTeal900
    | ViaTeal900
    | ToTeal900
    | FromBlue100
    | ViaBlue100
    | ToBlue100
    | FromBlue200
    | ViaBlue200
    | ToBlue200
    | FromBlue300
    | ViaBlue300
    | ToBlue300
    | FromBlue400
    | ViaBlue400
    | ToBlue400
    | FromBlue500
    | ViaBlue500
    | ToBlue500
    | FromBlue600
    | ViaBlue600
    | ToBlue600
    | FromBlue700
    | ViaBlue700
    | ToBlue700
    | FromBlue800
    | ViaBlue800
    | ToBlue800
    | FromBlue900
    | ViaBlue900
    | ToBlue900
    | FromIndigo100
    | ViaIndigo100
    | ToIndigo100
    | FromIndigo200
    | ViaIndigo200
    | ToIndigo200
    | FromIndigo300
    | ViaIndigo300
    | ToIndigo300
    | FromIndigo400
    | ViaIndigo400
    | ToIndigo400
    | FromIndigo500
    | ViaIndigo500
    | ToIndigo500
    | FromIndigo600
    | ViaIndigo600
    | ToIndigo600
    | FromIndigo700
    | ViaIndigo700
    | ToIndigo700
    | FromIndigo800
    | ViaIndigo800
    | ToIndigo800
    | FromIndigo900
    | ViaIndigo900
    | ToIndigo900
    | FromPurple100
    | ViaPurple100
    | ToPurple100
    | FromPurple200
    | ViaPurple200
    | ToPurple200
    | FromPurple300
    | ViaPurple300
    | ToPurple300
    | FromPurple400
    | ViaPurple400
    | ToPurple400
    | FromPurple500
    | ViaPurple500
    | ToPurple500
    | FromPurple600
    | ViaPurple600
    | ToPurple600
    | FromPurple700
    | ViaPurple700
    | ToPurple700
    | FromPurple800
    | ViaPurple800
    | ToPurple800
    | FromPurple900
    | ViaPurple900
    | ToPurple900
    | FromPink100
    | ViaPink100
    | ToPink100
    | FromPink200
    | ViaPink200
    | ToPink200
    | FromPink300
    | ViaPink300
    | ToPink300
    | FromPink400
    | ViaPink400
    | ToPink400
    | FromPink500
    | ViaPink500
    | ToPink500
    | FromPink600
    | ViaPink600
    | ToPink600
    | FromPink700
    | ViaPink700
    | ToPink700
    | FromPink800
    | ViaPink800
    | ToPink800
    | FromPink900
    | ViaPink900
    | ToPink900
    | BorderSolid
    | BorderDashed
    | BorderDotted
    | BorderDouble
    | BorderNone
    | DivideSolid
    | DivideDashed
    | DivideDotted
    | DivideDouble
    | DivideNone
    | BorderTransparent
    | BorderCurrent
    | BorderBlack
    | BorderWhite
    | BorderGray100
    | BorderGray200
    | BorderGray300
    | BorderGray400
    | BorderGray500
    | BorderGray600
    | BorderGray700
    | BorderGray800
    | BorderGray900
    | BorderRed100
    | BorderRed200
    | BorderRed300
    | BorderRed400
    | BorderRed500
    | BorderRed600
    | BorderRed700
    | BorderRed800
    | BorderRed900
    | BorderOrange100
    | BorderOrange200
    | BorderOrange300
    | BorderOrange400
    | BorderOrange500
    | BorderOrange600
    | BorderOrange700
    | BorderOrange800
    | BorderOrange900
    | BorderYellow100
    | BorderYellow200
    | BorderYellow300
    | BorderYellow400
    | BorderYellow500
    | BorderYellow600
    | BorderYellow700
    | BorderYellow800
    | BorderYellow900
    | BorderGreen100
    | BorderGreen200
    | BorderGreen300
    | BorderGreen400
    | BorderGreen500
    | BorderGreen600
    | BorderGreen700
    | BorderGreen800
    | BorderGreen900
    | BorderTeal100
    | BorderTeal200
    | BorderTeal300
    | BorderTeal400
    | BorderTeal500
    | BorderTeal600
    | BorderTeal700
    | BorderTeal800
    | BorderTeal900
    | BorderBlue100
    | BorderBlue200
    | BorderBlue300
    | BorderBlue400
    | BorderBlue500
    | BorderBlue600
    | BorderBlue700
    | BorderBlue800
    | BorderBlue900
    | BorderIndigo100
    | BorderIndigo200
    | BorderIndigo300
    | BorderIndigo400
    | BorderIndigo500
    | BorderIndigo600
    | BorderIndigo700
    | BorderIndigo800
    | BorderIndigo900
    | BorderPurple100
    | BorderPurple200
    | BorderPurple300
    | BorderPurple400
    | BorderPurple500
    | BorderPurple600
    | BorderPurple700
    | BorderPurple800
    | BorderPurple900
    | BorderPink100
    | BorderPink200
    | BorderPink300
    | BorderPink400
    | BorderPink500
    | BorderPink600
    | BorderPink700
    | BorderPink800
    | BorderPink900
    | BorderOpacity0
    | BorderOpacity25
    | BorderOpacity50
    | BorderOpacity75
    | BorderOpacity100
    | RoundedTNone
    | RoundedRNone
    | RoundedBNone
    | RoundedLNone
    | RoundedTrNone
    | RoundedTlNone
    | RoundedBrNone
    | RoundedBlNone
    | RoundedNone
    | RoundedTSm
    | RoundedRSm
    | RoundedBSm
    | RoundedLSm
    | RoundedTrSm
    | RoundedTlSm
    | RoundedBrSm
    | RoundedBlSm
    | RoundedSm
    | RoundedT
    | RoundedR
    | RoundedB
    | RoundedL
    | RoundedTr
    | RoundedTl
    | RoundedBr
    | RoundedBl
    | Rounded
    | RoundedTMd
    | RoundedRMd
    | RoundedBMd
    | RoundedLMd
    | RoundedTrMd
    | RoundedTlMd
    | RoundedBrMd
    | RoundedBlMd
    | RoundedMd
    | RoundedTLg
    | RoundedRLg
    | RoundedBLg
    | RoundedLLg
    | RoundedTrLg
    | RoundedTlLg
    | RoundedBrLg
    | RoundedBlLg
    | RoundedLg
    | RoundedTXl
    | RoundedRXl
    | RoundedBXl
    | RoundedLXl
    | RoundedTrXl
    | RoundedTlXl
    | RoundedBrXl
    | RoundedBlXl
    | RoundedXl
    | RoundedT2xl
    | RoundedR2xl
    | RoundedB2xl
    | RoundedL2xl
    | RoundedTr2xl
    | RoundedTl2xl
    | RoundedBr2xl
    | RoundedBl2xl
    | Rounded2xl
    | RoundedT3xl
    | RoundedR3xl
    | RoundedB3xl
    | RoundedL3xl
    | RoundedTr3xl
    | RoundedTl3xl
    | RoundedBr3xl
    | RoundedBl3xl
    | Rounded3xl
    | RoundedTFull
    | RoundedRFull
    | RoundedBFull
    | RoundedLFull
    | RoundedTrFull
    | RoundedTlFull
    | RoundedBrFull
    | RoundedBlFull
    | RoundedFull
    | BorderT0
    | BorderR0
    | BorderB0
    | BorderL0
    | Border0
    | BorderT2
    | BorderR2
    | BorderB2
    | BorderL2
    | Border2
    | BorderT4
    | BorderR4
    | BorderB4
    | BorderL4
    | Border4
    | BorderT8
    | BorderR8
    | BorderB8
    | BorderL8
    | Border8
    | BorderT
    | BorderR
    | BorderB
    | BorderL
    | Border
    | DivideTransparent
    | DivideCurrent
    | DivideBlack
    | DivideWhite
    | DivideGray100
    | DivideGray200
    | DivideGray300
    | DivideGray400
    | DivideGray500
    | DivideGray600
    | DivideGray700
    | DivideGray800
    | DivideGray900
    | DivideRed100
    | DivideRed200
    | DivideRed300
    | DivideRed400
    | DivideRed500
    | DivideRed600
    | DivideRed700
    | DivideRed800
    | DivideRed900
    | DivideOrange100
    | DivideOrange200
    | DivideOrange300
    | DivideOrange400
    | DivideOrange500
    | DivideOrange600
    | DivideOrange700
    | DivideOrange800
    | DivideOrange900
    | DivideYellow100
    | DivideYellow200
    | DivideYellow300
    | DivideYellow400
    | DivideYellow500
    | DivideYellow600
    | DivideYellow700
    | DivideYellow800
    | DivideYellow900
    | DivideGreen100
    | DivideGreen200
    | DivideGreen300
    | DivideGreen400
    | DivideGreen500
    | DivideGreen600
    | DivideGreen700
    | DivideGreen800
    | DivideGreen900
    | DivideTeal100
    | DivideTeal200
    | DivideTeal300
    | DivideTeal400
    | DivideTeal500
    | DivideTeal600
    | DivideTeal700
    | DivideTeal800
    | DivideTeal900
    | DivideBlue100
    | DivideBlue200
    | DivideBlue300
    | DivideBlue400
    | DivideBlue500
    | DivideBlue600
    | DivideBlue700
    | DivideBlue800
    | DivideBlue900
    | DivideIndigo100
    | DivideIndigo200
    | DivideIndigo300
    | DivideIndigo400
    | DivideIndigo500
    | DivideIndigo600
    | DivideIndigo700
    | DivideIndigo800
    | DivideIndigo900
    | DividePurple100
    | DividePurple200
    | DividePurple300
    | DividePurple400
    | DividePurple500
    | DividePurple600
    | DividePurple700
    | DividePurple800
    | DividePurple900
    | DividePink100
    | DividePink200
    | DividePink300
    | DividePink400
    | DividePink500
    | DividePink600
    | DividePink700
    | DividePink800
    | DividePink900
    | DivideOpacity0
    | DivideOpacity25
    | DivideOpacity50
    | DivideOpacity75
    | DivideOpacity100
    | DivideX0
    | DivideY0
    | DivideX2
    | DivideY2
    | DivideX4
    | DivideY4
    | DivideX8
    | DivideY8
    | DivideX
    | DivideY
    | DivideXReverse
    | DivideYReverse
    | BorderCollapse
    | BorderSeparate
    | TableAuto
    | TableFixed
    | ShadowXs
    | ShadowSm
    | Shadow
    | ShadowMd
    | ShadowLg
    | ShadowXl
    | Shadow2xl
    | ShadowInner
    | ShadowOutline
    | ShadowNone
    | Opacity0
    | Opacity25
    | Opacity50
    | Opacity75
    | Opacity100
    | TransitionNone
    | TransitionAll
    | Transition
    | TransitionColors
    | TransitionOpacity
    | TransitionShadow
    | TransitionTransform
    | Duration75
    | Duration100
    | Duration150
    | Duration200
    | Duration300
    | Duration500
    | Duration700
    | Duration1000
    | EaseLinear
    | EaseIn
    | EaseOut
    | EaseInOut
    | Delay75
    | Delay100
    | Delay150
    | Delay200
    | Delay300
    | Delay500
    | Delay700
    | Delay1000
    | AnimateNone
    | AnimateSpin
    | AnimatePing
    | AnimatePulse
    | AnimateBounce
    | FlexRow
    | FlexRowReverse
    | FlexCol
    | FlexColReverse
    | FlexNoWrap
    | FlexWrap
    | FlexWrapReverse
    | ItemsStretch
    | ItemsStart
    | ItemsCenter
    | ItemsEnd
    | ItemsBaseline
    | ContentStart
    | ContentCenter
    | ContentEnd
    | ContentBetween
    | ContentAround
    | SelfAuto
    | SelfStart
    | SelfCenter
    | SelfEnd
    | SelfStretch
    | PlaceContentStart
    | PlaceContentCenter
    | PlaceContentEnd
    | PlaceContentBetween
    | PlaceContentAround
    | PlaceContentEvenly
    | PlaceContentStretch
    | PlaceItemsAuto
    | PlaceItemsStart
    | PlaceItemsCenter
    | PlaceItemsEnd
    | PlaceItemsStretch
    | PlaceSelfAuto
    | PlaceSelfStart
    | PlaceSelfCenter
    | PlaceSelfEnd
    | PlaceSelfStretch
    | JustifyStart
    | JustifyCenter
    | JustifyEnd
    | JustifyBetween
    | JustifyAround
    | JustifyItemsAuto
    | JustifyItemsStart
    | JustifyItemsCenter
    | JustifyItemsEnd
    | JustifyItemsStretch
    | JustifySelfAuto
    | JustifySelfStart
    | JustifySelfCenter
    | JustifySelfEnd
    | JustifySelfStretch
    | FlexInitial
    | Flex1
    | FlexAuto
    | FlexNone
    | FlexGrow0
    | FlexGrow
    | FlexShrink0
    | FlexShrink
    | Order1
    | Order2
    | Order3
    | Order4
    | Order5
    | Order6
    | Order7
    | Order8
    | Order9
    | Order10
    | Order11
    | Order12
    | OrderFirst
    | OrderLast
    | OrderNone
    | GridFlowRow
    | GridFlowCol
    | GridFlowRowDense
    | GridFlowColDense
    | GridCols1
    | GridCols2
    | GridCols3
    | GridCols4
    | GridCols5
    | GridCols6
    | GridCols7
    | GridCols8
    | GridCols9
    | GridCols10
    | GridCols11
    | GridCols12
    | GridColsNone
    | AutoColsAuto
    | AutoColsMin
    | AutoColsMax
    | AutoColsFr
    | ColAuto
    | ColSpan1
    | ColSpan2
    | ColSpan3
    | ColSpan4
    | ColSpan5
    | ColSpan6
    | ColSpan7
    | ColSpan8
    | ColSpan9
    | ColSpan10
    | ColSpan11
    | ColSpan12
    | ColSpanFull
    | ColStart1
    | ColStart2
    | ColStart3
    | ColStart4
    | ColStart5
    | ColStart6
    | ColStart7
    | ColStart8
    | ColStart9
    | ColStart10
    | ColStart11
    | ColStart12
    | ColStart13
    | ColStartAuto
    | ColEnd1
    | ColEnd2
    | ColEnd3
    | ColEnd4
    | ColEnd5
    | ColEnd6
    | ColEnd7
    | ColEnd8
    | ColEnd9
    | ColEnd10
    | ColEnd11
    | ColEnd12
    | ColEnd13
    | ColEndAuto
    | GridRows1
    | GridRows2
    | GridRows3
    | GridRows4
    | GridRows5
    | GridRows6
    | GridRowsNone
    | AutoRowsAuto
    | AutoRowsMin
    | AutoRowsMax
    | AutoRowsFr
    | RowAuto
    | RowSpan1
    | RowSpan2
    | RowSpan3
    | RowSpan4
    | RowSpan5
    | RowSpan6
    | RowSpanFull
    | RowStart1
    | RowStart2
    | RowStart3
    | RowStart4
    | RowStart5
    | RowStart6
    | RowStart7
    | RowStartAuto
    | RowEnd1
    | RowEnd2
    | RowEnd3
    | RowEnd4
    | RowEnd5
    | RowEnd6
    | RowEnd7
    | RowEndAuto
    | Gap0
    | Gap1
    | Gap2
    | Gap3
    | Gap4
    | Gap5
    | Gap6
    | Gap8
    | Gap10
    | Gap12
    | Gap16
    | Gap20
    | Gap24
    | Gap32
    | Gap40
    | Gap48
    | Gap56
    | Gap64
    | GapPx
    | GapY0
    | GapY1
    | GapY2
    | GapY3
    | GapY4
    | GapY5
    | GapY6
    | GapY8
    | GapY10
    | GapY12
    | GapY16
    | GapY20
    | GapY24
    | GapY32
    | GapY40
    | GapY48
    | GapY56
    | GapY64
    | GapYPx
    | GapX0
    | GapX1
    | GapX2
    | GapX3
    | GapX4
    | GapX5
    | GapX6
    | GapX8
    | GapX10
    | GapX12
    | GapX16
    | GapX20
    | GapX24
    | GapX32
    | GapX40
    | GapX48
    | GapX56
    | GapX64
    | GapXPx
    | RowGap0
    | RowGap1
    | RowGap2
    | RowGap3
    | RowGap4
    | RowGap5
    | RowGap6
    | RowGap8
    | RowGap10
    | RowGap12
    | RowGap16
    | RowGap20
    | RowGap24
    | RowGap32
    | RowGap40
    | RowGap48
    | RowGap56
    | RowGap64
    | RowGapPx
    | ColGap0
    | ColGap1
    | ColGap2
    | ColGap3
    | ColGap4
    | ColGap5
    | ColGap6
    | ColGap8
    | ColGap10
    | ColGap12
    | ColGap16
    | ColGap20
    | ColGap24
    | ColGap32
    | ColGap40
    | ColGap48
    | ColGap56
    | ColGap64
    | ColGapPx
    | P0
    | P1
    | P2
    | P3
    | P4
    | P5
    | P6
    | P8
    | P10
    | P12
    | P16
    | P20
    | P24
    | P32
    | P40
    | P48
    | P56
    | P64
    | PPx
    | Py0
    | Py1
    | Py2
    | Py3
    | Py4
    | Py5
    | Py6
    | Py8
    | Py10
    | Py12
    | Py16
    | Py20
    | Py24
    | Py32
    | Py40
    | Py48
    | Py56
    | Py64
    | PyPx
    | Px0
    | Px1
    | Px2
    | Px3
    | Px4
    | Px5
    | Px6
    | Px8
    | Px10
    | Px12
    | Px16
    | Px20
    | Px24
    | Px32
    | Px40
    | Px48
    | Px56
    | Px64
    | PxPx
    | Pt0
    | Pt1
    | Pt2
    | Pt3
    | Pt4
    | Pt5
    | Pt6
    | Pt8
    | Pt10
    | Pt12
    | Pt16
    | Pt20
    | Pt24
    | Pt32
    | Pt40
    | Pt48
    | Pt56
    | Pt64
    | PtPx
    | Pr0
    | Pr1
    | Pr2
    | Pr3
    | Pr4
    | Pr5
    | Pr6
    | Pr8
    | Pr10
    | Pr12
    | Pr16
    | Pr20
    | Pr24
    | Pr32
    | Pr40
    | Pr48
    | Pr56
    | Pr64
    | PrPx
    | Pb0
    | Pb1
    | Pb2
    | Pb3
    | Pb4
    | Pb5
    | Pb6
    | Pb8
    | Pb10
    | Pb12
    | Pb16
    | Pb20
    | Pb24
    | Pb32
    | Pb40
    | Pb48
    | Pb56
    | Pb64
    | PbPx
    | Pl0
    | Pl1
    | Pl2
    | Pl3
    | Pl4
    | Pl5
    | Pl6
    | Pl8
    | Pl10
    | Pl12
    | Pl16
    | Pl20
    | Pl24
    | Pl32
    | Pl40
    | Pl48
    | Pl56
    | Pl64
    | PlPx
    | M0
    | M1
    | M2
    | M3
    | M4
    | M5
    | M6
    | M8
    | M10
    | M12
    | M16
    | M20
    | M24
    | M32
    | M40
    | M48
    | M56
    | M64
    | MAuto
    | MPx
    | M0_
    | M1_
    | M2_
    | M3_
    | M4_
    | M5_
    | M6_
    | M8_
    | M10_
    | M12_
    | M16_
    | M20_
    | M24_
    | M32_
    | M40_
    | M48_
    | M56_
    | M64_
    | MPx_
    | My0
    | My1
    | My2
    | My3
    | My4
    | My5
    | My6
    | My8
    | My10
    | My12
    | My16
    | My20
    | My24
    | My32
    | My40
    | My48
    | My56
    | My64
    | MyAuto
    | MyPx
    | My0_
    | My1_
    | My2_
    | My3_
    | My4_
    | My5_
    | My6_
    | My8_
    | My10_
    | My12_
    | My16_
    | My20_
    | My24_
    | My32_
    | My40_
    | My48_
    | My56_
    | My64_
    | MyPx_
    | Mx0
    | Mx1
    | Mx2
    | Mx3
    | Mx4
    | Mx5
    | Mx6
    | Mx8
    | Mx10
    | Mx12
    | Mx16
    | Mx20
    | Mx24
    | Mx32
    | Mx40
    | Mx48
    | Mx56
    | Mx64
    | MxAuto
    | MxPx
    | Mx0_
    | Mx1_
    | Mx2_
    | Mx3_
    | Mx4_
    | Mx5_
    | Mx6_
    | Mx8_
    | Mx10_
    | Mx12_
    | Mx16_
    | Mx20_
    | Mx24_
    | Mx32_
    | Mx40_
    | Mx48_
    | Mx56_
    | Mx64_
    | MxPx_
    | Mt0
    | Mt1
    | Mt2
    | Mt3
    | Mt4
    | Mt5
    | Mt6
    | Mt8
    | Mt10
    | Mt12
    | Mt16
    | Mt20
    | Mt24
    | Mt32
    | Mt40
    | Mt48
    | Mt56
    | Mt64
    | MtAuto
    | MtPx
    | Mt0_
    | Mt1_
    | Mt2_
    | Mt3_
    | Mt4_
    | Mt5_
    | Mt6_
    | Mt8_
    | Mt10_
    | Mt12_
    | Mt16_
    | Mt20_
    | Mt24_
    | Mt32_
    | Mt40_
    | Mt48_
    | Mt56_
    | Mt64_
    | MtPx_
    | Mr0
    | Mr1
    | Mr2
    | Mr3
    | Mr4
    | Mr5
    | Mr6
    | Mr8
    | Mr10
    | Mr12
    | Mr16
    | Mr20
    | Mr24
    | Mr32
    | Mr40
    | Mr48
    | Mr56
    | Mr64
    | MrAuto
    | MrPx
    | Mr0_
    | Mr1_
    | Mr2_
    | Mr3_
    | Mr4_
    | Mr5_
    | Mr6_
    | Mr8_
    | Mr10_
    | Mr12_
    | Mr16_
    | Mr20_
    | Mr24_
    | Mr32_
    | Mr40_
    | Mr48_
    | Mr56_
    | Mr64_
    | MrPx_
    | Mb0
    | Mb1
    | Mb2
    | Mb3
    | Mb4
    | Mb5
    | Mb6
    | Mb8
    | Mb10
    | Mb12
    | Mb16
    | Mb20
    | Mb24
    | Mb32
    | Mb40
    | Mb48
    | Mb56
    | Mb64
    | MbAuto
    | MbPx
    | Mb0_
    | Mb1_
    | Mb2_
    | Mb3_
    | Mb4_
    | Mb5_
    | Mb6_
    | Mb8_
    | Mb10_
    | Mb12_
    | Mb16_
    | Mb20_
    | Mb24_
    | Mb32_
    | Mb40_
    | Mb48_
    | Mb56_
    | Mb64_
    | MbPx_
    | Ml0
    | Ml1
    | Ml2
    | Ml3
    | Ml4
    | Ml5
    | Ml6
    | Ml8
    | Ml10
    | Ml12
    | Ml16
    | Ml20
    | Ml24
    | Ml32
    | Ml40
    | Ml48
    | Ml56
    | Ml64
    | MlAuto
    | MlPx
    | Ml0_
    | Ml1_
    | Ml2_
    | Ml3_
    | Ml4_
    | Ml5_
    | Ml6_
    | Ml8_
    | Ml10_
    | Ml12_
    | Ml16_
    | Ml20_
    | Ml24_
    | Ml32_
    | Ml40_
    | Ml48_
    | Ml56_
    | Ml64_
    | MlPx_
    | SpaceX0
    | SpaceX1
    | SpaceX2
    | SpaceX3
    | SpaceX4
    | SpaceX5
    | SpaceX6
    | SpaceX8
    | SpaceX10
    | SpaceX12
    | SpaceX16
    | SpaceX20
    | SpaceX24
    | SpaceX32
    | SpaceX40
    | SpaceX48
    | SpaceX56
    | SpaceX64
    | SpaceXPx
    | SpaceX0_
    | SpaceX1_
    | SpaceX2_
    | SpaceX3_
    | SpaceX4_
    | SpaceX5_
    | SpaceX6_
    | SpaceX8_
    | SpaceX10_
    | SpaceX12_
    | SpaceX16_
    | SpaceX20_
    | SpaceX24_
    | SpaceX32_
    | SpaceX40_
    | SpaceX48_
    | SpaceX56_
    | SpaceX64_
    | SpaceXPx_
    | SpaceXReverse
    | SpaceY0
    | SpaceY1
    | SpaceY2
    | SpaceY3
    | SpaceY4
    | SpaceY5
    | SpaceY6
    | SpaceY8
    | SpaceY10
    | SpaceY12
    | SpaceY16
    | SpaceY20
    | SpaceY24
    | SpaceY32
    | SpaceY40
    | SpaceY48
    | SpaceY56
    | SpaceY64
    | SpaceYPx
    | SpaceY0_
    | SpaceY1_
    | SpaceY2_
    | SpaceY3_
    | SpaceY4_
    | SpaceY5_
    | SpaceY6_
    | SpaceY8_
    | SpaceY10_
    | SpaceY12_
    | SpaceY16_
    | SpaceY20_
    | SpaceY24_
    | SpaceY32_
    | SpaceY40_
    | SpaceY48_
    | SpaceY56_
    | SpaceY64_
    | SpaceYPx_
    | SpaceYReverse
    | AppearanceNone
    | PointerEventsNone
    | PointerEventsAuto
    | ResizeNone
    | Resize
    | ResizeY
    | ResizeX
    | SelectNone
    | SelectText
    | SelectAll
    | SelectAuto
    | CursorAuto
    | CursorDefault
    | CursorPointer
    | CursorWait
    | CursorText
    | CursorMove
    | CursorNotAllowed
    | OutlineNone
    | OutlineWhite
    | OutlineBlack
    | Block
    | InlineBlock
    | Inline
    | Flex
    | InlineFlex
    | Grid
    | InlineGrid
    | Table
    | TableRow
    | TableCell
    | Contents
    | Hidden
    | BoxBorder
    | BoxContent
    | Container
    | FloatRight
    | FloatLeft
    | FloatNone
    | Clearfix
    | ClearLeft
    | ClearRight
    | ClearBoth
    | ClearNone
    | ObjectContain
    | ObjectCover
    | ObjectFill
    | ObjectNone
    | ObjectScaleDown
    | OverflowAuto
    | OverflowHidden
    | OverflowVisible
    | OverflowScroll
    | OverflowXAuto
    | OverflowYAuto
    | OverflowXHidden
    | OverflowYHidden
    | OverflowXVisible
    | OverflowYVisible
    | OverflowXScroll
    | OverflowYScroll
    | ScrollingTouch
    | ScrollingAuto
    | OverscrollAuto
    | OverscrollContain
    | OverscrollNone
    | OverscrollYAuto
    | OverscrollYContain
    | OverscrollYNone
    | OverscrollXAuto
    | OverscrollXContain
    | OverscrollXNone
    | Static
    | Fixed
    | Absolute
    | Relative
    | Sticky
    | Visible
    | Invisible
    | ObjectBottom
    | ObjectCenter
    | ObjectLeft
    | ObjectLeftBottom
    | ObjectLeftTop
    | ObjectRight
    | ObjectRightBottom
    | ObjectRightTop
    | ObjectTop
    | Inset0
    | InsetX0
    | InsetY0
    | Top0
    | Right0
    | Bottom0
    | Left0
    | InsetAuto
    | InsetXAuto
    | InsetYAuto
    | TopAuto
    | RightAuto
    | BottomAuto
    | LeftAuto
    | Z0
    | Z10
    | Z20
    | Z30
    | Z40
    | Z50
    | ZAuto
    | W0
    | W1
    | W2
    | W3
    | W4
    | W5
    | W6
    | W8
    | W10
    | W12
    | W16
    | W20
    | W24
    | W32
    | W40
    | W48
    | W56
    | W64
    | WAuto
    | WPx
    | W1_2
    | W1_3
    | W2_3
    | W1_4
    | W2_4
    | W3_4
    | W1_5
    | W2_5
    | W3_5
    | W4_5
    | W1_6
    | W2_6
    | W3_6
    | W4_6
    | W5_6
    | W1_12
    | W2_12
    | W3_12
    | W4_12
    | W5_12
    | W6_12
    | W7_12
    | W8_12
    | W9_12
    | W10_12
    | W11_12
    | WFull
    | WScreen
    | MinW0
    | MinWFull
    | MaxWNone
    | MaxWXs
    | MaxWSm
    | MaxWMd
    | MaxWLg
    | MaxWXl
    | MaxW2xl
    | MaxW3xl
    | MaxW4xl
    | MaxW5xl
    | MaxW6xl
    | MaxWFull
    | MaxWScreenSm
    | MaxWScreenMd
    | MaxWScreenLg
    | MaxWScreenXl
    | H0
    | H1
    | H2
    | H3
    | H4
    | H5
    | H6
    | H8
    | H10
    | H12
    | H16
    | H20
    | H24
    | H32
    | H40
    | H48
    | H56
    | H64
    | HAuto
    | HPx
    | HFull
    | HScreen
    | MinH0
    | MinHFull
    | MinHScreen
    | MaxHFull
    | MaxHScreen
    | FillCurrent
    | StrokeCurrent
    | Stroke0
    | Stroke1
    | Stroke2
    | Scale0
    | Scale50
    | Scale75
    | Scale90
    | Scale95
    | Scale100
    | Scale105
    | Scale110
    | Scale125
    | Scale150
    | ScaleX0
    | ScaleX50
    | ScaleX75
    | ScaleX90
    | ScaleX95
    | ScaleX100
    | ScaleX105
    | ScaleX110
    | ScaleX125
    | ScaleX150
    | ScaleY0
    | ScaleY50
    | ScaleY75
    | ScaleY90
    | ScaleY95
    | ScaleY100
    | ScaleY105
    | ScaleY110
    | ScaleY125
    | ScaleY150
    | Rotate0
    | Rotate1
    | Rotate2
    | Rotate3
    | Rotate6
    | Rotate12
    | Rotate45
    | Rotate90
    | Rotate180
    | Rotate180_
    | Rotate90_
    | Rotate45_
    | Rotate12_
    | Rotate6_
    | Rotate3_
    | Rotate2_
    | Rotate1_
    | TranslateX0
    | TranslateX1
    | TranslateX2
    | TranslateX3
    | TranslateX4
    | TranslateX5
    | TranslateX6
    | TranslateX8
    | TranslateX10
    | TranslateX12
    | TranslateX16
    | TranslateX20
    | TranslateX24
    | TranslateX32
    | TranslateX40
    | TranslateX48
    | TranslateX56
    | TranslateX64
    | TranslateXPx
    | TranslateX0_
    | TranslateX1_
    | TranslateX2_
    | TranslateX3_
    | TranslateX4_
    | TranslateX5_
    | TranslateX6_
    | TranslateX8_
    | TranslateX10_
    | TranslateX12_
    | TranslateX16_
    | TranslateX20_
    | TranslateX24_
    | TranslateX32_
    | TranslateX40_
    | TranslateX48_
    | TranslateX56_
    | TranslateX64_
    | TranslateXPx_
    | TranslateXFull_
    | TranslateX1_2_
    | TranslateX1_2
    | TranslateXFull
    | TranslateY0
    | TranslateY1
    | TranslateY2
    | TranslateY3
    | TranslateY4
    | TranslateY5
    | TranslateY6
    | TranslateY8
    | TranslateY10
    | TranslateY12
    | TranslateY16
    | TranslateY20
    | TranslateY24
    | TranslateY32
    | TranslateY40
    | TranslateY48
    | TranslateY56
    | TranslateY64
    | TranslateYPx
    | TranslateY0_
    | TranslateY1_
    | TranslateY2_
    | TranslateY3_
    | TranslateY4_
    | TranslateY5_
    | TranslateY6_
    | TranslateY8_
    | TranslateY10_
    | TranslateY12_
    | TranslateY16_
    | TranslateY20_
    | TranslateY24_
    | TranslateY32_
    | TranslateY40_
    | TranslateY48_
    | TranslateY56_
    | TranslateY64_
    | TranslateYPx_
    | TranslateYFull_
    | TranslateY1_2_
    | TranslateY1_2
    | TranslateYFull
    | SkewX0
    | SkewX1
    | SkewX2
    | SkewX3
    | SkewX6
    | SkewX12
    | SkewX12_
    | SkewX6_
    | SkewX3_
    | SkewX2_
    | SkewX1_
    | SkewY0
    | SkewY1
    | SkewY2
    | SkewY3
    | SkewY6
    | SkewY12
    | SkewY12_
    | SkewY6_
    | SkewY3_
    | SkewY2_
    | SkewY1_
    | OriginCenter
    | OriginTop
    | OriginTopRight
    | OriginRight
    | OriginBottomRight
    | OriginBottom
    | OriginBottomLeft
    | OriginLeft
    | OriginTopLeft
    | Antialiased
    | SubpixelAntialiased
    | Italic
    | NonItalic
    | NormalNums
    | Ordinal
    | SlashedZero
    | LiningNums
    | OldstyleNums
    | ProportionalNums
    | TabularNums
    | DiagonalFractions
    | StackedFractions
    | ListInside
    | ListOutside
    | TextLeft
    | TextCenter
    | TextRight
    | TextJustify
    | Underline
    | LineThrough
    | NoUnderline
    | Uppercase
    | Lowercase
    | Capitalize
    | NormalCase
    | AlignBaseline
    | AlignTop
    | AlignMiddle
    | AlignBottom
    | AlignTextTop
    | AlignTextBottom
    | WhitespaceNormal
    | WhitespaceNoWrap
    | WhitespacePre
    | WhitespacePreLine
    | WhitespacePreWrap
    | BreakNormal
    | BreakWords
    | BreakAll
    | Truncate
    | FontSans
    | FontSerif
    | FontMono
    | TextXs
    | TextSm
    | TextBase
    | TextLg
    | TextXl
    | Text2xl
    | Text3xl
    | Text4xl
    | Text5xl
    | Text6xl
    | FontHairline
    | FontThin
    | FontLight
    | FontNormal
    | FontMedium
    | FontSemibold
    | FontBold
    | FontExtrabold
    | FontBlack
    | TrackingTighter
    | TrackingTight
    | TrackingNormal
    | TrackingWide
    | TrackingWider
    | TrackingWidest
    | Leading3
    | Leading4
    | Leading5
    | Leading6
    | Leading7
    | Leading8
    | Leading9
    | Leading10
    | LeadingNone
    | LeadingTight
    | LeadingSnug
    | LeadingNormal
    | LeadingRelaxed
    | LeadingLoose
    | ListNone
    | ListDisc
    | ListDecimal
    | PlaceholderTransparent
    | PlaceholderCurrent
    | PlaceholderBlack
    | PlaceholderWhite
    | PlaceholderGray100
    | PlaceholderGray200
    | PlaceholderGray300
    | PlaceholderGray400
    | PlaceholderGray500
    | PlaceholderGray600
    | PlaceholderGray700
    | PlaceholderGray800
    | PlaceholderGray900
    | PlaceholderRed100
    | PlaceholderRed200
    | PlaceholderRed300
    | PlaceholderRed400
    | PlaceholderRed500
    | PlaceholderRed600
    | PlaceholderRed700
    | PlaceholderRed800
    | PlaceholderRed900
    | PlaceholderOrange100
    | PlaceholderOrange200
    | PlaceholderOrange300
    | PlaceholderOrange400
    | PlaceholderOrange500
    | PlaceholderOrange600
    | PlaceholderOrange700
    | PlaceholderOrange800
    | PlaceholderOrange900
    | PlaceholderYellow100
    | PlaceholderYellow200
    | PlaceholderYellow300
    | PlaceholderYellow400
    | PlaceholderYellow500
    | PlaceholderYellow600
    | PlaceholderYellow700
    | PlaceholderYellow800
    | PlaceholderYellow900
    | PlaceholderGreen100
    | PlaceholderGreen200
    | PlaceholderGreen300
    | PlaceholderGreen400
    | PlaceholderGreen500
    | PlaceholderGreen600
    | PlaceholderGreen700
    | PlaceholderGreen800
    | PlaceholderGreen900
    | PlaceholderTeal100
    | PlaceholderTeal200
    | PlaceholderTeal300
    | PlaceholderTeal400
    | PlaceholderTeal500
    | PlaceholderTeal600
    | PlaceholderTeal700
    | PlaceholderTeal800
    | PlaceholderTeal900
    | PlaceholderBlue100
    | PlaceholderBlue200
    | PlaceholderBlue300
    | PlaceholderBlue400
    | PlaceholderBlue500
    | PlaceholderBlue600
    | PlaceholderBlue700
    | PlaceholderBlue800
    | PlaceholderBlue900
    | PlaceholderIndigo100
    | PlaceholderIndigo200
    | PlaceholderIndigo300
    | PlaceholderIndigo400
    | PlaceholderIndigo500
    | PlaceholderIndigo600
    | PlaceholderIndigo700
    | PlaceholderIndigo800
    | PlaceholderIndigo900
    | PlaceholderPurple100
    | PlaceholderPurple200
    | PlaceholderPurple300
    | PlaceholderPurple400
    | PlaceholderPurple500
    | PlaceholderPurple600
    | PlaceholderPurple700
    | PlaceholderPurple800
    | PlaceholderPurple900
    | PlaceholderPink100
    | PlaceholderPink200
    | PlaceholderPink300
    | PlaceholderPink400
    | PlaceholderPink500
    | PlaceholderPink600
    | PlaceholderPink700
    | PlaceholderPink800
    | PlaceholderPink900
    | PlaceholderOpacity0
    | PlaceholderOpacity25
    | PlaceholderOpacity50
    | PlaceholderOpacity75
    | PlaceholderOpacity100
    | TextTransparent
    | TextCurrent
    | TextBlack
    | TextWhite
    | TextGray100
    | TextGray200
    | TextGray300
    | TextGray400
    | TextGray500
    | TextGray600
    | TextGray700
    | TextGray800
    | TextGray900
    | TextRed100
    | TextRed200
    | TextRed300
    | TextRed400
    | TextRed500
    | TextRed600
    | TextRed700
    | TextRed800
    | TextRed900
    | TextOrange100
    | TextOrange200
    | TextOrange300
    | TextOrange400
    | TextOrange500
    | TextOrange600
    | TextOrange700
    | TextOrange800
    | TextOrange900
    | TextYellow100
    | TextYellow200
    | TextYellow300
    | TextYellow400
    | TextYellow500
    | TextYellow600
    | TextYellow700
    | TextYellow800
    | TextYellow900
    | TextGreen100
    | TextGreen200
    | TextGreen300
    | TextGreen400
    | TextGreen500
    | TextGreen600
    | TextGreen700
    | TextGreen800
    | TextGreen900
    | TextTeal100
    | TextTeal200
    | TextTeal300
    | TextTeal400
    | TextTeal500
    | TextTeal600
    | TextTeal700
    | TextTeal800
    | TextTeal900
    | TextBlue100
    | TextBlue200
    | TextBlue300
    | TextBlue400
    | TextBlue500
    | TextBlue600
    | TextBlue700
    | TextBlue800
    | TextBlue900
    | TextIndigo100
    | TextIndigo200
    | TextIndigo300
    | TextIndigo400
    | TextIndigo500
    | TextIndigo600
    | TextIndigo700
    | TextIndigo800
    | TextIndigo900
    | TextPurple100
    | TextPurple200
    | TextPurple300
    | TextPurple400
    | TextPurple500
    | TextPurple600
    | TextPurple700
    | TextPurple800
    | TextPurple900
    | TextPink100
    | TextPink200
    | TextPink300
    | TextPink400
    | TextPink500
    | TextPink600
    | TextPink700
    | TextPink800
    | TextPink900
    | TextOpacity0
    | TextOpacity25
    | TextOpacity50
    | TextOpacity75
    | TextOpacity100
    | FormInput
    | FormTextarea
    | FormSelect
    | FormMultiselect
    | FormCheckbox
    | FormRadio
    | Prose
    | ProseSm
    | ProseLg
    | ProseXl
    | Prose2xl

Type to represent Tailwind CSS classes. First letter become uppercase. All alphabetic chars after hyphens become uppercase. Hyphens are removed. Values like 1/2 become 1_2 with underscore instead of slash. Prefixed negation minus become postfix underscore. Pseudo classes are wrapper types.

BgYellow400 -- "bg-yellow-400"
BorderOpacity75 -- "border-opacity-75"
SkewX12_ -- "-skew-x-12"
TranslateY1_2 -- "translate-y-1/2"

SM W1_2 -- "sm:w-1/2"
LG W1_4 -- "lg:w-1/4"
HOVER BgTeal300 -- "hover:bg-teal-300"

Converter function

tailwind : List TailwindCSS -> Html.Attribute msg

Convert a list of TailwindCSS values into a classList of Tailwind CSS classes. Designed to be used in Html elements.

Html.div [ tailwind [ BgGreen500, BgOpacity50 ]] [] -- <div class="bg-green-500 bg-opacity-50"></div>