Home Examples About

Terse CSS

Terse CSS is a minimalist CSS system that uses the first letter of each CSS property and value as the class name. For example the class fwb is the style font-weight: bold;. See the list of classes below. To include terse.css in your website or app just add the follwing to your HTML header:

<link href="//cdn.tersecss.com/css/terse.min.css" rel="stylesheet">
<link href="//cdn.tersecss.com/css/size.min.css" rel="stylesheet">

Your can also just copy the css file and and include it locally: terse.css or minified terse.min.css

Terse Classes

Standars CSS with no user-defined value options

aib aic aie aifb aife aifs ain ais aisc aise aish aiss aiuc baf bait bas bbn bcc bcit bcs bct biit bin bln bpb bpc

bpl bpr bpt bpxc bpxl bpxr bpyb bpyc bpyt brit brn brnr brr brrx brry btn ca cb cc cd cer ch cit cl cm cner

cnr cnsr cnwr cp cps cr csb cser csit csr cst cswr ct cw cwr db df dfr dg dib dif dig dit dltr dn drtl

ech ecit ecs fdc fdcr fdr fdrr ffit fl fr fsi fsinit fsit fsl fslr fsm fsn fso fss fssr fsxl fsxs fsxxl fsxxs fvn fvsc

fw100 fw200 fw300 fw400 fw500 fw600 fw700 fw800 fw900 fwb fwbr fwit fwlr fwn fww gafc gafcd gafd gafil gafit gafr gafrd gafrl gafrt gafu ha

hit jcc jce jcfe jcfs jcl jcr jcs jcsa jcsb jcse lh1 lh15 lh2 lhn lnit lspi lspit lspo lsta lstc lstd lstdl lstdlz lstg lstit

lstla lstlg lstll lstlr lstn lsts lstua lstul lstur ma mla mra oa ofc ofcn off ofit ofn ofsd oh oit os ov owit owm owt

owtk pa pbaa pbaal pbaav pbait pbal pbar pbba pbbal pbbav pbbit pbbl pbbr pbia pbial pbiav pbiit pf pit pr ps psc qi qn tac

tae taj taja tal tamp tar tas tdb tdit tdlt tdn tdo tdu tla tlf tlit ttc ttit ttl ttn ttu vab vabl vait vam vas

vasr vat vatb vatt vc vh vit vv wa wdsit wdsn wit wsit wsn wsnr wsnw wsp wspl wspr wspw zia ziit

Size Classes

Size CSS with user-defined values. All in the format "name-value" with value being a number or xs, s, m, l, xl.

b-0 br-0 br-l br-m br-s br-xl br-xs bw-0 bw-1 bw-2 bw-3 bw-4 cg-l cg-m cg-s cg-xl cg-xs f-1 f-10 f-11

f-12 f-2 f-3 f-4 f-5 f-6 f-7 f-8 f-9 fg-1 fg-2 fg-3 fg-4 fg-5 fg-6 fg-7 fg-8 g-l g-m g-s

g-xl g-xs h-100 l-0 lh-l lh-m lh-s lh-xl lh-xs lh-xxl lh-xxs lh-xxxl m-0 m-l m-m m-s m-xl m-xs mb-0 mb-l

mb-m mb-s mb-xl mb-xs mh-100 ml-0 ml-l ml-m ml-s ml-xl ml-xs mnw-100 mnw-12 mnw-16 mnw-20 mnw-24 mnw-28 mnw-32 mnw-36 mnw-4

mnw-40 mnw-44 mnw-48 mnw-50 mnw-52 mnw-56 mnw-60 mnw-64 mnw-68 mnw-72 mnw-76 mnw-8 mnw-80 mnw-84 mnw-88 mnw-92 mnw-96 mr-0 mr-l mr-m

mr-s mr-xl mr-xs mt-0 mt-l mt-m mt-s mt-xl mt-xs mw-100 mw-12 mw-16 mw-20 mw-24 mw-28 mw-32 mw-36 mw-4 mw-40 mw-44

mw-48 mw-50 mw-52 mw-56 mw-60 mw-64 mw-68 mw-72 mw-76 mw-8 mw-80 mw-84 mw-88 mw-92 mw-96 p-0 p-l p-m p-s p-xl

p-xs pb-0 pb-l pb-m pb-s pb-xl pb-xs pl-0 pl-l pl-m pl-s pl-xl pl-xs pr-0 pr-l pr-m pr-s pr-xl pr-xs pt-0

pt-l pt-m pt-s pt-xl pt-xs r-0 rg-l rg-m rg-s rg-xl rg-xs t-0 ti-0 w-100 w-12 w-16 w-20 w-24 w-28 w-30

w-32 w-36 w-4 w-40 w-44 w-48 w-50 w-52 w-56 w-60 w-64 w-68 w-72 w-76 w-8 w-80 w-84 w-88 w-92 w-96

CSS Properties