css

Background

Class	Result	Variables
bg		background
bg-p		primary-container
bg-2		secondary
bg-s		success-container
bg-s2		surface-container
bg-w		warning-container
bg-e		error-container

Border

Class	Result	Variables
b-none	none	borders
border		borders
b		borders
b-l		borders
b-r		borders
b-t		borders
b-b		borders
b-tb		borders
b-lr		borders
b-radius
b-radius-t
b-radius-b
b-radius50
b-w0.20px
b-w0.50px
b-w1px
b-w2px
b-w3px
b-w5px
b-w7px

box-shadow

Class	Properties
shadow-sm	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
shadow	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
shadow-md	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
shadow-lg	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
shadow-xl	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
shadow-2xl	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
shadow-inner	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
shadow-none	box-shadow: none;

color

Class	Result	Variable
color	color	color
c-blur	blur #999999
c-gray	surface-gray	color
c-p	primary	color
c-2	secondary	color
c-s	success	color
c-s2	surface	color
c-w	warning	color
c-e	error	color

center

Class	Properties
center	justify-content: center; justify-items: center;
center-tb	align-content: center; align-items: center;
center-text	text-align: center;

cursor

Class	Properties
cursor-auto	cursor: auto;
cursor-default	cursor: default;
cursor-pointer	cursor: pointer;
cursor-wait	cursor: wait;
cursor-text	cursor: text;
cursor-move	cursor: move;
cursor-help	cursor: help;
cursor-not-allowed	cursor: not-allowed;
cursor-none	cursor: none;
cursor-context-menu	cursor: context-menu;
cursor-progress	cursor: progress;
cursor-cell	cursor: cell;
cursor-crosshair	cursor: crosshair;
cursor-vertical-text	cursor: vertical-text;
cursor-alias	cursor: alias;
cursor-copy	cursor: copy;
cursor-no-drop	cursor: no-drop;
cursor-grab	cursor: grab;
cursor-grabbing	cursor: grabbing;
cursor-all-scroll	cursor: all-scroll;
cursor-col-resize	cursor: col-resize;
cursor-row-resize	cursor: row-resize;
cursor-n-resize	cursor: n-resize;
cursor-e-resize	cursor: e-resize;
cursor-s-resize	cursor: s-resize;
cursor-w-resize	cursor: w-resize;
cursor-ne-resize	cursor: ne-resize;
cursor-nw-resize	cursor: nw-resize;
cursor-se-resize	cursor: se-resize;
cursor-sw-resize	cursor: sw-resize;
cursor-ew-resize	cursor: ew-resize;
cursor-ns-resize	cursor: ns-resize;
cursor-nesw-resize	cursor: nesw-resize;
cursor-nwse-resize	cursor: nwse-resize;
cursor-zoom-in	cursor: zoom-in;
cursor-zoom-out	cursor: zoom-out;

display

Class	Properties
block	display: block;
inline-block	display: inline-block;
inline	display: inline;
flex	display: flex;
inline-flex	display: inline-flex;
table	display: table;
inline-table	display: inline-table;
table-caption	display: table-caption;
table-cell	display: table-cell;
table-column	display: table-column;
table-column-group	display: table-column-group;
table-footer-group	display: table-footer-group;
table-header-group	display: table-header-group;
table-row-group	display: table-row-group;
table-row	display: table-row;
flow-root	display: flow-root;
grid	display: grid;
inline-grid	display: inline-grid;
contents	display: contents;
list-item	display: list-item;
hidden	display: none;

font-size

Class	Properties	From
h1	font-size: font-size * 1.60;	font
h10	font-size: font-size * 0.90;	font
h11	font-size: font-size * 0.80;	font
h12	font-size: font-size * 0.70;	font
h2	font-size: font-size * 1.50;	font
h3	font-size: font-size * 1.40;	font
h4	font-size: font-size * 1.30;	font
h5	font-size: font-size * 1.20;	font
h6	font-size: font-size * 1.10;	font
h7	font-size: font-size * 1.07;	font
h8	font-size: font-size * 1.05;	font
h9	font-size: font-size * 0.95;	font

Flex

Class	Properties
flex	display: flex;
flex-col	flex-direction: column;
flex-row	flex-direction: row;
flex-row-reverse	flex-direction: row-reverse;
flex-col-reverse	flex-direction: column-reverse;
flex-wrap	flex-wrap: wrap;
flex-wrap-reverse	flex-wrap: wrap-reverse;
flex-nowrap	flex-wrap: nowrap;
f-auto	flex:auto;
f-wrap	flex-wrap: wrap;

gap

