Tachyons

dimensions

widths

.wi1 { width: 1rem }
.wi2 { width: 2rem }
.wi3 { width: 4rem }
.wi4 { width: 8rem }
.wi5 { width: 16rem }
.wi-10 { width: 10% }
.wi-20 { width: 20% }
.wi-25 { width: 25% }
.wi-40 { width: 40% }
.wi-50 { width: 50% }
.wi-60 { width: 60% }
.wi-75 { width: 75% }
.wi-80 { width: 80% }
.wi-100 { width: 100% }
.wi-at { width: auto }

max widths

.mw-100 { max-width: 100% }
.mw-75 { max-width: 75% }
.mw-50 { max-width: 50% }
.mw-25 { max-width: 25% }
.mw1 { max-width: 1rem }
.mw2 { max-width: 2rem }
.mw3 { max-width: 4rem }
.mw4 { max-width: 8rem }
.mw5 { max-width: 16rem }
.mw6 { max-width: 32rem }
.mw7 { max-width: 48rem }
.mw8 { max-width: 64rem }
.mw9 { max-width: 96rem }
.mw10 { max-width: 128rem }
.mw-none { max-width: none }
.mw-max { max-width: max-content }
.mw-min { max-width: min-content }
.mw-fit { max-width: fit-content }
.mw-fill { max-width: fill-available }

heights

.h1 { height: 1rem }
.h2 { height: 2rem }
.h3 { height: 4rem }
.h4 { height: 8rem }
.h5 { height: 16rem }
.h-10 { height: 10% }
.h-20 { height: 20% }
.h-25 { height: 25% }
.h-40 { height: 40% }
.h-50 { height: 50% }
.h-60 { height: 60% }
.h-75 { height: 75% }
.h-80 { height: 80% }
.h-100 { height: 100% }
.h-bb { height: border-box }
.h-cb { height: content-box }
.h-mx { height: max-content }
.h-mn { height: min-content }
.h-av { height: available }
.h-fc { height: fit-content }
.h-at { height: auto }
.h-i { height: inherit }