motiabebe / pilot_css

pilot_css

// use classes (class="classname")

Text Align => left | center | right

Display [Flex] => flex
Flex Justify Content => flex-start | flex-center | flex-end | flex-space-even
Flex Direction => flex-row
Flex Wrap => flex-wrap

Display [Grid] => grid
Grid Columns => col-2 | col-3 | col-4
Grid Row => row-2 | row-3

Grid Span
Columns => col-span-2 | col-span-3 | col-span-3 | col-span-4
Rows => row-span-2 | row-span-3 | row-span-4

Font Size
rem => fs-1 | fs-2 | fs-3 | fs-4

Buttons => btn
Button Size => btn-s | btn-l (Small / Large)
Button Style => btn-block (Block)

Border Style => round | rounder

Background Colors => bg-black | bg-blue | bg-white | bg-red | bg-green

Cards (=> card-icon, card-title, card-data)

Start with copy and pasting this line ()

Examples => https://motiabebe.github.io/pilot_css/index.html