Class	Properties	From
gap-0	gap: 0;
gap-x-0	column-gap: 0;
gap-y-0	row-gap: 0;
gap-2px	gap: 2px;
gap-5px	gap: 5px;
gap-10px	gap: 10px;
gap-l-f	gap: padding-cnt;	padding-cnt
gap	gap: padding-cnt;	padding-cnt
gap-x	column-gap: padding-cnt;	padding-cnt
gap-y	row-gap: padding-cnt;	padding-cnt
gap-sm	gap: padding;`	padding-cnt
gap-x-sm	column-gap: padding;	padding-cnt
gap-y-sm	row-gap: padding;	padding-cnt
gap-cnt	gap: padding-cnt * 2;	padding-cnt
gap-x-cnt	column-gap: padding-cnt * 2;	padding-cnt
gap-y-cnt	row-gap: padding-cnt * 2;	padding-cnt
gap-x0.50	gap: padding-cnt * 2 + padding-cnt * 0.50;	padding-cnt
gap-x-x0.50	column-gap: padding-cnt * 2 + padding-cnt * 0.50;	padding-cnt
gap-y-x0.50	row-gap: padding-cnt * 2 + padding-cnt * 0.50;	padding-cnt
gap-x0.80	gap: padding-cnt * 2 + padding-cnt * 0.80;	padding-cnt
gap-x-x0.80	column-gap: padding-cnt * 2 + padding-cnt * 0.80;	padding-cnt
gap-y-x0.80	row-gap: padding-cnt * 2 + padding-cnt * 0.80;	padding-cnt
gap-x3	gap: padding-cnt * 3;	padding-cnt
gap-x-x3	column-gap: padding-cnt * 3;	padding-cnt
gap-y-x3	row-gap: padding-cnt * 3;	padding-cnt
gap-x5	gap: padding-cnt * 5;	padding-cnt
gap-x-x5	column-gap: padding-cnt * 5;	padding-cnt
gap-y-x5	row-gap: padding-cnt * 5;	padding-cnt
gap-x7	gap: padding-cnt * 7;	padding-cnt
gap-x-x7	column-gap: padding-cnt * 7;	padding-cnt
gap-y-x7	row-gap: padding-cnt * 7;	padding-cnt
gap-x9	gap: padding-cnt * 9;	padding-cnt
gap-x-x9	column-gap: padding-cnt * 9;	padding-cnt
gap-y-x7	row-gap: padding-cnt * 7;	padding-cnt
gap-xf2	gap: font-size * 2;	font-size
gap-x-xf2	column-gap: font-size * 2;	font-size
gap-y-xf2	row-gap: font-size * 2;	font-size
gap-xf3	gap: font-size * 3;	font-size
gap-x-xf3	column-gap: font-size * 3;	font-size
gap-y-xf3	row-gap: font-size * 3;	font-size
gap-x4	gap: font-size * 4;	font-size
gap-x-x4	column-gap: font-size * 4;	font-size
gap-y-xf4	row-gap: font-size * 4;	font-size
gap-xf6	gap: font-size * 6;	font-size
gap-x-xf6	column-gap: font-size * 6;	font-size
gap-y-xf6	row-gap: font-size * 6;	font-size
gap-xf8	gap: font-size * 8;	font-size
gap-x-xf8	column-gap: font-size * 8;	font-size
gap-y-xf8	row-gap: font-size * 8;	font-size
gap-xf10	gap: font-size * 10;	font-size
gap-x-xf10	column-gap: font-size * 10;	font-size
gap-y-xf10	row-gap: font-size * 10;	font-size

grid-template-columns

Class	Properties
grid-cols-1	grid-template-columns: repeat(1, minmax(0, 1fr));
grid-cols-2	grid-template-columns: repeat(2, minmax(0, 1fr));
grid-cols-3	grid-template-columns: repeat(3, minmax(0, 1fr));
grid-cols-4	grid-template-columns: repeat(4, minmax(0, 1fr));
grid-cols-5	grid-template-columns: repeat(5, minmax(0, 1fr));
grid-cols-6	grid-template-columns: repeat(6, minmax(0, 1fr));
grid-cols-7	grid-template-columns: repeat(7, minmax(0, 1fr));
grid-cols-8	grid-template-columns: repeat(8, minmax(0, 1fr));
grid-cols-9	grid-template-columns: repeat(9, minmax(0, 1fr));
grid-cols-10	grid-template-columns: repeat(10, minmax(0, 1fr));
grid-cols-11	grid-template-columns: repeat(11, minmax(0, 1fr));
grid-cols-12	grid-template-columns: repeat(12, minmax(0, 1fr));
grid-cols-none	grid-template-columns: none;
grid-cols-subgrid	grid-template-columns: subgrid;

grid-column

Class	Properties
col-auto	grid-column: auto;
col-span-1	grid-column: span 1 / span 1;
col-span-2	grid-column: span 2 / span 2;
col-span-3	grid-column: span 3 / span 3;
col-span-4	grid-column: span 4 / span 4;
col-span-5	grid-column: span 5 / span 5;
col-span-6	grid-column: span 6 / span 6;
col-span-7	grid-column: span 7 / span 7;
col-span-8	grid-column: span 8 / span 8;
col-span-9	grid-column: span 9 / span 9;
col-span-10	grid-column: span 10 / span 10;
col-span-11	grid-column: span 11 / span 11;
col-span-12	grid-column: span 12 / span 12;
col-span-full	grid-column: 1 / -1;
col-start-1	grid-column-start: 1;
col-start-2	grid-column-start: 2;
col-start-3	grid-column-start: 3;
col-start-4	grid-column-start: 4;
col-start-5	grid-column-start: 5;
col-start-6	grid-column-start: 6;
col-start-7	grid-column-start: 7;
col-start-8	grid-column-start: 8;
col-start-9	grid-column-start: 9;
col-start-10	grid-column-start: 10;
col-start-11	grid-column-start: 11;
col-start-12	grid-column-start: 12;
col-start-13	grid-column-start: 13;
col-start-auto	grid-column-start: auto;
col-end-1	grid-column-end: 1;
col-end-2	grid-column-end: 2;
col-end-3	grid-column-end: 3;
col-end-4	grid-column-end: 4;
col-end-5	grid-column-end: 5;
col-end-6	grid-column-end: 6;
col-end-7	grid-column-end: 7;
col-end-8	grid-column-end: 8;
col-end-9	grid-column-end: 9;
col-end-10	grid-column-end: 10;
col-end-11	grid-column-end: 11;
col-end-12	grid-column-end: 12;
col-end-13	grid-column-end: 13;
col-end-auto	grid-column-end: auto;

grid-template-rows

Class	Properties
grid-rows-1	grid-template-rows: repeat(1, minmax(0, 1fr));
grid-rows-2	grid-template-rows: repeat(2, minmax(0, 1fr));
grid-rows-3	grid-template-rows: repeat(3, minmax(0, 1fr));
grid-rows-4	grid-template-rows: repeat(4, minmax(0, 1fr));
grid-rows-5	grid-template-rows: repeat(5, minmax(0, 1fr));
grid-rows-6	grid-template-rows: repeat(6, minmax(0, 1fr));
grid-rows-7	grid-template-rows: repeat(7, minmax(0, 1fr));
grid-rows-8	grid-template-rows: repeat(8, minmax(0, 1fr));
grid-rows-9	grid-template-rows: repeat(9, minmax(0, 1fr));
grid-rows-10	grid-template-rows: repeat(10, minmax(0, 1fr));
grid-rows-11	grid-template-rows: repeat(11, minmax(0, 1fr));
grid-rows-12	grid-template-rows: repeat(12, minmax(0, 1fr));
grid-rows-none	grid-template-rows: none;
grid-rows-subgrid	grid-template-rows: subgrid;

height

Class	Properties
h-0	height: 0px;
h-px	height: 1px;
h-0.5	height: 0.125rem;
h-1	height: 0.25rem;
h-1.5	height: 0.375rem;
h-2	height: 0.5rem;
h-2.5	height: 0.625rem;
h-3	height: 0.75rem;
h-3.5	height: 0.875rem;
h-4	height: 1rem;
h-5	height: 1.25rem;
h-6	height: 1.5rem;
h-7	height: 1.75rem;
h-8	height: 2rem;
h-9	height: 2.25rem;
h-10	height: 2.5rem;
h-11	height: 2.75rem;
h-12	height: 3rem;
h-14	height: 3.5rem;
h-16	height: 4rem;
h-20	height: 5rem;
h-24	height: 6rem;
h-28	height: 7rem;
h-32	height: 8rem;
h-36	height: 9rem;
h-40	height: 10rem;
h-44	height: 11rem;
h-48	height: 12rem;
h-52	height: 13rem;
h-56	height: 14rem;
h-60	height: 15rem;
h-64	height: 16rem;
h-72	height: 18rem;
h-80	height: 20rem;
h-96	height: 24rem;
h-auto	height: auto;
h-1/2	height: 50%;
h-1/3	height: 33.333333%;
h-2/3	height: 66.666667%;
h-1/4	height: 25%;
h-2/4	height: 50%;
h-3/4	height: 75%;
h-1/5	height: 20%;
h-2/5	height: 40%;
h-3/5	height: 60%;
h-4/5	height: 80%;
h-1/6	height: 16.666667%;
h-2/6	height: 33.333333%;
h-3/6	height: 50%;
h-4/6	height: 66.666667%;
h-5/6	height: 83.333333%;
h-full	height: 100%;
h-screen	height: 100vh;
h-svh	height: 100svh;
h-lvh	height: 100lvh;
h-dvh	height: 100dvh;
h-min	height: min-content;
h-max	height: max-content;
h-fit	height: fit-content;

justify-content

Class	Properties
justify-normal	justify-content: normal;
justify-start	justify-content: flex-start;
justify-end	justify-content: flex-end;
justify-center	justify-content: center;
justify-between	justify-content: space-between;
justify-around	justify-content: space-around;
justify-evenly	justify-content: space-evenly;
justify-stretch	justify-content: stretch;

justify-items

Class	Properties
justify-items-start	justify-items: start;
justify-items-end	justify-items: end;
justify-items-center	justify-items: center;
justify-items-stretch	justify-items: stretch;

justify-self

Class	Properties
justify-self-auto	justify-self: auto;
justify-self-start	justify-self: start;
justify-self-end	justify-self: end;
justify-self-center	justify-self: center;
justify-self-stretch	justify-self: stretch;

align-content

Class	Properties
content-normal	align-content: normal;
content-center	align-content: center;
content-start	align-content: flex-start;
content-end	align-content: flex-end;
content-between	align-content: space-between;
content-around	align-content: space-around;
content-evenly	align-content: space-evenly;
content-baseline	align-content: baseline;
content-stretch	align-content: stretch;

align-items

Class	Properties
items-start	align-items: flex-start;
items-end	align-items: flex-end;
items-center	align-items: center;
items-baseline	align-items: baseline;
items-stretch	align-items: stretch;

align-self

Class	Properties
self-auto	align-self: auto;
self-start	align-self: flex-start;
self-end	align-self: flex-end;
self-center	align-self: center;
self-stretch	align-self: stretch;
self-baseline	align-self: baseline;

min-height

Class	Properties
min-h-0	min-height: 0px;
min-h-1	min-height: 0.25rem;
min-h-2	min-height: 0.5rem;
min-h-3	min-height: 0.75rem;
min-h-4	min-height: 1rem;
min-h-5	min-height: 1.25rem;
min-h-6	min-height: 1.5rem;
min-h-7	min-height: 1.75rem;
min-h-8	min-height: 2rem;
min-h-9	min-height: 2.25rem;
min-h-10	min-height: 2.5rem;
min-h-11	min-height: 2.75rem;
min-h-12	min-height: 3rem;
min-h-14	min-height: 3.5rem;
min-h-16	min-height: 4rem;
min-h-20	min-height: 5rem;
min-h-24	min-height: 6rem;
min-h-28	min-height: 7rem;
min-h-32	min-height: 8rem;
min-h-36	min-height: 9rem;
min-h-40	min-height: 10rem;
min-h-44	min-height: 11rem;
min-h-48	min-height: 12rem;
min-h-52	min-height: 13rem;
min-h-56	min-height: 14rem;
min-h-60	min-height: 15rem;
min-h-64	min-height: 16rem;
min-h-72	min-height: 18rem;
min-h-80	min-height: 20rem;
min-h-96	min-height: 24rem;
min-h-px	min-height: 1px;
min-h-0.5	min-height: 0.125rem;
min-h-1.5	min-height: 0.375rem;
min-h-2.5	min-height: 0.625rem;
min-h-3.5	min-height: 0.875rem;
min-h-full	min-height: 100%;
min-h-screen	min-height: 100vh;
min-h-svh	min-height: 100svh;
min-h-lvh	min-height: 100lvh;
min-h-dvh	min-height: 100dvh;
min-h-min	min-height: min-content;
min-h-max	min-height: max-content;
min-h-fit	min-height: fit-content;

max-height

Class	Properties
max-h-0	max-height: 0px;
max-h-px	max-height: 1px;
max-h-0.5	max-height: 0.125rem;
max-h-1	max-height: 0.25rem;
max-h-1.5	max-height: 0.375rem;
max-h-2	max-height: 0.5rem;
max-h-2.5	max-height: 0.625rem;
max-h-3	max-height: 0.75rem;
max-h-3.5	max-height: 0.875rem;
max-h-4	max-height: 1rem;
max-h-5	max-height: 1.25rem;
max-h-6	max-height: 1.5rem;
max-h-7	max-height: 1.75rem;
max-h-8	max-height: 2rem;
max-h-9	max-height: 2.25rem;
max-h-10	max-height: 2.5rem;
max-h-11	max-height: 2.75rem;
max-h-12	max-height: 3rem;
max-h-14	max-height: 3.5rem;
max-h-16	max-height: 4rem;
max-h-20	max-height: 5rem;
max-h-24	max-height: 6rem;
max-h-28	max-height: 7rem;
max-h-32	max-height: 8rem;
max-h-36	max-height: 9rem;
max-h-40	max-height: 10rem;
max-h-44	max-height: 11rem;
max-h-48	max-height: 12rem;
max-h-52	max-height: 13rem;
max-h-56	max-height: 14rem;
max-h-60	max-height: 15rem;
max-h-64	max-height: 16rem;
max-h-72	max-height: 18rem;
max-h-80	max-height: 20rem;
max-h-96	max-height: 24rem;
max-h-none	max-height: none;
max-h-full	max-height: 100%;
max-h-screen	max-height: 100vh;
max-h-svh	max-height: 100svh;
max-h-lvh	max-height: 100lvh;
max-h-dvh	max-height: 100dvh;
max-h-min	max-height: min-content;
max-h-max	max-height: max-content;
max-h-fit	max-height: fit-content;

padding

Class	Properties	variable
p0px	padding: 0px;
p-t0px	padding-top: 0px;
p-b0px	padding-bottom: 0px;
p-l0px	padding-left: 0px;
p-r0px	padding-right: 0px;
p-tb0px	padding-top/bottom: 0px;
p-lr0px	padding-left/right: 0px;
p2px	padding: 2px;
p2px-l	padding-left: 2px;
p2px-r	padding-right: 2px;
p2px-t	padding-top: 2px;
p2px-b	padding-bottom: 2px;
p2px-tb	padding-top: 2px; padding-bottom: 2px;
p2px-lr	padding-left: 2px; padding-right: 2px;
p5px	padding: 5px;
p5px-l	padding-left: 5px;
p5px-r	padding-right: 5px;
p5px-t	padding-top: 5px;
p5px-b	padding-bottom: 5px;
p5px-tb	padding-top: 5px; padding-bottom: 5px;
p5px-lr	padding-left: 5px; padding-right: 5px;
p8px	padding: 8px;
p8px-l	padding-left: 8px;
p8px-r	padding-right: 8px;
p8px-t	padding-top: 8px;
p8px-b	padding-bottom: 8px;
p8px-tb	padding-top: 8px; padding-bottom: 8px;
p8px-lr	padding-left: 8px; padding-right: 8px;
p10px	padding: 10px;
p10px-l	padding-left: 10px;
p10px-r	padding-right: 10px;
p10px-t	padding-top: 10px;
p10px-b	padding-bottom: 10px;
p10px-tb	padding-top: 10px; padding-bottom: 10px;
p10px-lr	padding-left: 10px; padding-right: 10px;
p	padding	padding
p-x	padding	padding-cnt
p-l	padding-left	padding
p-lr	padding-left/right	padding
p-x-l	padding-left	padding-cnt
p-x-lr	padding-left/right	padding-cnt
p-r	padding-right	padding
p-x-r	padding-right	padding-cnt
p-t	padding-top	padding
p-tb	padding-top/bottom	padding
p-x-t	padding-top	padding-cnt
p-x-tb	padding-top/bottom	padding-cnt
p-b	padding-bottom	padding
p-x-b	padding-bottom	padding-cnt
p-x0.50	padding: padding * 0.50;	padding
p-x0.50-tb	padding-top/bottom: padding * 0.50;	padding
p-x0.50-lr	padding-left/right: padding * 0.50;	padding
p-x0.50-t	padding-top: padding * 0.50;	padding
p-x0.50-b	padding-bottom: padding * 0.50;	padding
p-x0.50-l	padding-left: padding * 0.50;	padding
p-x0.50-r	padding-right: padding * 0.50;	padding
p-xc0.50	padding: padding-cnt * 0.50;	padding-cnt
p-xc0.50-tb	padding-top/bottom: padding-cnt * 0.50;	padding-cnt
p-xc0.50-lr	padding-left/right: padding-cnt * 0.50;	padding-cnt
p-xc0.50-t	padding-top: padding-cnt * 0.50;	padding-cnt
p-xc0.50-b	padding-bottom: padding-cnt * 0.50;	padding-cnt
p-xc0.50-l	padding-left: padding-cnt * 0.50;	padding-cnt
p-xc0.50-r	padding-right: padding-cnt * 0.50;	padding-cnt
p-x0.80	padding: padding * 0.80;	padding
p-x0.80-tb	padding-top/bottom: padding * 0.80;	padding
p-x0.80-lr	padding-left/right: padding * 0.80;	padding
p-x0.80-t	padding-top: padding * 0.80;	padding
p-x0.80-b	padding-bottom: padding * 0.80;	padding
p-x0.80-l	padding-left: padding * 0.80;	padding
p-x0.80-r	padding-right: padding * 0.80;	padding
p-xc0.80	padding: padding-cnt * 0.80;	padding-cnt
p-xc0.80-tb	padding-top/bottom: padding-cnt * 0.80;	padding-cnt
p-xc0.80-lr	padding-left/right: padding-cnt * 0.80;	padding-cnt
p-xc0.80-t	padding-top: padding-cnt * 0.80;	padding-cnt
p-xc0.80-b	padding-bottom: padding-cnt * 0.80;	padding-cnt
p-xc0.80-l	padding-left: padding-cnt * 0.80;	padding-cnt
p-xc0.80-r	padding-right: padding-cnt * 0.80;	padding-cnt
p-x3	padding: 3 * padding;	padding
p-x3-tb	padding-top/bottom: 3 * padding;	padding
p-x3-lr	padding-left/right: 3 * padding;	padding
p-x3-t	padding-top: 3 * padding;	padding
p-x3-b	padding-bottom: 3 * padding;	padding
p-x3-l	padding-left: 3 * padding;	padding
p-x3-r	padding-right: 3 * padding;	padding
p-xc3	padding: 3 * padding-cnt;	padding-cnt
p-xc3-tb	padding-top/bottom: 3 * padding-cnt;	padding-cnt
p-xc3-lr	padding-left/right: 3 * padding-cnt;	padding-cnt
p-xc3-t	padding-top: 3 * padding-cnt;	padding-cnt
p-xc3-b	padding-bottom: 3 * padding-cnt;	padding-cnt
p-xc3-l	padding-left: 3 * padding-cnt;	padding-cnt
p-xc3-r	padding-right: 3 * padding-cnt;	padding-cnt
p-x5	padding: 5 * padding;	padding
p-x5-tb	padding-top/bottom: 5 * padding;	padding
p-x5-lr	padding-left/right: 5 * padding;	padding
p-x5-t	padding-top: 5 * padding;	padding
p-x5-b	padding-bottom: 5 * padding;	padding
p-x5-l	padding-left: 5 * padding;	padding
p-x5-r	padding-right: 5 * padding;	padding
p-xc5	padding: 5 * padding-cnt;	padding-cnt
p-xc5-tb	padding-top/bottom: 5 * padding-cnt;	padding-cnt
p-xc5-lr	padding-left/right: 5 * padding-cnt;	padding-cnt
p-xc5-t	padding-top: 5 * padding-cnt;	padding-cnt
p-xc5-b	padding-bottom: 5 * padding-cnt;	padding-cnt
p-xc5-l	padding-left: 5 * padding-cnt;	padding-cnt
p-xc5-r	padding-right: 5 * padding-cnt;	padding-cnt
p-x7	padding: 7 * padding;	padding
p-x7-tb	padding-top/bottom: 7 * padding;	padding
p-x7-lr	padding-left/right: 7 * padding;	padding
p-x7-t	padding-top: 7 * padding;	padding
p-x7-b	padding-bottom: 7 * padding;	padding
p-x7-l	padding-left: 7 * padding;	padding
p-x7-r	padding-right: 7 * padding;	padding
p-xc7	padding: 7 * padding-cnt;	padding-cnt
p-xc7-tb	padding-top/bottom: 7 * padding-cnt;	padding-cnt
p-xc7-lr	padding-left/right: 7 * padding-cnt;	padding-cnt
p-xc7-t	padding-top: 7 * padding-cnt;	padding-cnt
p-xc7-b	padding-bottom: 7 * padding-cnt;	padding-cnt
p-xc7-l	padding-left: 7 * padding-cnt;	padding-cnt
p-xc7-r	padding-right: 7 * padding-cnt;	padding-cnt
p-x9	padding: 9 * padding;	padding
p-x9-tb	padding-top/bottom: 9 * padding;	padding
p-x9-lr	padding-left/right: 9 * padding;	padding
p-x9-t	padding-top: 9 * padding;	padding
p-x9-b	padding-bottom: 9 * padding;	padding
p-x9-l	padding-left: 9 * padding;	padding
p-x9-r	padding-right: 9 * padding;	padding
p-xc9	padding: 9 * padding-cnt;	padding-cnt
p-xc9-tb	padding-top/bottom: 9 * padding-cnt;	padding-cnt
p-xc9-lr	padding-left/right: 9 * padding-cnt;	padding-cnt
p-xc9-t	padding-top: 9 * padding-cnt;	padding-cnt
p-xc9-b	padding-bottom: 9 * padding-cnt;	padding-cnt
p-xc9-l	padding-left: 9 * padding-cnt;	padding-cnt
p-xc9-r	padding-right: 9 * padding-cnt;	padding-cnt
p-xf1	padding: font-size * 1;	font
p-xf1-tb	padding-top/bottom: font-size * 1;	font
p-xf1-lr	padding-left/right: font-size * 1;	font
p-xf1-t	padding-top: font-size * 1;	font
p-xf1-b	padding-bottom: font-size * 1;	font
p-xf1-l	padding-left: font-size * 1;	font
p-xf1-r	padding-right: font-size * 1;	font
p-xf2	padding: font-size * 2;	font
p-xf2-tb	padding-top/bottom: font-size * 2;	font
p-xf2-lr	padding-left/right: font-size * 2;	font
p-xf2-t	padding-top: font-size * 2;	font
p-xf2-b	padding-bottom: font-size * 2;	font
p-xf2-l	padding-left: font-size * 2;	font
p-xf2-r	padding-right: font-size * 2;	font
p-xf3	padding: font-size * 3;	font
p-xf3-tb	padding-top/bottom: font-size * 3;	font
p-xf3-lr	padding-left/right: font-size * 3;	font
p-xf3-t	padding-top: font-size * 3;	font
p-xf3-b	padding-bottom: font-size * 3;	font
p-xf3-l	padding-left: font-size * 3;	font
p-xf3-r	padding-right: font-size * 3;	font
p-xf4	padding: font-size * 4;	font
p-xf4-tb	padding-top/bottom: font-size * 4;	font
p-xf4-lr	padding-left/right: font-size * 4;	font
p-xf4-t	padding-top: font-size * 4;	font
p-xf4-b	padding-bottom: font-size * 4;	font
p-xf4-l	padding-left: font-size * 4;	font
p-xf4-r	padding-right: font-size * 4;	font
p-xf6	padding: font-size * 6;	font
p-xf6-tb	padding-top/bottom: font-size * 6;	font
p-xf6-lr	padding-left/right: font-size * 6;	font
p-xf6-t	padding-top: font-size * 6;	font
p-xf6-b	padding-bottom: font-size * 6;	font
p-xf6-l	padding-left: font-size * 6;	font
p-xf6-r	padding-right: font-size * 6;	font
p-xf8	padding: font-size * 8;	font
p-xf8-tb	padding-top/bottom: font-size * 8;	font
p-xf8-lr	padding-left/right: font-size * 8;	font
p-xf8-t	padding-top: font-size * 8;	font
p-xf8-b	padding-bottom: font-size * 8;	font
p-xf8-l	padding-left: font-size * 8;	font
p-xf8-r	padding-right: font-size * 8;	font

margin

Class	Properties	variable
m-auto	margin: auto;
m-auto-t	margin-top: auto;
m-auto-b	margin-bottom: auto;
m-auto-l	margin-left: auto;
m-auto-r	margin-right: auto;
m-auto-tb	margin-top/bottom: auto;
m-auto-lr	margin-left/right: auto;
m0px	margin: 0px;
m-t0px	margin-top: 0px;
m-b0px	margin-bottom: 0px;
m-l0px	margin-left: 0px;
m-r0px	margin-right: 0px;
m-tb0px	margin-top/bottom: 0px;
m-lr0px	margin-left/right: 0px;
m2px	margin: 2px;
m2px-l	margin-left: 2px;
m2px-r	margin-right: 2px;
m2px-t	margin-top: 2px;
m2px-b	margin-bottom: 2px;
m2px-tb	margin-top: 2px; margin-bottom: 2px;
m2px-lr	margin-left: 2px; margin-right: 2px;
m5px	margin: 5px;
m5px-l	margin-left: 5px;
m5px-r	margin-right: 5px;
m5px-t	margin-top: 5px;
m5px-b	margin-bottom: 5px;
m5px-tb	margin-top: 5px; margin-bottom: 5px;
m5px-lr	margin-left: 5px; margin-right: 5px;
m8px	margin: 8px;
m8px-l	margin-left: 8px;
m8px-r	margin-right: 8px;
m8px-t	margin-top: 8px;
m8px-b	margin-bottom: 8px;
m8px-tb	margin-top: 8px; margin-bottom: 8px;
m8px-lr	margin-left: 8px; margin-right: 8px;
m10px	margin: 10px;
m10px-l	margin-left: 10px;
m10px-r	margin-right: 10px;
m10px-t	margin-top: 10px;
m10px-b	margin-bottom: 10px;
m10px-tb	margin-top: 10px; margin-bottom: 10px;
m10px-lr	margin-left: 10px; margin-right: 10px;
m	margin	padding
m-x	margin	padding-cnt
m-l	margin-left	padding
m-lr	margin-left/right	padding
m-x-l	margin-left	padding-cnt
m-x-lr	margin-left/right	padding-cnt
m-r	margin-right	padding
m-x-r	margin-right	padding-cnt
m-t	margin-top	padding
m-tb	margin-top/bottom	padding
m-x-t	margin-top	padding-cnt
m-x-tb	margin-top/bottom	padding-cnt
m-b	margin-bottom	padding
m-x-b	margin-bottom	padding-cnt
m-x0.50	margin: padding * 0.50;	padding
m-x0.50-tb	margin-top/bottom: padding * 0.50;	padding
m-x0.50-lr	margin-left/right: padding * 0.50;	padding
m-x0.50-t	margin-top: padding * 0.50;	padding
m-x0.50-b	margin-bottom: padding * 0.50;	padding
m-x0.50-l	margin-left: padding * 0.50;	padding
m-x0.50-r	margin-right: padding * 0.50;	padding
m-xc0.50	margin: padding-cnt * 0.50;	padding-cnt
m-xc0.50-tb	margin-top/bottom: padding-cnt * 0.50;	padding-cnt
m-xc0.50-lr	margin-left/right: padding-cnt * 0.50;	padding-cnt
m-xc0.50-t	margin-top: padding-cnt * 0.50;	padding-cnt
m-xc0.50-b	margin-bottom: padding-cnt * 0.50;	padding-cnt
m-xc0.50-l	margin-left: padding-cnt * 0.50;	padding-cnt
m-xc0.50-r	margin-right: padding-cnt * 0.50;	padding-cnt
m-x0.80	margin: padding * 0.80;	padding
m-x0.80-tb	margin-top/bottom: padding * 0.80;	padding
m-x0.80-lr	margin-left/right: padding * 0.80;	padding
m-x0.80-t	margin-top: padding * 0.80;	padding
m-x0.80-b	margin-bottom: padding * 0.80;	padding
m-x0.80-l	margin-left: padding * 0.80;	padding
m-x0.80-r	margin-right: padding * 0.80;	padding
m-xc0.80	margin: padding-cnt * 0.80;	padding-cnt
m-xc0.80-tb	margin-top/bottom: padding-cnt * 0.80;	padding-cnt
m-xc0.80-lr	margin-left/right: padding-cnt * 0.80;	padding-cnt
m-xc0.80-t	margin-top: padding-cnt * 0.80;	padding-cnt
m-xc0.80-b	margin-bottom: padding-cnt * 0.80;	padding-cnt
m-xc0.80-l	margin-left: padding-cnt * 0.80;	padding-cnt
m-xc0.80-r	margin-right: padding-cnt * 0.80;	padding-cnt
m-x3	margin: 3 * padding;	padding
m-x3-tb	margin-top/bottom: 3 * padding;	padding
m-x3-lr	margin-left/right: 3 * padding;	padding
m-x3-t	margin-top: 3 * padding;	padding
m-x3-b	margin-bottom: 3 * padding;	padding
m-x3-l	margin-left: 3 * padding;	padding
m-x3-r	margin-right: 3 * padding;	padding
m-xc3	margin: 3 * padding-cnt;	padding-cnt
m-xc3-tb	margin-top/bottom: 3 * padding-cnt;	padding-cnt
m-xc3-lr	margin-left/right: 3 * padding-cnt;	padding-cnt
m-xc3-t	margin-top: 3 * padding-cnt;	padding-cnt
m-xc3-b	margin-bottom: 3 * padding-cnt;	padding-cnt
m-xc3-l	margin-left: 3 * padding-cnt;	padding-cnt
m-xc3-r	margin-right: 3 * padding-cnt;	padding-cnt
m-x5	margin: 5 * padding;	padding
m-x5-tb	margin-top/bottom: 5 * padding;	padding
m-x5-lr	margin-left/right: 5 * padding;	padding
m-x5-t	margin-top: 5 * padding;	padding
m-x5-b	margin-bottom: 5 * padding;	padding
m-x5-l	margin-left: 5 * padding;	padding
m-x5-r	margin-right: 5 * padding;	padding
m-xc5	margin: 5 * padding-cnt;	padding-cnt
m-xc5-tb	margin-top/bottom: 5 * padding-cnt;	padding-cnt
m-xc5-lr	margin-left/right: 5 * padding-cnt;	padding-cnt
m-xc5-t	margin-top: 5 * padding-cnt;	padding-cnt
m-xc5-b	margin-bottom: 5 * padding-cnt;	padding-cnt
m-xc5-l	margin-left: 5 * padding-cnt;	padding-cnt
m-xc5-r	margin-right: 5 * padding-cnt;	padding-cnt
m-x7	margin: 7 * padding;	padding
m-x7-tb	margin-top/bottom: 7 * padding;	padding
m-x7-lr	margin-left/right: 7 * padding;	padding
m-x7-t	margin-top: 7 * padding;	padding
m-x7-b	margin-bottom: 7 * padding;	padding
m-x7-l	margin-left: 7 * padding;	padding
m-x7-r	margin-right: 7 * padding;	padding
m-xc7	margin: 7 * padding-cnt;	padding-cnt
m-xc7-tb	margin-top/bottom: 7 * padding-cnt;	padding-cnt
m-xc7-lr	margin-left/right: 7 * padding-cnt;	padding-cnt
m-xc7-t	margin-top: 7 * padding-cnt;	padding-cnt
m-xc7-b	margin-bottom: 7 * padding-cnt;	padding-cnt
m-xc7-l	margin-left: 7 * padding-cnt;	padding-cnt
m-xc7-r	margin-right: 7 * padding-cnt;	padding-cnt
m-x9	margin: 9 * padding;	padding
m-x9-tb	margin-top/bottom: 9 * padding;	padding
m-x9-lr	margin-left/right: 9 * padding;	padding
m-x9-t	margin-top: 9 * padding;	padding
m-x9-b	margin-bottom: 9 * padding;	padding
m-x9-l	margin-left: 9 * padding;	padding
m-x9-r	margin-right: 9 * padding;	padding
m-xc9	margin: 9 * padding-cnt;	padding-cnt
m-xc9-tb	margin-top/bottom: 9 * padding-cnt;	padding-cnt
m-xc9-lr	margin-left/right: 9 * padding-cnt;	padding-cnt
m-xc9-t	margin-top: 9 * padding-cnt;	padding-cnt
m-xc9-b	margin-bottom: 9 * padding-cnt;	padding-cnt
m-xc9-l	margin-left: 9 * padding-cnt;	padding-cnt
m-xc9-r	margin-right: 9 * padding-cnt;	padding-cnt
m-xf1	margin: font-size * 1;	font
m-xf1-tb	margin-top/bottom: font-size * 1;	font
m-xf1-lr	margin-left/right: font-size * 1;	font
m-xf1-t	margin-top: font-size * 1;	font
m-xf1-b	margin-bottom: font-size * 1;	font
m-xf1-l	margin-left: font-size * 1;	font
m-xf1-r	margin-right: font-size * 1;	font
m-xf2	margin: font-size * 2;	font
m-xf2-tb	margin-top/bottom: font-size * 2;	font
m-xf2-lr	margin-left/right: font-size * 2;	font
m-xf2-t	margin-top: font-size * 2;	font
m-xf2-b	margin-bottom: font-size * 2;	font
m-xf2-l	margin-left: font-size * 2;	font
m-xf2-r	margin-right: font-size * 2;	font
m-xf3	margin: font-size * 3;	font
m-xf3-tb	margin-top/bottom: font-size * 3;	font
m-xf3-lr	margin-left/right: font-size * 3;	font
m-xf3-t	margin-top: font-size * 3;	font
m-xf3-b	margin-bottom: font-size * 3;	font
m-xf3-l	margin-left: font-size * 3;	font
m-xf3-r	margin-right: font-size * 3;	font
m-xf4	margin: font-size * 4;	font
m-xf4-tb	margin-top/bottom: font-size * 4;	font
m-xf4-lr	margin-left/right: font-size * 4;	font
m-xf4-t	margin-top: font-size * 4;	font
m-xf4-b	margin-bottom: font-size * 4;	font
m-xf4-l	margin-left: font-size * 4;	font
m-xf4-r	margin-right: font-size * 4;	font
m-xf6	margin: font-size * 6;	font
m-xf6-tb	margin-top/bottom: font-size * 6;	font
m-xf6-lr	margin-left/right: font-size * 6;	font
m-xf6-t	margin-top: font-size * 6;	font
m-xf6-b	margin-bottom: font-size * 6;	font
m-xf6-l	margin-left: font-size * 6;	font
m-xf6-r	margin-right: font-size * 6;	font
m-xf8	margin: font-size * 8;	font
m-xf8-tb	margin-top/bottom: font-size * 8;	font
m-xf8-lr	margin-left/right: font-size * 8;	font
m-xf8-t	margin-top: font-size * 8;	font
m-xf8-b	margin-bottom: font-size * 8;	font
m-xf8-l	margin-left: font-size * 8;	font
m-xf8-r	margin-right: font-size * 8;	font

overflow

Class	Properties
o-auto	overflow: auto;
o-hidden	overflow: hidden;
o-clip	overflow: clip;
o-visible	overflow: visible;
o-scroll	overflow: scroll;
o-x-auto	overflow-x: auto;
o-y-auto	overflow-y: auto;
o-x-hidden	overflow-x: hidden;
o-y-hidden	overflow-y: hidden;
o-x-clip	overflow-x: clip;
o-y-clip	overflow-y: clip;
o-x-visible	overflow-x: visible;
o-y-visible	overflow-y: visible;
o-x-scroll	overflow-x: scroll;
o-y-scroll	overflow-y: scroll;

position

Class	Properties
static	position: static;
fixed	position: fixed;
absolute	position: absolute;
relative	position: relative;
sticky	position: sticky;
position-0	bottom: 0; left: 0; right: 0; top: 0;

rotate

Class	Properties
rotate-0 ,rotate-0:hover	transform: rotate(0deg);
rotate-1,rotate-1:hover	transform: rotate(1deg);
rotate-2,rotate-2:hover	transform: rotate(2deg);
rotate-3,rotate-3:hover	transform: rotate(3deg);
rotate-6,rotate-6:hover	transform: rotate(6deg);
rotate-12,rotate-12:hover	transform: rotate(12deg);
rotate-45,rotate-45:hover	transform: rotate(45deg);
rotate-90,rotate-90:hover	transform: rotate(90deg);
rotate-180,rotate-180:hover	transform: rotate(180deg);

size

Class	Properties	Pixel Value (px)
size-0	width: 0px; height: 0px;	0
size-px	width: 1px; height: 1px;	1
size-0.5	width: 0.125rem; height: 0.125rem;	2
size-1	width: 0.25rem; height: 0.25rem;	4
size-1.5	width: 0.375rem; height: 0.375rem;	6
size-2	width: 0.5rem; height: 0.5rem;	8
size-2.5	width: 0.625rem; height: 0.625rem;	10
size-3	width: 0.75rem; height: 0.75rem;	12
size-3.5	width: 0.875rem; height: 0.875rem;	14
size-4	width: 1rem; height: 1rem;	16
size-5	width: 1.25rem; height: 1.25rem;	20
size-6	width: 1.5rem; height: 1.5rem;	24
size-7	width: 1.75rem; height: 1.75rem;	28
size-8	width: 2rem; height: 2rem;	32
size-9	width: 2.25rem; height: 2.25rem;	36
size-10	width: 2.5rem; height: 2.5rem;	40
size-11	width: 2.75rem; height: 2.75rem;	44
size-12	width: 3rem; height: 3rem;	48
size-14	width: 3.5rem; height: 3.5rem;	56
size-16	width: 4rem; height: 4rem;	64
size-20	width: 5rem; height: 5rem;	80
size-24	width: 6rem; height: 6rem;	96
size-28	width: 7rem; height: 7rem;	112
size-32	width: 8rem; height: 8rem;	128
size-36	width: 9rem; height: 9rem;	144
size-40	width: 10rem; height: 10rem;	160
size-44	width: 11rem; height: 11rem;	176
size-48	width: 12rem; height: 12rem;	192
size-52	width: 13rem; height: 13rem;	208
size-56	width: 14rem; height: 14rem;	224
size-60	width: 15rem; height: 15rem;	240
size-64	width: 16rem; height: 16rem;	256
size-72	width: 18rem; height: 18rem;	288
size-80	width: 20rem; height: 20rem;	320
size-96	width: 24rem; height: 24rem;	384
size-auto	width: auto; height: auto;
size-1/2	width: 50%; height: 50%;
size-1/3	width: 33.333333%; height: 33.333333%;
size-2/3	width: 66.666667%; height: 66.666667%;
size-1/4	width: 25%; height: 25%;
size-2/4	width: 50%; height: 50%;
size-3/4	width: 75%; height: 75%;
size-1/5	width: 20%; height: 20%;
size-2/5	width: 40%; height: 40%;
size-3/5	width: 60%; height:60%;
size-4/5	width: 80%; height: 80%;
size-1/6	width: 16.666667%; height: 16.666667%;
size-2/6	width: 33.333333%; height: 33.333333%;
size-3/6	width: 50%; height: 50%;
size-4/6	width: 66.666667%; height: 66.666667%;
size-5/6	width: 83.333333%; height: 83.333333%;
size-1/12	width: 8.333333%; height: 8.333333%;
size-2/12	width: 16.666667%; height: 16.666667%;
size-3/12	width: 25%; height: 25%;
size-4/12	width: 33.333333%; height: 33.333333%;
size-5/12	width: 41.666667%; height: 41.666667%;
size-6/12	width: 50%; height: 50%;
size-7/12	width: 58.333333%; height: 58.333333%;
size-8/12	width: 66.666667%; height: 66.666667%;
size-9/12	width: 75%; height: 75%;
size-10/12	width: 83.333333%; height: 83.333333%;
size-11/12	width: 91.666667%; height: 91.666667%;
size-full	width: 100%; height: 100%;
size-min	width: min-content; height: min-content;
size-max	width: max-content; height: max-content;
size-fit	width: fit-content; height: fit-content;

size-f

Class	Properties	Pixel Value (px)
size-f-0	--font-size: 0px;	0
size-f-px	--font-size: 1px;	1
size-f-0-5	--font-size: 0.125rem;	2
size-f-1	--font-size: 0.25rem;	4
size-f-1-5	--font-size: 0.375rem;	6
size-f-2	--font-size: 0.5rem;	8
size-f-2-5	--font-size: 0.625rem;	10
size-f-3	--font-size: 0.75rem;	12
size-f-3-5	--font-size: 0.875rem;	14
size-f-4	--font-size: 1rem;	16
size-f-5	--font-size: 1.25rem;	20
size-f-6	--font-size: 1.5rem;	24
size-f-7	--font-size: 1.75rem;	28
size-f-8	--font-size: 2rem;	32
size-f-9	--font-size: 2.25rem;	36
size-f-10	--font-size: 2.5rem;	40
size-f-11	--font-size: 2.75rem;	44
size-f-12	--font-size: 3rem;	48
size-f-14	--font-size: 3.5rem;	56
size-f-16	--font-size: 4rem;	64
size-f-20	--font-size: 5rem;	80
size-f-24	--font-size: 6rem;	96
size-f-28	--font-size: 7rem;	112
size-f-32	--font-size: 8rem;	128
size-f-36	--font-size: 9rem;	144
size-f-40	--font-size: 10rem;	160
size-f-44	--font-size: 11rem;	176
size-f-48	--font-size: 12rem;	192
size-f-52	--font-size: 13rem;	208
size-f-56	--font-size: 14rem;	224
size-f-60	--font-size: 15rem;	240
size-f-64	--font-size: 16rem;	256
size-f-72	--font-size: 18rem;	288
size-f-80	--font-size: 20rem;	320
size-f-96	--font-size: 24rem;	384
size-f-auto	--font-size: auto;
size-f-1-2	--font-size: 50%;
size-f-1-3	--font-size: 33.333333%;
size-f-2-3	--font-size: 66.666667%;
size-f-1-4	--font-size: 25%;
size-f-2-4	--font-size: 50%;
size-f-3-4	--font-size: 75%;
size-f-1-5	--font-size: 20%;
size-f-2-5	--font-size: 40%;
size-f-3-5	--font-size: 60%;
size-f-4-5	--font-size: 80%;
size-f-1-6	--font-size: 16.666667%;
size-f-2-6	--font-size: 33.333333%;
size-f-3-6	--font-size: 50%;
size-f-4-6	--font-size: 66.666667%;
size-f-5-6	--font-size: 83.333333%;
size-f-1-12	--font-size: 8.333333%;
size-f-2-12	--font-size: 16.666667%;
size-f-3-12	--font-size: 25%;
size-f-4-12	--font-size: 33.333333%;
size-f-5-12	--font-size: 41.666667%;
size-f-6-12	--font-size: 50%;
size-f-7-12	--font-size: 58.333333%;
size-f-8-12	--font-size: 66.666667%;
size-f-9-12	--font-size: 75%;
size-f-10-12	--font-size: 83.333333%;
size-f-11-12	--font-size: 91.666667%;
size-f-full	--font-size: 100%;

text

Class	Properties
t-break-word	overflow-x: hidden; white-space: normal; word-break: break-word;
t-ellipsis	overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;
t-nowrap	white-space: nowrap;
t-pre	white-space: pre;
t-pre-wrap	white-space: pre-wrap;
t-pre-pre-line	white-space: pre-line;
t-clip	text-overflow: clip;
t-bold	font-weight: bold;
t-center	text-align: center;
t-justify	text-align: justify;
t-underline	text-decoration: underline;

transition

Class	Properties
transition-color	transition: color var(--transition-time) ease-in-out;
transition-all	transition: all var(--transition-time) ease-in-out;
transition-background-color	transition: background-color var(--transition-time) ease-in-out;
transition-border	transition: border var(--transition-time) ease-in-out;
transition-opacity	transition: opacity var(--transition-time) ease-in-out;

user-select

Class	Properties
select-none	user-select: none;
select-text	user-select: text;
select-all	user-select: all;
select-auto	user-select: auto;

width

Class	Properties	Pixel Value (px)
w-0	width: 0px;	0
w-px	width: 1px;	1
w-0.5	width: 0.125rem;	2
w-1	width: 0.25rem;	4
w-1.5	width: 0.375rem;	6
w-2	width: 0.5rem;	8
w-2.5	width: 0.625rem;	10
w-3	width: 0.75rem;	12
w-3.5	width: 0.875rem;	14
w-4	width: 1rem;	16
w-5	width: 1.25rem;	20
w-6	width: 1.5rem;	24
w-7	width: 1.75rem;	28
w-8	width: 2rem;	32
w-9	width: 2.25rem;	36
w-10	width: 2.5rem;	40
w-11	width: 2.75rem;	44
w-12	width: 3rem;	48
w-14	width: 3.5rem;	56
w-16	width: 4rem;	64
w-20	width: 5rem;	80
w-24	width: 6rem;	96
w-28	width: 7rem;	112
w-32	width: 8rem;	128
w-36	width: 9rem;	144
w-40	width: 10rem;	160
w-44	width: 11rem;	176
w-48	width: 12rem;	192
w-52	width: 13rem;	208
w-56	width: 14rem;	224
w-60	width: 15rem;	240
w-64	width: 16rem;	256
w-72	width: 18rem;	288
w-80	width: 20rem;	320
w-96	width: 24rem;	384
w-auto	width: auto;
w-1/2	width: 50%;
w-1/3	width: 33.333333%;
w-2/3	width: 66.666667%;
w-1/4	width: 25%;
w-2/4	width: 50%;
w-3/4	width: 75%;
w-1/5	width: 20%;
w-2/5	width: 40%;
w-3/5	width: 60%;
w-4/5	width: 80%;
w-1/6	width: 16.666667%;
w-2/6	width: 33.333333%;
w-3/6	width: 50%;
w-4/6	width: 66.666667%;
w-5/6	width: 83.333333%;
w-1/12	width: 8.333333%;
w-2/12	width: 16.666667%;
w-3/12	width: 25%;
w-4/12	width: 33.333333%;
w-5/12	width: 41.666667%;
w-6/12	width: 50%;
w-7/12	width: 58.333333%;
w-8/12	width: 66.666667%;
w-9/12	width: 75%;
w-10/12	width: 83.333333%;
w-11/12	width: 91.666667%;
w-full	width: 100%;
w-screen	width: 100vw;
w-svw	width: 100svw;
w-lvw	width: 100lvw;
w-dvw	width: 100dvw;
w-min	width: min-content;
w-max	width: max-content;
w-fit	width: fit-content;

width-min

Class	Properties	Pixel Value (px)
min-w-0	min-width: 0px;	0
min-w-1	min-width: 0.25rem;	4
min-w-2	min-width: 0.5rem;	8
min-w-3	min-width: 0.75rem;	12
min-w-4	min-width: 1rem;	16
min-w-5	min-width: 1.25rem;	20
min-w-6	min-width: 1.5rem;	24
min-w-7	min-width: 1.75rem;	28
min-w-8	min-width: 2rem;	32
min-w-9	min-width: 2.25rem;	36
min-w-10	min-width: 2.5rem;	40
min-w-11	min-width: 2.75rem;	44
min-w-12	min-width: 3rem;	48
min-w-14	min-width: 3.5rem;	56
min-w-16	min-width: 4rem;	64
min-w-20	min-width: 5rem;	80
min-w-24	min-width: 6rem;	96
min-w-28	min-width: 7rem;	112
min-w-32	min-width: 8rem;	128
min-w-36	min-width: 9rem;	144
min-w-40	min-width: 10rem;	160
min-w-44	min-width: 11rem;	176
min-w-48	min-width: 12rem;	192
min-w-52	min-width: 13rem;	208
min-w-56	min-width: 14rem;	224
min-w-60	min-width: 15rem;	240
min-w-64	min-width: 16rem;	256
min-w-72	min-width: 18rem;	288
min-w-80	min-width: 20rem;	320
min-w-96	min-width: 24rem;	384
min-w-px	min-width: 1px;	1
min-w-0.5	min-width: 0.125rem;	2
min-w-1.5	min-width: 0.375rem;	6
min-w-2.5	min-width: 0.625rem;	10
min-w-3.5	min-width: 0.875rem;	14
min-w-full	min-width: 100%;
min-w-min	min-width: min-content;
min-w-max	min-width: max-content;
min-w-fit	min-width: fit-content;

width-max

Class	Properties	Pixel Value (px)
max-w-0	max-width: 0px;	0
max-w-px	max-width: 1px;	1
max-w-0.5	max-width: 0.125rem;	2
max-w-1	max-width: 0.25rem;	4
max-w-1.5	max-width: 0.375rem;	6
max-w-2	max-width: 0.5rem;	8
max-w-2.5	max-width: 0.625rem;	10
max-w-3	max-width: 0.75rem;	12
max-w-3.5	max-width: 0.875rem;	14
max-w-4	max-width: 1rem;	16
max-w-5	max-width: 1.25rem;	20
max-w-6	max-width: 1.5rem;	24
max-w-7	max-width: 1.75rem;	28
max-w-8	max-width: 2rem;	32
max-w-9	max-width: 2.25rem;	36
max-w-10	max-width: 2.5rem;	40
max-w-11	max-width: 2.75rem;	44
max-w-12	max-width: 3rem;	48
max-w-14	max-width: 3.5rem;	56
max-w-16	max-width: 4rem;	64
max-w-20	max-width: 5rem;	80
max-w-24	max-width: 6rem;	96
max-w-28	max-width: 7rem;	112
max-w-32	max-width: 8rem;	128
max-w-36	max-width: 9rem;	144
max-w-40	max-width: 10rem;	160
max-w-44	max-width: 11rem;	176
max-w-48	max-width: 12rem;	192
max-w-52	max-width: 13rem;	208
max-w-56	max-width: 14rem;	224
max-w-60	max-width: 15rem;	240
max-w-64	max-width: 16rem;	256
max-w-72	max-width: 18rem;	288
max-w-80	max-width: 20rem;	320
max-w-96	max-width: 24rem;	384
max-w-none	max-width: none;
max-w-xs	max-width: 20rem;	320
max-w-sm	max-width: 24rem;	384
max-w-md	max-width: 28rem;	448
max-w-lg	max-width: 32rem;	512
max-w-xl	max-width: 36rem;	576
max-w-2xl	max-width: 42rem;	672
max-w-3xl	max-width: 48rem;	768
max-w-4xl	max-width: 56rem;	896
max-w-5xl	max-width: 64rem;	1024
max-w-6xl	max-width: 72rem;	1152
max-w-7xl	max-width: 80rem;	1280
max-w-full	max-width: 100%;
max-w-min	max-width: min-content;
max-w-max	max-width: max-content;
max-w-fit	max-width: fit-content;
max-w-prose	max-width: 65ch;
max-w-screen-sm	max-width: 640px;
max-w-screen-md	max-width: 768px;
max-w-screen-lg	max-width: 1024px;
max-w-screen-xl	max-width: 1280px;
max-w-screen-2xl	max-width: 1536px;