Tachyons is an the best CSS framework ever. It's an implementation of what people call "Functional CSS" which, as an Elm programmer, need I say more?
In functional CSS you have a ton of little CSS classes that do one thing, and do it well #unixphilosophy.
Essentially what this means is that can create almost any interface without writing custom css, you only need to compose different CSS selectors together. for instance you could do this using this library:
div [classes [pa1, red, f1]] []This will:
font-size as big as an h1 tag.There's even responsive versions. Like p1_ns that will only have the padding
on anything that's "not small" (larger than mobile). This makes making responsive
interfaces really easy.
This is the smallest possible program for working with this library.
module Main exposing (..)
import Tachyons exposing (..)
import Html exposing (..)
main =
div [ classes [ f1, purple ] ]
[ tachyons.css
, text "I'm Purple and big!"
]Yes these docs are useless, please look at Tachyons Table of Styles for the definitions of this. Keep in mind this was basically made with vim macros.
absolute__fill
absolute__fill_l
absolute__fill_m
absolute__fill_ns
absolute_l
absolute_m
absolute_ns
aspect_ratio
aspect_ratio__16x9
aspect_ratio__16x9_l
aspect_ratio__16x9_m
aspect_ratio__16x9_ns
aspect_ratio__1x1
aspect_ratio__1x1_l
aspect_ratio__1x1_m
aspect_ratio__1x1_ns
aspect_ratio__3x4
aspect_ratio__3x4_l
aspect_ratio__3x4_m
aspect_ratio__3x4_ns
aspect_ratio__4x3
aspect_ratio__4x3_l
aspect_ratio__4x3_m
aspect_ratio__4x3_ns
aspect_ratio__4x6
aspect_ratio__4x6_l
aspect_ratio__4x6_m
aspect_ratio__4x6_ns
aspect_ratio__5x7
aspect_ratio__5x7_l
aspect_ratio__5x7_m
aspect_ratio__5x7_ns
aspect_ratio__5x8
aspect_ratio__5x8_l
aspect_ratio__5x8_m
aspect_ratio__5x8_ns
aspect_ratio__6x4
aspect_ratio__6x4_l
aspect_ratio__6x4_m
aspect_ratio__6x4_ns
aspect_ratio__7x5
aspect_ratio__7x5_l
aspect_ratio__7x5_m
aspect_ratio__7x5_ns
aspect_ratio__8x5
aspect_ratio__8x5_l
aspect_ratio__8x5_m
aspect_ratio__8x5_ns
aspect_ratio__9x16
aspect_ratio__9x16_l
aspect_ratio__9x16_m
aspect_ratio__9x16_ns
aspect_ratio__object
aspect_ratio__object_l
aspect_ratio__object_m
aspect_ratio__object_ns
aspect_ratio_l
aspect_ratio_m
aspect_ratio_ns
athelas
avenir
b
b__black
b__black_0125
b__black_025
b__black_05
b__black_10
b__black_20
b__black_30
b__black_40
b__black_50
b__black_60
b__black_70
b__black_80
b__black_90
b__blue
b__dark_blue
b__dark_gray
b__dark_green
b__dark_pink
b__dark_red
b__dashed
b__dashed_l
b__dashed_m
b__dashed_ns
b__dotted
b__dotted_l
b__dotted_m
b__dotted_ns
b__gold
b__gray
b__green
b__hot_pink
b__inherit
b__light_blue
b__light_gray
b__light_green
b__light_pink
b__light_purple
b__light_red
b__light_silver
b__light_yellow
b__lightest_blue
b__mid_gray
b__moon_gray
b__near_black
b__near_white
b__none
b__none_l
b__none_m
b__none_ns
b__orange
b__pink
b__purple
b__red
b__silver
b__solid
b__solid_l
b__solid_m
b__solid_ns
b__transparent
b__washed_blue
b__washed_green
b__washed_red
b__washed_yellow
b__white
b__white_0125
b__white_025
b__white_05
b__white_10
b__white_20
b__white_30
b__white_40
b__white_50
b__white_60
b__white_70
b__white_80
b__white_90
b__yellow
b_l
b_m
b_ns
ba
ba_l
ba_m
ba_ns
baskerville
bb
bb_0
bb_0_l
bb_0_m
bb_0_ns
bb_l
bb_m
bb_ns
bg_animate
bg_animated
bg_black
bg_black_05
bg_black_10
bg_black_20
bg_black_30
bg_black_40
bg_black_50
bg_black_60
bg_black_70
bg_black_80
bg_black_90
bg_blue
bg_bottom
bg_bottom_l
bg_bottom_m
bg_bottom_ns
bg_center
bg_center_l
bg_center_m
bg_center_ns
bg_dark_blue
bg_dark_gray
bg_dark_green
bg_dark_pink
bg_dark_red
bg_gold
bg_gray
bg_green
bg_hot_pink
bg_inherit
bg_left
bg_left_l
bg_left_m
bg_left_ns
bg_light_blue
bg_light_gray
bg_light_green
bg_light_pink
bg_light_purple
bg_light_red
bg_light_silver
bg_light_yellow
bg_lightest_blue
bg_mid_gray
bg_moon_gray
bg_near_black
bg_near_white
bg_orange
bg_pink
bg_purple
bg_red
bg_right
bg_right_l
bg_right_m
bg_right_ns
bg_silver
bg_top
bg_top_l
bg_top_m
bg_top_ns
bg_transparent
bg_washed_blue
bg_washed_green
bg_washed_red
bg_washed_yellow
bg_white
bg_white_10
bg_white_20
bg_white_30
bg_white_40
bg_white_50
bg_white_60
bg_white_70
bg_white_80
bg_white_90
bg_yellow
bl
bl_0
bl_0_l
bl_0_m
bl_0_ns
bl_l
bl_m
bl_ns
black
black_05
black_10
black_20
black_30
black_40
black_50
black_60
black_70
black_80
black_90
blue
bn
bn_l
bn_m
bn_ns
bodoni
border_box
bottom_0
bottom_0_l
bottom_0_m
bottom_0_ns
bottom_1
bottom_1_l
bottom_1_m
bottom_1_ns
bottom_2
bottom_2_l
bottom_2_m
bottom_2_ns
bottom__1
bottom__1_l
bottom__1_m
bottom__1_ns
bottom__2
bottom__2_l
bottom__2_m
bottom__2_ns
br
br0
br0_l
br0_m
br0_ns
br1
br1_l
br1_m
br1_ns
br2
br2_l
br2_m
br2_ns
br3
br3_l
br3_m
br3_ns
br4
br4_l
br4_m
br4_ns
br_0
br_0_l
br_0_m
br_0_ns
br_100
br_100_l
br_100_m
br_100_ns
br__bottom
br__bottom_l
br__bottom_m
br__bottom_ns
br__left
br__left_l
br__left_m
br__left_ns
br__right
br__right_l
br__right_m
br__right_ns
br__top
br__top_l
br__top_m
br__top_ns
br_l
br_m
br_ns
br_pill
br_pill_l
br_pill_m
br_pill_ns
bt
bt_0
bt_0_l
bt_0_m
bt_0_ns
bt_l
bt_m
bt_ns
button_resetd
bw0
bw0_l
bw0_m
bw0_ns
bw1
bw1_l
bw1_m
bw1_ns
bw2
bw2_l
bw2_m
bw2_ns
bw3
bw3_l
bw3_m
bw3_ns
bw4
bw4_l
bw4_m
bw4_ns
bw5
bw5_l
bw5_m
bw5_ns
calisto
cb
cb_l
cb_m
cb_ns
center
center_l
center_m
center_ns
cf
cfd
cl
cl_l
cl_m
cl_ns
This is a helper funciton that will allow you to combine
multiple Tachyons classes (which are strings) are return a
Html.Attributes
div [classes [pa3, red, f1]] []clip
clip_l
clip_m
clip_ns
cn
cn_l
cn_m
cn_ns
collapse
color_inherit
contain
contain_l
contain_m
contain_ns
content_around
content_around_l
content_around_m
content_around_ns
content_between
content_between_l
content_between_m
content_between_ns
content_center
content_center_l
content_center_m
content_center_ns
content_end
content_end_l
content_end_m
content_end_ns
content_start
content_start_l
content_start_m
content_start_ns
content_stretch
content_stretch_l
content_stretch_m
content_stretch_ns
courier
cover
cover_l
cover_m
cover_ns
cr
cr_l
cr_m
cr_ns
dark_blue
dark_gray
dark_green
dark_pink
dark_red
db
db_l
db_m
db_ns
debug
debug_black
debug_grid
debug_grid_16
debug_grid_16_solid
debug_grid_8_solid
debug_white
di
di_l
di_m
di_ns
dib
dib_l
dib_m
dib_ns
dim
dimd
dit
dit_l
dit_m
dit_ns
dn
dn_l
dn_m
dn_ns
dt
dt__fixed
dt__fixed_l
dt__fixed_m
dt__fixed_ns
dt_column
dt_column_group
dt_column_group_l
dt_column_group_m
dt_column_group_ns
dt_column_l
dt_column_m
dt_column_ns
dt_l
dt_m
dt_ns
dt_row
dt_row_group
dt_row_group_l
dt_row_group_m
dt_row_group_ns
dt_row_l
dt_row_m
dt_row_ns
dtc
dtc_l
dtc_m
dtc_ns
f1
f1_l
f1_m
f1_ns
f2
f2_l
f2_m
f2_ns
f3
f3_l
f3_m
f3_ns
f4
f4_l
f4_m
f4_ns
f5
f5_l
f5_m
f5_ns
f6
f6_l
f6_m
f6_ns
f7
f7_l
f7_m
f7_ns
f_headline
f_subheadline
fixed
fixed_l
fixed_m
fixed_ns
fl
fl_l
fl_m
fl_ns
flex
flex_auto
flex_auto_l
flex_auto_m
flex_auto_ns
flex_column
flex_column_l
flex_column_m
flex_column_ns
flex_column_reverse
flex_column_reverse_l
flex_column_reverse_m
flex_column_reverse_ns
flex_l
flex_m
flex_none
flex_none_l
flex_none_m
flex_none_ns
flex_ns
flex_row
flex_row_l
flex_row_m
flex_row_ns
flex_row_reverse
flex_row_reverse_l
flex_row_reverse_m
flex_row_reverse_ns
flex_wrap
flex_wrap_l
flex_wrap_m
flex_wrap_ns
flex_wrap_reverse
flex_wrap_reverse_l
flex_wrap_reverse_m
flex_wrap_reverse_ns
fn
fn_l
fn_m
fn_ns
fr
fr_l
fr_m
fr_ns
fs_normal
fs_normal_l
fs_normal_m
fs_normal_ns
fw1
fw1_l
fw1_m
fw1_ns
fw2
fw2_l
fw2_m
fw2_ns
fw3
fw3_l
fw3_m
fw3_ns
fw4
fw4_l
fw4_m
fw4_ns
fw5
fw5_l
fw5_m
fw5_ns
fw6
fw6_l
fw6_m
fw6_ns
fw7
fw7_l
fw7_m
fw7_ns
fw8
fw8_l
fw8_m
fw8_ns
fw9
fw9_l
fw9_m
fw9_ns
garamond
georgia
glow
glowd
gold
gray
green
grow
grow_large
grow_larged
growd
h1
h1_l
h1_m
h1_ns
h2
h2_l
h2_m
h2_ns
h3
h3_l
h3_m
h3_ns
h4
h4_l
h4_m
h4_ns
h5
h5_l
h5_m
h5_ns
h_100
h_100_l
h_100_m
h_100_ns
h_25
h_25_l
h_25_m
h_25_ns
h_50
h_50_l
h_50_m
h_50_ns
h_75
h_75_l
h_75_m
h_75_ns
h_auto
h_auto_l
h_auto_m
h_auto_ns
h_inherit
h_inherit_l
h_inherit_m
h_inherit_ns
helvetica
hide_child
hide_childd
hot_pink
hover_bg_black_10d
hover_bg_black_20d
hover_bg_black_30d
hover_bg_black_40d
hover_bg_black_50d
hover_bg_black_60d
hover_bg_black_70d
hover_bg_black_80d
hover_bg_black_90d
hover_bg_blackd
hover_bg_blued
hover_bg_dark_blued
hover_bg_dark_grayd
hover_bg_dark_greend
hover_bg_dark_pinkd
hover_bg_dark_redd
hover_bg_goldd
hover_bg_grayd
hover_bg_greend
hover_bg_hot_pinkd
hover_bg_inheritd
hover_bg_light_blued
hover_bg_light_grayd
hover_bg_light_greend
hover_bg_light_pinkd
hover_bg_light_purpled
hover_bg_light_redd
hover_bg_light_silverd
hover_bg_light_yellowd
hover_bg_lightest_blued
hover_bg_mid_grayd
hover_bg_moon_grayd
hover_bg_near_blackd
hover_bg_near_whited
hover_bg_oranged
hover_bg_pinkd
hover_bg_purpled
hover_bg_redd
hover_bg_silverd
hover_bg_transparentd
hover_bg_washed_blued
hover_bg_washed_greend
hover_bg_washed_redd
hover_bg_washed_yellowd
hover_bg_white_10d
hover_bg_white_20d
hover_bg_white_30d
hover_bg_white_40d
hover_bg_white_50d
hover_bg_white_60d
hover_bg_white_70d
hover_bg_white_80d
hover_bg_white_90d
hover_bg_whited
hover_bg_yellowd
hover_black_10d
hover_black_20d
hover_black_30d
hover_black_40d
hover_black_50d
hover_black_60d
hover_black_70d
hover_black_80d
hover_black_90d
hover_blackd
hover_blued
hover_dark_blued
hover_dark_grayd
hover_dark_greend
hover_dark_pinkd
hover_dark_redd
hover_goldd
hover_grayd
hover_greend
hover_hot_pinkd
hover_inheritd
hover_light_blued
hover_light_grayd
hover_light_greend
hover_light_pinkd
hover_light_purpled
hover_light_redd
hover_light_silverd
hover_light_yellowd
hover_lightest_blued
hover_mid_grayd
hover_moon_grayd
hover_near_blackd
hover_near_whited
hover_oranged
hover_pinkd
hover_purpled
hover_redd
hover_silverd
hover_washed_blued
hover_washed_greend
hover_washed_redd
hover_washed_yellowd
hover_white_10d
hover_white_20d
hover_white_30d
hover_white_40d
hover_white_50d
hover_white_60d
hover_white_70d
hover_white_80d
hover_white_90d
hover_whited
hover_yellowd
i
i_l
i_m
i_ns
img
indent
indent_l
indent_m
indent_ns
inline_flex
inline_flex_l
inline_flex_m
inline_flex_ns
input_reset
input_resetd
items_baseline
items_baseline_l
items_baseline_m
items_baseline_ns
items_center
items_center_l
items_center_m
items_center_ns
items_end
items_end_l
items_end_m
items_end_ns
items_start
items_start_l
items_start_m
items_start_ns
items_stretch
items_stretch_l
items_stretch_m
items_stretch_ns
justify_around
justify_around_l
justify_around_m
justify_around_ns
justify_between
justify_between_l
justify_between_m
justify_between_ns
justify_center
justify_center_l
justify_center_m
justify_center_ns
justify_end
justify_end_l
justify_end_m
justify_end_ns
justify_start
justify_start_l
justify_start_m
justify_start_ns
left_0
left_0_l
left_0_m
left_0_ns
left_1
left_1_l
left_1_m
left_1_ns
left_2
left_2_l
left_2_m
left_2_ns
left__1
left__1_l
left__1_m
left__1_ns
left__2
left__2_l
left__2_m
left__2_ns
lh_copy
lh_copy_l
lh_copy_m
lh_copy_ns
lh_solid
lh_solid_l
lh_solid_m
lh_solid_ns
lh_title
lh_title_l
lh_title_m
lh_title_ns
light_blue
light_gray
light_green
light_pink
light_purple
light_red
light_silver
light_yellow
lightest_blue
link
linkd
list
ma0
ma0_l
ma0_m
ma0_ns
ma1
ma1_l
ma1_m
ma1_ns
ma2
ma2_l
ma2_m
ma2_ns
ma3
ma3_l
ma3_m
ma3_ns
ma4
ma4_l
ma4_m
ma4_ns
ma5
ma5_l
ma5_m
ma5_ns
ma6
ma6_l
ma6_m
ma6_ns
ma7
ma7_l
ma7_m
ma7_ns
mb0
mb0_l
mb0_m
mb0_ns
mb1
mb1_l
mb1_m
mb1_ns
mb2
mb2_l
mb2_m
mb2_ns
mb3
mb3_l
mb3_m
mb3_ns
mb4
mb4_l
mb4_m
mb4_ns
mb5
mb5_l
mb5_m
mb5_ns
mb6
mb6_l
mb6_m
mb6_ns
mb7
mb7_l
mb7_m
mb7_ns
measure
measure_l
measure_m
measure_narrow
measure_narrow_l
measure_narrow_m
measure_narrow_ns
measure_ns
measure_wide
measure_wide_l
measure_wide_m
measure_wide_ns
mh0
mh0_l
mh0_m
mh0_ns
mh1
mh1_l
mh1_m
mh1_ns
mh2
mh2_l
mh2_m
mh2_ns
mh3
mh3_l
mh3_m
mh3_ns
mh4
mh4_l
mh4_m
mh4_ns
mh5
mh5_l
mh5_m
mh5_ns
mh6
mh6_l
mh6_m
mh6_ns
mh7
mh7_l
mh7_m
mh7_ns
mid_gray
min_h_100
min_h_100_l
min_h_100_m
min_h_100_ns
min_vh_100
min_vh_100_l
min_vh_100_m
min_vh_100_ns
ml0
ml0_l
ml0_m
ml0_ns
ml1
ml1_l
ml1_m
ml1_ns
ml2
ml2_l
ml2_m
ml2_ns
ml3
ml3_l
ml3_m
ml3_ns
ml4
ml4_l
ml4_m
ml4_ns
ml5
ml5_l
ml5_m
ml5_ns
ml6
ml6_l
ml6_m
ml6_ns
ml7
ml7_l
ml7_m
ml7_ns
moon_gray
mr0
mr0_l
mr0_m
mr0_ns
mr1
mr1_l
mr1_m
mr1_ns
mr2
mr2_l
mr2_m
mr2_ns
mr3
mr3_l
mr3_m
mr3_ns
mr4
mr4_l
mr4_m
mr4_ns
mr5
mr5_l
mr5_m
mr5_ns
mr6
mr6_l
mr6_m
mr6_ns
mr7
mr7_l
mr7_m
mr7_ns
mt0
mt0_l
mt0_m
mt0_ns
mt1
mt1_l
mt1_m
mt1_ns
mt2
mt2_l
mt2_m
mt2_ns
mt3
mt3_l
mt3_m
mt3_ns
mt4
mt4_l
mt4_m
mt4_ns
mt5
mt5_l
mt5_m
mt5_ns
mt6
mt6_l
mt6_m
mt6_ns
mt7
mt7_l
mt7_m
mt7_ns
mv0
mv0_l
mv0_m
mv0_ns
mv1
mv1_l
mv1_m
mv1_ns
mv2
mv2_l
mv2_m
mv2_ns
mv3
mv3_l
mv3_m
mv3_ns
mv4
mv4_l
mv4_m
mv4_ns
mv5
mv5_l
mv5_m
mv5_ns
mv6
mv6_l
mv6_m
mv6_ns
mv7
mv7_l
mv7_m
mv7_ns
mw1
mw1_l
mw1_m
mw1_ns
mw2
mw2_l
mw2_m
mw2_ns
mw3
mw3_l
mw3_m
mw3_ns
mw4
mw4_l
mw4_m
mw4_ns
mw5
mw5_l
mw5_m
mw5_ns
mw6
mw6_l
mw6_m
mw6_ns
mw7
mw7_l
mw7_m
mw7_ns
mw8
mw8_l
mw8_m
mw8_ns
mw9
mw9_l
mw9_m
mw9_ns
mw_100
mw_100_l
mw_100_m
mw_100_ns
mw_none
mw_none_l
mw_none_m
mw_none_ns
na1
na1_l
na1_m
na1_ns
na2
na2_l
na2_m
na2_ns
na3
na3_l
na3_m
na3_ns
na4
na4_l
na4_m
na4_ns
na5
na5_l
na5_m
na5_ns
na6
na6_l
na6_m
na6_ns
na7
na7_l
na7_m
na7_ns
nb1
nb1_l
nb1_m
nb1_ns
nb2
nb2_l
nb2_m
nb2_ns
nb3
nb3_l
nb3_m
nb3_ns
nb4
nb4_l
nb4_m
nb4_ns
nb5
nb5_l
nb5_m
nb5_ns
nb6
nb6_l
nb6_m
nb6_ns
nb7
nb7_l
nb7_m
nb7_ns
near_black
near_white
nested_copy_indent
nested_copy_line_height
nested_copy_seperator
nested_headline_line_height
nested_img
nested_links
nested_list_reset
nl1
nl1_l
nl1_m
nl1_ns
nl2
nl2_l
nl2_m
nl2_ns
nl3
nl3_l
nl3_m
nl3_ns
nl4
nl4_l
nl4_m
nl4_ns
nl5
nl5_l
nl5_m
nl5_ns
nl6
nl6_l
nl6_m
nl6_ns
nl7
nl7_l
nl7_m
nl7_ns
no_underline
no_underline_l
no_underline_m
no_underline_ns
normal
normal_l
normal_m
normal_ns
nowrap
nowrap_l
nowrap_m
nowrap_ns
nr1
nr1_l
nr1_m
nr1_ns
nr2
nr2_l
nr2_m
nr2_ns
nr3
nr3_l
nr3_m
nr3_ns
nr4
nr4_l
nr4_m
nr4_ns
nr5
nr5_l
nr5_m
nr5_ns
nr6
nr6_l
nr6_m
nr6_ns
nr7
nr7_l
nr7_m
nr7_ns
nt1
nt1_l
nt1_m
nt1_ns
nt2
nt2_l
nt2_m
nt2_ns
nt3
nt3_l
nt3_m
nt3_ns
nt4
nt4_l
nt4_m
nt4_ns
nt5
nt5_l
nt5_m
nt5_ns
nt6
nt6_l
nt6_m
nt6_ns
nt7
nt7_l
nt7_m
nt7_ns
o_0
o_025
o_05
o_10
o_100
o_20
o_30
o_40
o_50
o_60
o_70
o_80
o_90
orange
order_0
order_0_l
order_0_m
order_0_ns
order_1
order_1_l
order_1_m
order_1_ns
order_2
order_2_l
order_2_m
order_2_ns
order_3
order_3_l
order_3_m
order_3_ns
order_4
order_4_l
order_4_m
order_4_ns
order_5
order_5_l
order_5_m
order_5_ns
order_6
order_6_l
order_6_m
order_6_ns
order_7
order_7_l
order_7_m
order_7_ns
order_8
order_8_l
order_8_m
order_8_ns
order_last
order_last_l
order_last_m
order_last_ns
outline
outline_0
outline_0_l
outline_0_m
outline_0_ns
outline_l
outline_m
outline_ns
outline_transparent
outline_transparent_l
outline_transparent_m
outline_transparent_ns
overflow_auto
overflow_auto_l
overflow_auto_m
overflow_auto_ns
overflow_container
overflow_scroll
overflow_scroll_l
overflow_scroll_m
overflow_scroll_ns
overflow_visible
overflow_visible_l
overflow_visible_m
overflow_visible_ns
overflow_x_auto
overflow_x_auto_l
overflow_x_auto_m
overflow_x_auto_ns
overflow_x_scroll
overflow_x_scroll_l
overflow_x_scroll_m
overflow_x_scroll_ns
overflow_x_visible
overflow_x_visible_l
overflow_x_visible_m
overflow_x_visible_ns
overflow_y_auto
overflow_y_auto_l
overflow_y_auto_m
overflow_y_auto_ns
overflow_y_scroll
overflow_y_scroll_l
overflow_y_scroll_m
overflow_y_scroll_ns
overflow_y_visible
overflow_y_visible_l
overflow_y_visible_m
overflow_y_visible_ns
pa0
pa0_l
pa0_m
pa0_ns
pa1
pa1_l
pa1_m
pa1_ns
pa2
pa2_l
pa2_m
pa2_ns
pa3
pa3_l
pa3_m
pa3_ns
pa4
pa4_l
pa4_m
pa4_ns
pa5
pa5_l
pa5_m
pa5_ns
pa6
pa6_l
pa6_m
pa6_ns
pa7
pa7_l
pa7_m
pa7_ns
pb0
pb0_l
pb0_m
pb0_ns
pb1
pb1_l
pb1_m
pb1_ns
pb2
pb2_l
pb2_m
pb2_ns
pb3
pb3_l
pb3_m
pb3_ns
pb4
pb4_l
pb4_m
pb4_ns
pb5
pb5_l
pb5_m
pb5_ns
pb6
pb6_l
pb6_m
pb6_ns
pb7
pb7_l
pb7_m
pb7_ns
ph0
ph0_l
ph0_m
ph0_ns
ph1
ph1_l
ph1_m
ph1_ns
ph2
ph2_l
ph2_m
ph2_ns
ph3
ph3_l
ph3_m
ph3_ns
ph4
ph4_l
ph4_m
ph4_ns
ph5
ph5_l
ph5_m
ph5_ns
ph6
ph6_l
ph6_m
ph6_ns
ph7
ph7_l
ph7_m
ph7_ns
pink
pl0
pl0_l
pl0_m
pl0_ns
pl1
pl1_l
pl1_m
pl1_ns
pl2
pl2_l
pl2_m
pl2_ns
pl3
pl3_l
pl3_m
pl3_ns
pl4
pl4_l
pl4_m
pl4_ns
pl5
pl5_l
pl5_m
pl5_ns
pl6
pl6_l
pl6_m
pl6_ns
pl7
pl7_l
pl7_m
pl7_ns
pointerd
pr0
pr0_l
pr0_m
pr0_ns
pr1
pr1_l
pr1_m
pr1_ns
pr2
pr2_l
pr2_m
pr2_ns
pr3
pr3_l
pr3_m
pr3_ns
pr4
pr4_l
pr4_m
pr4_ns
pr5
pr5_l
pr5_m
pr5_ns
pr6
pr6_l
pr6_m
pr6_ns
pr7
pr7_l
pr7_m
pr7_ns
pre
pre_l
pre_m
pre_ns
pt0
pt0_l
pt0_m
pt0_ns
pt1
pt1_l
pt1_m
pt1_ns
pt2
pt2_l
pt2_m
pt2_ns
pt3
pt3_l
pt3_m
pt3_ns
pt4
pt4_l
pt4_m
pt4_ns
pt5
pt5_l
pt5_m
pt5_ns
pt6
pt6_l
pt6_m
pt6_ns
pt7
pt7_l
pt7_m
pt7_ns
purple
pv0
pv0_l
pv0_m
pv0_ns
pv1
pv1_l
pv1_m
pv1_ns
pv2
pv2_l
pv2_m
pv2_ns
pv3
pv3_l
pv3_m
pv3_ns
pv4
pv4_l
pv4_m
pv4_ns
pv5
pv5_l
pv5_m
pv5_ns
pv6
pv6_l
pv6_m
pv6_ns
pv7
pv7_l
pv7_m
pv7_ns
red
relative
relative_l
relative_m
relative_ns
right_0
right_0_l
right_0_m
right_0_ns
right_1
right_1_l
right_1_m
right_1_ns
right_2
right_2_l
right_2_m
right_2_ns
right__1
right__1_l
right__1_m
right__1_ns
right__2
right__2_l
right__2_m
right__2_ns
rotate_135
rotate_135_l
rotate_135_m
rotate_135_ns
rotate_180
rotate_180_l
rotate_180_m
rotate_180_ns
rotate_225
rotate_225_l
rotate_225_m
rotate_225_ns
rotate_270
rotate_270_l
rotate_270_m
rotate_270_ns
rotate_315
rotate_315_l
rotate_315_m
rotate_315_ns
rotate_45
rotate_45_l
rotate_45_m
rotate_45_ns
rotate_90
rotate_90_l
rotate_90_m
rotate_90_ns
sans_serif
self_baseline
self_baseline_l
self_baseline_m
self_baseline_ns
self_center
self_center_l
self_center_m
self_center_ns
self_end
self_end_l
self_end_m
self_end_ns
self_start
self_start_l
self_start_m
self_start_ns
self_stretch
self_stretch_l
self_stretch_m
self_stretch_ns
serif
shadow_1
shadow_1_l
shadow_1_m
shadow_1_ns
shadow_2
shadow_2_l
shadow_2_m
shadow_2_ns
shadow_3
shadow_3_l
shadow_3_m
shadow_3_ns
shadow_4
shadow_4_l
shadow_4_m
shadow_4_ns
shadow_5
shadow_5_l
shadow_5_m
shadow_5_ns
shadow_hover
shadow_hoverd
silver
small_caps
small_caps_l
small_caps_m
small_caps_ns
static
static_l
static_m
static_ns
strike
strike_l
strike_m
strike_ns
stripe_darkd
stripe_lightd
striped__light_grayd
striped__light_silverd
striped__moon_grayd
striped__near_whited
An easy way to add stylesheets to a Html document
system_sans_serif
system_serif
"Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible." also is an implementation of functional CSS.
tc
tc_l
tc_m
tc_ns
times
tl
tl_l
tl_m
tl_ns
top_0
top_0_l
top_0_m
top_0_ns
top_1
top_1_l
top_1_m
top_1_ns
top_2
top_2_l
top_2_m
top_2_ns
top__1
top__1_l
top__1_m
top__1_ns
top__2
top__2_l
top__2_m
top__2_ns
tr
tr_l
tr_m
tr_ns
tracked
tracked_l
tracked_m
tracked_mega
tracked_mega_l
tracked_mega_m
tracked_mega_ns
tracked_ns
tracked_tight
tracked_tight_l
tracked_tight_m
tracked_tight_ns
truncate
truncate_l
truncate_m
truncate_ns
ttc
ttc_l
ttc_m
ttc_ns
ttl
ttl_l
ttl_m
ttl_ns
ttn
ttn_l
ttn_m
ttn_ns
ttu
ttu_l
ttu_m
ttu_ns
underline
underline_hoverd
underline_l
underline_m
underline_ns
v_base
v_base_l
v_base_m
v_base_ns
v_btm
v_btm_l
v_btm_m
v_btm_ns
v_mid
v_mid_l
v_mid_m
v_mid_ns
v_top
v_top_l
v_top_m
v_top_ns
vh_100
vh_100_l
vh_100_m
vh_100_ns
vh_25
vh_25_l
vh_25_m
vh_25_ns
vh_50
vh_50_l
vh_50_m
vh_50_ns
vh_75
vh_75_l
vh_75_m
vh_75_ns
w1
w1_l
w1_m
w1_ns
w2
w2_l
w2_m
w2_ns
w3
w3_l
w3_m
w3_ns
w4
w4_l
w4_m
w4_ns
w5
w5_l
w5_m
w5_ns
w_10
w_100
w_100_l
w_100_m
w_100_ns
w_10_l
w_10_m
w_10_ns
w_20
w_20_l
w_20_m
w_20_ns
w_25
w_25_l
w_25_m
w_25_ns
w_30
w_30_l
w_30_m
w_30_ns
w_33
w_33_l
w_33_m
w_33_ns
w_34
w_34_l
w_34_m
w_34_ns
w_40
w_40_l
w_40_m
w_40_ns
w_50
w_50_l
w_50_m
w_50_ns
w_60
w_60_l
w_60_m
w_60_ns
w_70
w_70_l
w_70_m
w_70_ns
w_75
w_75_l
w_75_m
w_75_ns
w_80
w_80_l
w_80_m
w_80_ns
w_90
w_90_l
w_90_m
w_90_ns
w_auto
w_auto_l
w_auto_m
w_auto_ns
w_third
w_third_l
w_third_m
w_third_ns
w_two_thirds
w_two_thirds_l
w_two_thirds_m
w_two_thirds_ns
washed_blue
washed_green
washed_red
washed_yellow
white
white_10
white_20
white_30
white_40
white_50
white_60
white_70
white_80
white_90
ws_normal
ws_normal_l
ws_normal_m
ws_normal_ns
yellow
z_0
z_1
z_2
z_3
z_4
z_5
z_999
z_9999
z_inherit
z_initial
z_max
z_unset
absolute