CSSCSS
Utility First CSS
Framework
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Build fast,
use CSS.
View Demo
(Github)
A consistent & intuitive styling framework fully based on CSS.
Enter Dashboard Demo
Download
Download from NPM
Github Repository
Documentation
Docs
Utilities
API
CREATE
POSITION
SIZE
INDEX
STRUCTURE
SPACING
DISPLAY
TEXT
UPDATE
BACKGROUND
OPACITY
FILTER
BEHAVE
CURSOR
MEDIA QUERY
ANIMATION
EXTRA
Cheat
Sheet
CREATE
.pos-rel
.pos-fix
.top-0
.left-50p
.w-50 h-min-100vh
.h-80px
.w-max-200px
.z-10
.z-100
.z--1
STRUCTURE
.pa-0
.px-8
.Q_xs_px-2
.my-100
.block
.flex
.hidden
.tx-sm
.tx-lg
.tx-lgx
.tx-xxxl
.tx-ls-3
.tx-bold-6
.tx-sans
.nodeco
.tx-shadow-3
.tx-white
UPDATE
._ddg
.bg-b-50
.bg-green-50
.bg-glass-1
.invert
.blur-1
.scale-50
.scale-200
.rot-50
.box-shadow-2
.opaci-50
.opaci-chov--50
.opaci-cahov-75
.opaci-cbhov-75
BEHAVE
.noclick
.grab
.clickble
.pointer
.waitcursor
.Q_xs_md_flex-1
.Q_xs_xl_flex-row
.Q_xs_w-10
.Q_sm
.Q_md_x
.Q_xs_pa-4
.spin-2
.hover-4
.appear-appear
.appear-once-1
.huerotate-1
.shake-2
CSSCSS
BLOG