home

mferwind classes demo

See the full list of classes here.

Background Color Classes

.bg-blue

.bg-green

.bg-red

.bg-yellow

.bg-orange

.bg-graveyard

.bg-space

.bg-white

.bg-black

Font Face Classes

.sartoshi

.monospace

.script

Font Style Classes

.italic

Font Weight Classes

.bold

Text Size Classes

.text-xs

.text-s

.text-m

.text-l

.text-xl

Text Color Classes

.text-blue

.text-green

.text-red

.text-yellow

.text-orange

.text-graveyard

.text-space

.text-black

.text-white

Text Decoration Classes

.underline-black

.underline-black-wavy

.underline-blue

.underline-blue-wavy

.underline-green

.underline-green-wavy

.underline-red

.underline-red-wavy

.underline-yellow

.underline-yellow-wavy

.underline-orange

.underline-orange-wavy

.underline-graveyard

.underline-graveyard-wavy

.underline-space

.underline-space-wavy

.underline-white

.underline-white-wavy

Button Component Classes

Flex, & Justification Classes

.flex flex-r

.between

.flex flex-r

.around

.flex flex-r

.evenly

.flex flex-c

makes a column

Grid Classes

* mferwind css currently uses a responsive auto-fill and auto-size grid layout, with more granular grid control to come.

.bricked-up

item

.bricked-up

bricked-up-blue

item

.bricked-up

bricked-up-green

item

.bricked-up

bricked-up-red

item

.bricked-up

bricked-up-yellow

item

.bricked-up

bricked-up-orange

item

.bricked-up

bricked-up-graveyard

item

.bricked-up

bricked-up-black

item

.bricked-up

bricked-up-white

item

Text Alignment Classes

.text-right

.text-left

.text-center

Item Alignment Classes

.items-start

.items-end

.items-center

Margin Classes

.m-0

.m-s

.m-m

.m-l

Padding Classes

.p-0

.p-s

.p-m

.p-l

.p-xl

Border Classes

.radius-s

.radius-m

.radius-l

.radius-spicy

.radius-round

.border-xs border-black solid

.border-s border-blue dotted

.border-m border-green dashed

.border-l border-yellow double

.border-xl border-orange groove

.border-xl border-graveyard ridge

.border-xl border-red inset

.border-xl border-white outset

.border-m border-space solid

Animation Classes

.rotate

.pulse

.shimmer

.bounce

.fade-in

(looped for demo)

.slide-in

(looped for demo)

mferwind classes demo

Background Color Classes

Font Face Classes

Font Style Classes

Font Weight Classes

Text Size Classes

Text Color Classes

Text Decoration Classes

Button Component Classes

Flex, & Justification Classes

Grid Classes

Text Alignment Classes

Item Alignment Classes

Margin Classes

Padding Classes

Border Classes

Animation Classes

Appearance Manipulation Classes

Opacity

Invert

Black & White

Sepia

Blur