CSS systems for Elm
Based on elm-css, inspired by Tailwind.
package.elm-lang.org/packages/cedricss/elm-css-systems
Color system
Built from the Tailwind palette.
gray100
gray200
gray300
gray400
gray500
gray600
gray700
gray800
gray900
red100
red200
red300
red400
red500
red600
red700
red800
red900
orange100
orange200
orange300
orange400
orange500
orange600
orange700
orange800
orange900
yellow100
yellow200
yellow300
yellow400
yellow500
yellow600
yellow700
yellow800
yellow900
green100
green200
green300
green400
green500
green600
green700
green800
green900
teal100
teal200
teal300
teal400
teal500
teal600
teal700
teal800
teal900
blue100
blue200
blue300
blue400
blue500
blue600
blue700
blue800
blue900
indigo100
indigo200
indigo300
indigo400
indigo500
indigo600
indigo700
indigo800
indigo900
purple100
purple200
purple300
purple400
purple500
purple600
purple700
purple800
purple900
pink100
pink200
pink300
pink400
pink500
pink600
pink700
pink800
pink900
Spacing and sizing system
space1
space2
space3
space4
space5
space6
space8
space10
space12
space16
space20
space24
space32
space40
space48
space56
space64
Font size system
textXS
A delightful language for reliable webapps.
textSM
A delightful language for reliable webapps.
textBase
A delightful language for reliable webapps.
textLG
A delightful language for reliable webapps.
textXL
A delightful language for reliable webapps.
text2XL
A delightful language for reliable webapps.
text3XL
A delightful language for reliable webapps.
text4XL
A delightful language for reliable webapps.
text5XL
A delightful language for reliable webapps.
text6XL
A delightful language for reliable webapps.