msaJustPyUI Module¶
.jpcore.tailwind
¶
Classes¶
Tailwind ¶
handle css classes to be attached to components
Attributes¶
pseudo_classes
class-attribute
¶
pseudo_classes = [
"hover",
"focus",
"active",
"group-hover",
"focus-within",
"first",
"last",
"odd",
"even",
"disabled",
"visited",
"sm",
"md",
"lg",
"xl",
"group-focus",
]
tw_dict
class-attribute
¶
tw_dict = {
"container": ["container"],
"screen_reader": ["sr-only", "not-sr-only"],
"display": [
"block",
"inline-block",
"inline",
"flex",
"inline-flex",
"table",
"table-row",
"table-cell",
"table-caption",
"table-column",
"table-column-group",
"table-header-group",
"table-row-group",
"table-footer-group",
"hidden",
"grid",
"inline-grid",
"flow-root",
],
"float": [
"float-right",
"float-left",
"float-none",
"clearfix",
],
"clear": [
"clear-right",
"clear-left",
"clear-none",
"clear-both",
],
"object_fit": [
"object-contain",
"object-cover",
"object-fill",
"object-none",
"object-scale-down",
],
"object_position": [
"object-bottom",
"object-center",
"object-left",
"object-left-bottom",
"object-left-top",
"object-right",
"object-right-bottom",
"object-right-top",
"object-top",
],
"overflow": [
"overflow-auto",
"overflow-hidden",
"overflow-visible",
"overflow-scroll",
"overflow-x-auto",
"overflow-y-auto",
"overflow-x-hidden",
"overflow-y-hidden",
"overflow-x-visible",
"overflow-y-visible",
"overflow-x-scroll",
"overflow-y-scroll",
"scrolling-touch",
"scrolling-auto",
],
"position": [
"static",
"fixed",
"absolute",
"relative",
"sticky",
],
"top_right_bottom_left": [
"inset-0",
"inset-y-0",
"inset-x-0",
"top-0",
"right-0",
"bottom-0",
"left-0",
"inset-auto",
"inset-y-auto",
"inset-x-auto",
"top-auto",
"bottom-auto",
"left-auto",
"right-auto",
],
"visibility": ["visible", "invisible"],
"z_index": [
"z-0",
"z-10",
"z-20",
"z-30",
"z-40",
"z-50",
"z-auto",
],
"font_family": ["font-sans", "font-serif", "font-mono"],
"font_size": [
"text-xs",
"text-sm",
"text-base",
"text-lg",
"text-xl",
"text-2xl",
"text-3xl",
"text-4xl",
"text-5xl",
"text-6xl",
],
"font_smoothing": [
"antialiased",
"subpixel-antialiased",
],
"font_style": ["italic", "not-italic"],
"font_weight": [
"font-hairline",
"font-thin",
"font-light",
"font-normal",
"font-medium",
"font-semibold",
"font-bold",
"font-extrabold",
"font-black",
],
"letter_spacing": [
"tracking-tighter",
"tracking-tight",
"tracking-normal",
"tracking-wide",
"tracking-wider",
"tracking-widest",
],
"line_height": [
"leading-none",
"leading-tight",
"leading-snug",
"leading-normal",
"leading-relaxed",
"leading-loose",
"leading-3",
"leading-4",
"leading-5",
"leading-6",
"leading-7",
"leading-8",
"leading-9",
"leading-10",
],
"list_style_type": [
"list-none",
"list-disc",
"list-decimal",
],
"list_style_position": ["list-inside", "list-outside"],
"text_align": [
"text-left",
"text-center",
"text-right",
"text-justify",
],
"text_color": [
"text-transparent",
"text-current",
"text-black",
"text-white",
"text-gray-100",
"text-gray-200",
"text-gray-300",
"text-gray-400",
"text-gray-500",
"text-gray-600",
"text-gray-700",
"text-gray-800",
"text-gray-900",
"text-red-100",
"text-red-200",
"text-red-300",
"text-red-400",
"text-red-500",
"text-red-600",
"text-red-700",
"text-red-800",
"text-red-900",
"text-orange-100",
"text-orange-200",
"text-orange-300",
"text-orange-400",
"text-orange-500",
"text-orange-600",
"text-orange-700",
"text-orange-800",
"text-orange-900",
"text-yellow-100",
"text-yellow-200",
"text-yellow-300",
"text-yellow-400",
"text-yellow-500",
"text-yellow-600",
"text-yellow-700",
"text-yellow-800",
"text-yellow-900",
"text-green-100",
"text-green-200",
"text-green-300",
"text-green-400",
"text-green-500",
"text-green-600",
"text-green-700",
"text-green-800",
"text-green-900",
"text-teal-100",
"text-teal-200",
"text-teal-300",
"text-teal-400",
"text-teal-500",
"text-teal-600",
"text-teal-700",
"text-teal-800",
"text-teal-900",
"text-blue-100",
"text-blue-200",
"text-blue-300",
"text-blue-400",
"text-blue-500",
"text-blue-600",
"text-blue-700",
"text-blue-800",
"text-blue-900",
"text-indigo-100",
"text-indigo-200",
"text-indigo-300",
"text-indigo-400",
"text-indigo-500",
"text-indigo-600",
"text-indigo-700",
"text-indigo-800",
"text-indigo-900",
"text-purple-100",
"text-purple-200",
"text-purple-300",
"text-purple-400",
"text-purple-500",
"text-purple-600",
"text-purple-700",
"text-purple-800",
"text-purple-900",
"text-pink-100",
"text-pink-200",
"text-pink-300",
"text-pink-400",
"text-pink-500",
"text-pink-600",
"text-pink-700",
"text-pink-800",
"text-pink-900",
],
"text_decoration": [
"underline",
"line-through",
"no-underline",
],
"text_transform": [
"uppercase",
"lowercase",
"capitalize",
"normal-case",
],
"vertical_align": [
"align-baseline",
"align-top",
"align-middle",
"align-bottom",
"align-text-top",
"align-text-bottom",
],
"whitespace": [
"whitespace-normal",
"whitespace-no-wrap",
"whitespace-pre",
"whitespace-pre-line",
"whitespace-pre-wrap",
],
"word_break": [
"break-normal",
"break-words",
"break-all",
"truncate",
],
"background_attachment": [
"bg-fixed",
"bg-local",
"bg-scroll",
],
"background_color": [
"bg-transparent",
"bg-current",
"bg-black",
"bg-white",
"bg-gray-50",
"bg-gray-100",
"bg-gray-200",
"bg-gray-300",
"bg-gray-400",
"bg-gray-500",
"bg-gray-600",
"bg-gray-700",
"bg-gray-800",
"bg-gray-900",
"bg-red-100",
"bg-red-200",
"bg-red-300",
"bg-red-400",
"bg-red-500",
"bg-red-600",
"bg-red-700",
"bg-red-800",
"bg-red-900",
"bg-orange-100",
"bg-orange-200",
"bg-orange-300",
"bg-orange-400",
"bg-orange-500",
"bg-orange-600",
"bg-orange-700",
"bg-orange-800",
"bg-orange-900",
"bg-yellow-100",
"bg-yellow-200",
"bg-yellow-300",
"bg-yellow-400",
"bg-yellow-500",
"bg-yellow-600",
"bg-yellow-700",
"bg-yellow-800",
"bg-yellow-900",
"bg-green-100",
"bg-green-200",
"bg-green-300",
"bg-green-400",
"bg-green-500",
"bg-green-600",
"bg-green-700",
"bg-green-800",
"bg-green-900",
"bg-teal-100",
"bg-teal-200",
"bg-teal-300",
"bg-teal-400",
"bg-teal-500",
"bg-teal-600",
"bg-teal-700",
"bg-teal-800",
"bg-teal-900",
"bg-blue-100",
"bg-blue-200",
"bg-blue-300",
"bg-blue-400",
"bg-blue-500",
"bg-blue-600",
"bg-blue-700",
"bg-blue-800",
"bg-blue-900",
"bg-indigo-100",
"bg-indigo-200",
"bg-indigo-300",
"bg-indigo-400",
"bg-indigo-500",
"bg-indigo-600",
"bg-indigo-700",
"bg-indigo-800",
"bg-indigo-900",
"bg-purple-100",
"bg-purple-200",
"bg-purple-300",
"bg-purple-400",
"bg-purple-500",
"bg-purple-600",
"bg-purple-700",
"bg-purple-800",
"bg-purple-900",
"bg-pink-100",
"bg-pink-200",
"bg-pink-300",
"bg-pink-400",
"bg-pink-500",
"bg-pink-600",
"bg-pink-700",
"bg-pink-800",
"bg-pink-900",
],
"background_position": [
"bg-bottom",
"bg-center",
"bg-left",
"bg-left-bottom",
"bg-left-top",
"bg-right",
"bg-right-bottom",
"bg-right-top",
"bg-top",
],
"background_repeat": [
"bg-repeat",
"bg-no-repeat",
"bg-repeat-x",
"bg-repeat-y",
"bg-repeat-round",
"bg-repeat-space",
],
"background_size": [
"bg-auto",
"bg-cover",
"bg-contain",
],
"background_opacity": [
"bg-opacity-0",
"bg-opacity-25",
"bg-opacity-50",
"bg-opacity-75",
"bg-opacity-100",
],
"text_opacity": [
"text-opacity-0",
"text-opacity-25",
"text-opacity-50",
"text-opacity-75",
"text-opacity-100",
],
"placeholder_opacity": [
"placeholder-opacity-0",
"placeholder-opacity-25",
"placeholder-opacity-50",
"placeholder-opacity-75",
"placeholder-opacity-100",
],
"border_opacity": [
"border-opacity-0",
"border-opacity-25",
"border-opacity-50",
"border-opacity-75",
"border-opacity-100",
],
"border_color": [
"border-transparent",
"border-current",
"border-black",
"border-white",
"border-gray-100",
"border-gray-200",
"border-gray-300",
"border-gray-400",
"border-gray-500",
"border-gray-600",
"border-gray-700",
"border-gray-800",
"border-gray-900",
"border-red-100",
"border-red-200",
"border-red-300",
"border-red-400",
"border-red-500",
"border-red-600",
"border-red-700",
"border-red-800",
"border-red-900",
"border-orange-100",
"border-orange-200",
"border-orange-300",
"border-orange-400",
"border-orange-500",
"border-orange-600",
"border-orange-700",
"border-orange-800",
"border-orange-900",
"border-yellow-100",
"border-yellow-200",
"border-yellow-300",
"border-yellow-400",
"border-yellow-500",
"border-yellow-600",
"border-yellow-700",
"border-yellow-800",
"border-yellow-900",
"border-green-100",
"border-green-200",
"border-green-300",
"border-green-400",
"border-green-500",
"border-green-600",
"border-green-700",
"border-green-800",
"border-green-900",
"border-teal-100",
"border-teal-200",
"border-teal-300",
"border-teal-400",
"border-teal-500",
"border-teal-600",
"border-teal-700",
"border-teal-800",
"border-teal-900",
"border-blue-100",
"border-blue-200",
"border-blue-300",
"border-blue-400",
"border-blue-500",
"border-blue-600",
"border-blue-700",
"border-blue-800",
"border-blue-900",
"border-indigo-100",
"border-indigo-200",
"border-indigo-300",
"border-indigo-400",
"border-indigo-500",
"border-indigo-600",
"border-indigo-700",
"border-indigo-800",
"border-indigo-900",
"border-purple-100",
"border-purple-200",
"border-purple-300",
"border-purple-400",
"border-purple-500",
"border-purple-600",
"border-purple-700",
"border-purple-800",
"border-purple-900",
"border-pink-100",
"border-pink-200",
"border-pink-300",
"border-pink-400",
"border-pink-500",
"border-pink-600",
"border-pink-700",
"border-pink-800",
"border-pink-900",
],
"border_style": [
"border-solid",
"border-dashed",
"border-dotted",
"border-none",
"border-double",
],
"border_width": [
"border",
"border-0",
"border-2",
"border-4",
"border-8",
],
"border_width-t": [
"border-t",
"border-t-0",
"border-t-2",
"border-t-4",
"border-t-8",
],
"border_width-r": [
"border-r",
"border-r-0",
"border-r-2",
"border-r-4",
"border-r-8",
],
"border_width-b": [
"border-b",
"border-b-0",
"border-b-2",
"border-b-4",
"border-b-8",
],
"border_width-l": [
"border-l",
"border-l-0",
"border-l-2",
"border-l-4",
"border-l-8",
],
"border-radius": [
"rounded-none",
"rounded-sm",
"rounded",
"rounded-lg",
"rounded-full",
],
"border-radius-t": [
"rounded-t-none",
"rounded-t-sm",
"rounded-t",
"rounded-t-lg",
"rounded-t-full",
],
"border-radius-r": [
"rounded-r-none",
"rounded-r-sm",
"rounded-r",
"rounded-r-lg",
"rounded-r-full",
],
"border-radius-b": [
"rounded-b-none",
"rounded-b-sm",
"rounded-b",
"rounded-b-lg",
"rounded-b-full",
],
"border-radius-l": [
"rounded-l-none",
"rounded-l-sm",
"rounded-l",
"rounded-l-lg",
"rounded-l-full",
],
"border-radius-tl": [
"rounded-tl-none",
"rounded-tl-lg",
"rounded-tl",
"rounded-tl-full",
"rounded-tl-sm",
],
"border-radius-tr": [
"rounded-tr-none",
"rounded-tr-lg",
"rounded-tr-sm",
"rounded-tr",
"rounded-tr-full",
],
"border-radius-br": [
"rounded-br-none",
"rounded-br-sm",
"rounded-br",
"rounded-br-lg",
"rounded-br-full",
],
"border-radius-bl": [
"rounded-bl-none",
"rounded-bl-sm",
"rounded-bl",
"rounded-bl-lg",
"rounded-bl-full",
],
"placeholder_color": [
"placeholder-transparent",
"placeholder-current",
"placeholder-black",
"placeholder-white",
"placeholder-gray-100",
"placeholder-gray-200",
"placeholder-gray-300",
"placeholder-gray-400",
"placeholder-gray-500",
"placeholder-gray-600",
"placeholder-gray-700",
"placeholder-gray-800",
"placeholder-gray-900",
"placeholder-red-100",
"placeholder-red-200",
"placeholder-red-300",
"placeholder-red-400",
"placeholder-red-500",
"placeholder-red-600",
"placeholder-red-700",
"placeholder-red-800",
"placeholder-red-900",
"placeholder-orange-100",
"placeholder-orange-200",
"placeholder-orange-300",
"placeholder-orange-400",
"placeholder-orange-500",
"placeholder-orange-600",
"placeholder-orange-700",
"placeholder-orange-800",
"placeholder-orange-900",
"placeholder-yellow-100",
"placeholder-yellow-200",
"placeholder-yellow-300",
"placeholder-yellow-400",
"placeholder-yellow-500",
"placeholder-yellow-600",
"placeholder-yellow-700",
"placeholder-yellow-800",
"placeholder-yellow-900",
"placeholder-green-100",
"placeholder-green-200",
"placeholder-green-300",
"placeholder-green-400",
"placeholder-green-500",
"placeholder-green-600",
"placeholder-green-700",
"placeholder-green-800",
"placeholder-green-900",
"placeholder-teal-100",
"placeholder-teal-200",
"placeholder-teal-300",
"placeholder-teal-400",
"placeholder-teal-500",
"placeholder-teal-600",
"placeholder-teal-700",
"placeholder-teal-800",
"placeholder-teal-900",
"placeholder-blue-100",
"placeholder-blue-200",
"placeholder-blue-300",
"placeholder-blue-400",
"placeholder-blue-500",
"placeholder-blue-600",
"placeholder-blue-700",
"placeholder-blue-800",
"placeholder-blue-900",
"placeholder-indigo-100",
"placeholder-indigo-200",
"placeholder-indigo-300",
"placeholder-indigo-400",
"placeholder-indigo-500",
"placeholder-indigo-600",
"placeholder-indigo-700",
"placeholder-indigo-800",
"placeholder-indigo-900",
"placeholder-purple-100",
"placeholder-purple-200",
"placeholder-purple-300",
"placeholder-purple-400",
"placeholder-purple-500",
"placeholder-purple-600",
"placeholder-purple-700",
"placeholder-purple-800",
"placeholder-purple-900",
"placeholder-pink-100",
"placeholder-pink-200",
"placeholder-pink-300",
"placeholder-pink-400",
"placeholder-pink-500",
"placeholder-pink-600",
"placeholder-pink-700",
"placeholder-pink-800",
"placeholder-pink-900",
],
"flex_direction": [
"flex-row",
"flex-row-reverse",
"flex-col",
"flex-col-reverse",
],
"flex_wrap": [
"flex-no-wrap",
"flex-wrap",
"flex-wrap-reverse",
],
"align_items": [
"items-stretch",
"items-start",
"items-center",
"items-end",
"items-baseline",
],
"align_content": [
"content-start",
"content-center",
"content-end",
"content-between",
"content-around",
],
"align_self": [
"self-auto",
"self-start",
"self-center",
"self-end",
"self-stretch",
],
"justify_content": [
"justify-start",
"justify-center",
"justify-end",
"justify-between",
"justify-around",
],
"flex": [
"flex-initial",
"flex-1",
"flex-auto",
"flex-none",
],
"flex_grow": ["flex-grow", "flex-grow-0"],
"flex_shrink": ["flex-shrink", "flex-shrink-0"],
"order": [
"order-first",
"order-last",
"order-none",
"order-1",
"order-2",
"order-3",
"order-4",
"order-5",
"order-6",
"order-7",
"order-8",
"order-9",
"order-10",
"order-11",
"order-12",
],
"padding": [
"p-0",
"p-1",
"p-2",
"p-3",
"p-4",
"p-5",
"p-6",
"p-8",
"p-10",
"p-12",
"p-16",
"p-20",
"p-24",
"p-32",
"p-40",
"p-48",
"p-56",
"p-64",
"p-px",
],
"padding-y": [
"py-0",
"py-1",
"py-2",
"py-3",
"py-4",
"py-5",
"py-6",
"py-8",
"py-10",
"py-12",
"py-16",
"py-20",
"py-24",
"py-32",
"py-40",
"py-48",
"py-56",
"py-64",
"py-px",
],
"padding-x": [
"px-0",
"px-1",
"px-2",
"px-3",
"px-4",
"px-5",
"px-6",
"px-8",
"px-10",
"px-12",
"px-16",
"px-20",
"px-24",
"px-32",
"px-40",
"px-48",
"px-56",
"px-64",
"px-px",
],
"padding-t": [
"pt-0",
"pt-1",
"pt-2",
"pt-3",
"pt-4",
"pt-5",
"pt-6",
"pt-8",
"pt-10",
"pt-12",
"pt-16",
"pt-20",
"pt-24",
"pt-32",
"pt-40",
"pt-48",
"pt-56",
"pt-64",
"pt-px",
],
"padding-r": [
"pr-0",
"pr-1",
"pr-2",
"pr-3",
"pr-4",
"pr-5",
"pr-6",
"pr-8",
"pr-10",
"pr-12",
"pr-16",
"pr-20",
"pr-24",
"pr-32",
"pr-40",
"pr-48",
"pr-56",
"pr-64",
"pr-px",
],
"padding-b": [
"pb-0",
"pb-1",
"pb-2",
"pb-3",
"pb-4",
"pb-5",
"pb-6",
"pb-8",
"pb-10",
"pb-12",
"pb-16",
"pb-20",
"pb-24",
"pb-32",
"pb-40",
"pb-48",
"pb-56",
"pb-64",
"pb-px",
],
"padding-l": [
"pl-0",
"pl-1",
"pl-2",
"pl-3",
"pl-4",
"pl-5",
"pl-6",
"pl-8",
"pl-10",
"pl-12",
"pl-16",
"pl-20",
"pl-24",
"pl-32",
"pl-40",
"pl-48",
"pl-56",
"pl-64",
"pl-px",
],
"margin": [
"m-0",
"m-1",
"m-2",
"m-3",
"m-4",
"m-5",
"m-6",
"m-8",
"m-10",
"m-12",
"m-16",
"m-20",
"m-24",
"m-32",
"m-40",
"m-48",
"m-56",
"m-64",
"m-auto",
"m-px",
"-m-1",
"-m-2",
"-m-3",
"-m-4",
"-m-5",
"-m-6",
"-m-8",
"-m-10",
"-m-12",
"-m-16",
"-m-20",
"-m-24",
"-m-32",
"-m-40",
"-m-48",
"-m-56",
"-m-64",
"-m-px",
],
"margin-y": [
"my-0",
"my-1",
"my-2",
"my-3",
"my-4",
"my-5",
"my-6",
"my-8",
"my-10",
"my-12",
"my-16",
"my-20",
"my-24",
"my-32",
"my-40",
"my-48",
"my-56",
"my-64",
"my-auto",
"my-px",
"-my-1",
"-my-2",
"-my-3",
"-my-4",
"-my-5",
"-my-6",
"-my-8",
"-my-10",
"-my-12",
"-my-16",
"-my-20",
"-my-24",
"-my-32",
"-my-40",
"-my-48",
"-my-56",
"-my-64",
"-my-px",
],
"margin-x": [
"mx-0",
"mx-1",
"mx-2",
"mx-3",
"mx-4",
"mx-5",
"mx-6",
"mx-8",
"mx-10",
"mx-12",
"mx-16",
"mx-20",
"mx-24",
"mx-32",
"mx-40",
"mx-48",
"mx-56",
"mx-64",
"mx-auto",
"mx-px",
"-mx-1",
"-mx-2",
"-mx-3",
"-mx-4",
"-mx-5",
"-mx-6",
"-mx-8",
"-mx-10",
"-mx-12",
"-mx-16",
"-mx-20",
"-mx-24",
"-mx-32",
"-mx-40",
"-mx-48",
"-mx-56",
"-mx-64",
"-mx-px",
],
"margin-t": [
"mt-0",
"mt-1",
"mt-2",
"mt-3",
"mt-4",
"mt-5",
"mt-6",
"mt-8",
"mt-10",
"mt-12",
"mt-16",
"mt-20",
"mt-24",
"mt-32",
"mt-40",
"mt-48",
"mt-56",
"mt-64",
"mt-auto",
"mt-px",
"-mt-1",
"-mt-2",
"-mt-3",
"-mt-4",
"-mt-5",
"-mt-6",
"-mt-8",
"-mt-10",
"-mt-12",
"-mt-16",
"-mt-20",
"-mt-24",
"-mt-32",
"-mt-40",
"-mt-48",
"-mt-56",
"-mt-64",
"-mt-px",
],
"margin-r": [
"mr-0",
"mr-1",
"mr-2",
"mr-3",
"mr-4",
"mr-5",
"mr-6",
"mr-8",
"mr-10",
"mr-12",
"mr-16",
"mr-20",
"mr-24",
"mr-32",
"mr-40",
"mr-48",
"mr-56",
"mr-64",
"mr-auto",
"mr-px",
"-mr-1",
"-mr-2",
"-mr-3",
"-mr-4",
"-mr-5",
"-mr-6",
"-mr-8",
"-mr-10",
"-mr-12",
"-mr-16",
"-mr-20",
"-mr-24",
"-mr-32",
"-mr-40",
"-mr-48",
"-mr-56",
"-mr-64",
"-mr-px",
],
"margin-b": [
"mb-0",
"mb-1",
"mb-2",
"mb-3",
"mb-4",
"mb-5",
"mb-6",
"mb-8",
"mb-10",
"mb-12",
"mb-16",
"mb-20",
"mb-24",
"mb-32",
"mb-40",
"mb-48",
"mb-56",
"mb-64",
"mb-auto",
"mb-px",
"-mb-1",
"-mb-2",
"-mb-3",
"-mb-4",
"-mb-5",
"-mb-6",
"-mb-8",
"-mb-10",
"-mb-12",
"-mb-16",
"-mb-20",
"-mb-24",
"-mb-32",
"-mb-40",
"-mb-48",
"-mb-56",
"-mb-64",
"-mb-px",
],
"margin-l": [
"ml-0",
"ml-1",
"ml-2",
"ml-3",
"ml-4",
"ml-5",
"ml-6",
"ml-8",
"ml-10",
"ml-12",
"ml-16",
"ml-20",
"ml-24",
"ml-32",
"ml-40",
"ml-48",
"ml-56",
"ml-64",
"ml-auto",
"ml-px",
"-ml-1",
"-ml-2",
"-ml-3",
"-ml-4",
"-ml-5",
"-ml-6",
"-ml-8",
"-ml-10",
"-ml-12",
"-ml-16",
"-ml-20",
"-ml-24",
"-ml-32",
"-ml-40",
"-ml-48",
"-ml-56",
"-ml-64",
"-ml-px",
],
"width": [
"w-0",
"w-1",
"w-2",
"w-3",
"w-4",
"w-5",
"w-6",
"w-8",
"w-10",
"w-12",
"w-16",
"w-20",
"w-24",
"w-32",
"w-40",
"w-48",
"w-56",
"w-64",
"w-auto",
"w-px",
"w-1/2",
"w-1/3",
"w-2/3",
"w-1/4",
"w-2/4",
"w-3/4",
"w-1/5",
"w-2/5",
"w-3/5",
"w-4/5",
"w-1/6",
"w-2/6",
"w-3/6",
"w-4/6",
"w-5/6",
"w-1/12",
"w-2/12",
"w-3/12",
"w-4/12",
"w-5/12",
"w-6/12",
"w-7/12",
"w-8/12",
"w-9/12",
"w-10/12",
"w-11/12",
"w-full",
"w-screen",
],
"min_width": ["min-w-0", "min-w-full"],
"max_width": [
"max-w-xs",
"max-w-sm",
"max-w-md",
"max-w-lg",
"max-w-xl",
"max-w-2xl",
"max-w-3xl",
"max-w-4xl",
"max-w-5xl",
"max-w-6xl",
"max-w-full",
"max-w-screen-sm",
"max-w-screen-md",
"max-w-screen-lg",
"max-w-screen-xl",
"max-w-none",
],
"height": [
"h-0",
"h-1",
"h-2",
"h-3",
"h-4",
"h-5",
"h-6",
"h-8",
"h-10",
"h-12",
"h-16",
"h-20",
"h-24",
"h-32",
"h-40",
"h-48",
"h-56",
"h-64",
"h-auto",
"h-px",
"h-full",
"h-screen",
],
"min_height": ["min-h-0", "min-h-full", "min-h-screen"],
"max_height": ["max-h-full", "max-h-screen"],
"border_collapse": [
"border-collapse",
"border-separate",
],
"table_layout": ["table-auto", "table-fixed"],
"box_shadow": [
"shadow-xs",
"shadow-sm",
"shadow",
"shadow-md",
"shadow-lg",
"shadow-xl",
"shadow-2xl",
"shadow-inner",
"shadow-outline",
"shadow-none",
],
"opacity": [
"opacity-100",
"opacity-75",
"opacity-50",
"opacity-25",
"opacity-0",
],
"appearance": ["appearance-none"],
"cursor": [
"cursor-auto",
"cursor-default",
"cursor-pointer",
"cursor-wait",
"cursor-text",
"cursor-move",
"cursor-not-allowed",
],
"outline": ["outline-none"],
"pointer_events": [
"pointer-events-none",
"pointer-events-auto",
],
"resize": [
"resize-none",
"resize",
"resize-y",
"resize-x",
],
"user_select": [
"select-none",
"select-text",
"select-all",
"select-auto",
],
"fill": ["fill-current"],
"stroke": ["stroke-current"],
"transition": [
"transition-none",
"transition-all",
"transition",
"transition-colors",
"transition-opacity",
"transition-shadow",
"transition-transform",
],
"duration": [
"duration-75",
"duration-100",
"duration-150",
"duration-200",
"duration-300",
"duration-500",
"duration-700",
"duration-1000",
],
"transition_timing": [
"ease-linear",
"ease-in",
"ease-out",
"ease-in-out",
],
"transition_delay": [
"delay-75",
"delay-100",
"delay-150",
"delay-200",
"delay-300",
"delay-500",
"delay-700",
"delay-1000",
],
"scale": [
"scale-0",
"scale-50",
"scale-75",
"scale-90",
"scale-95",
"scale-100",
"scale-105",
"scale-110",
"scale-125",
"scale-150",
"scale-y-0",
"scale-y-50",
"scale-y-75",
"scale-y-90",
"scale-y-95",
"scale-y-100",
"scale-y-105",
"scale-y-110",
"scale-y-125",
"scale-y-150",
],
"rotate": [
"rotate-0",
"rotate-45",
"rotate-90",
"rotate-180",
"-rotate-180",
"-rotate-90",
"-rotate-45",
],
"skew": [
"skew-x-0",
"skew-x-3",
"skew-x-6",
"skew-x-12",
"-skew-x-12",
"-skew-x-6",
"-skew-x-3",
"skew-y-0",
"skew-y-3",
"skew-y-6",
"skew-y-12",
"-skew-y-12",
"-skew-y-6",
"-skew-y-3",
],
"transform_origin": [
"origin-center",
"origin-top",
"origin-top-right",
"origin-right",
"origin-bottom-right",
"origin-bottom",
"origin-bottom-left",
"origin-left",
"origin-top-left",
],
"translate": [
"translate-x-0",
"translate-x-1",
"translate-x-2",
"translate-x-3",
"translate-x-4",
"translate-x-5",
"translate-x-6",
"translate-x-8",
"translate-x-10",
"translate-x-12",
"translate-x-16",
"translate-x-20",
"translate-x-24",
"translate-x-32",
"translate-x-40",
"translate-x-48",
"translate-x-56",
"translate-x-64",
"translate-x-px",
"-translate-x-1",
"-translate-x-2",
"-translate-x-3",
"-translate-x-4",
"-translate-x-5",
"-translate-x-6",
"-translate-x-8",
"-translate-x-10",
"-translate-x-12",
"-translate-x-16",
"-translate-x-20",
"-translate-x-24",
"-translate-x-32",
"-translate-x-40",
"-translate-x-48",
"-translate-x-56",
"-translate-x-64",
"-translate-x-px",
"-translate-x-full",
"-translate-x-1/2",
"translate-x-1/2",
"translate-x-full",
"translate-y-0",
"translate-y-1",
"translate-y-2",
"translate-y-3",
"translate-y-4",
"translate-y-5",
"translate-y-6",
"translate-y-8",
"translate-y-10",
"translate-y-12",
"translate-y-16",
"translate-y-20",
"translate-y-24",
"translate-y-32",
"translate-y-40",
"translate-y-48",
"translate-y-56",
"translate-y-64",
"translate-y-px",
"-translate-y-1",
"-translate-y-2",
"-translate-y-3",
"-translate-y-4",
"-translate-y-5",
"-translate-y-6",
"-translate-y-8",
"-translate-y-10",
"-translate-y-12",
"-translate-y-16",
"-translate-y-20",
"-translate-y-24",
"-translate-y-32",
"-translate-y-40",
"-translate-y-48",
"-translate-y-56",
"-translate-y-64",
"-translate-y-px",
"-translate-y-full",
"-translate-y-1/2",
"translate-y-1/2",
"translate-y-full",
],
"divide_width": [
"divide-x-0",
"divide-x-2",
"divide-x-4",
"divide-x-8",
"divide-x",
"divide-y-0",
"divide-y-2",
"divide-y-4",
"divide-y-8",
"divide-y",
"divide-x-reverse",
"divide-y-reverse",
],
"divide_color": [
"divide-transparent",
"divide-current",
"divide-black",
"divide-white",
"divide-gray-100",
"divide-gray-200",
"divide-gray-300",
"divide-gray-400",
"divide-gray-500",
"divide-gray-600",
"divide-gray-700",
"divide-gray-800",
"divide-gray-900",
"divide-red-100",
"divide-red-200",
"divide-red-300",
"divide-red-400",
"divide-red-500",
"divide-red-600",
"divide-red-700",
"divide-red-800",
"divide-red-900",
"divide-orange-100",
"divide-orange-200",
"divide-orange-300",
"divide-orange-400",
"divide-orange-500",
"divide-orange-600",
"divide-orange-700",
"divide-orange-800",
"divide-orange-900",
"divide-yellow-100",
"divide-yellow-200",
"divide-yellow-300",
"divide-yellow-400",
"divide-yellow-500",
"divide-yellow-600",
"divide-yellow-700",
"divide-yellow-800",
"divide-yellow-900",
"divide-green-100",
"divide-green-200",
"divide-green-300",
"divide-green-400",
"divide-green-500",
"divide-green-600",
"divide-green-700",
"divide-green-800",
"divide-green-900",
"divide-teal-100",
"divide-teal-200",
"divide-teal-300",
"divide-teal-400",
"divide-teal-500",
"divide-teal-600",
"divide-teal-700",
"divide-teal-800",
"divide-teal-900",
"divide-blue-100",
"divide-blue-200",
"divide-blue-300",
"divide-blue-400",
"divide-blue-500",
"divide-blue-600",
"divide-blue-700",
"divide-blue-800",
"divide-blue-900",
"divide-indigo-100",
"divide-indigo-200",
"divide-indigo-300",
"divide-indigo-400",
"divide-indigo-500",
"divide-indigo-600",
"divide-indigo-700",
"divide-indigo-800",
"divide-indigo-900",
"divide-purple-100",
"divide-purple-200",
"divide-purple-300",
"divide-purple-400",
"divide-purple-500",
"divide-purple-600",
"divide-purple-700",
"divide-purple-800",
"divide-purple-900",
"divide-pink-100",
"divide-pink-200",
"divide-pink-300",
"divide-pink-400",
"divide-pink-500",
"divide-pink-600",
"divide-pink-700",
"divide-pink-800",
"divide-pink-900",
],
"divide_opacity": [
"divide-opacity-0",
"divide-opacity-25",
"divide-opacity-50",
"divide-opacity-75",
"divide-opacity-100",
],
"grid_template_cols": [
"grid-cols-1",
"grid-cols-2",
"grid-cols-3",
"grid-cols-4",
"grid-cols-5",
"grid-cols-6",
"grid-cols-7",
"grid-cols-8",
"grid-cols-9",
"grid-cols-10",
"grid-cols-11",
"grid-cols-12",
],
"grid_col_start_end": [
"col-auto",
"col-span-1",
"col-span-2",
"col-span-3",
"col-span-4",
"col-span-5",
"col-span-6",
"col-span-7",
"col-span-8",
"col-span-9",
"col-span-10",
"col-span-11",
],
"grid_template_rows": [
"grid-rows-1",
"grid-rows-2",
"grid-rows-3",
"grid-rows-4",
"grid-rows-5",
"grid-rows-6",
"grid-rows-none",
],
"grid_row_start_end": [
"row-auto",
"row-span-1",
"row-span-2",
"row-span-3",
"row-span-4",
"row-span-5",
"row-span-6",
"row-start-1",
"row-start-2",
"row-start-3",
"row-start-4",
"row-start-5",
"row-start-6",
"row-start-7",
"row-start-auto",
"row-end-1",
"row-end-2",
"row-end-3",
"row-end-4",
"row-end-5",
"row-end-6",
"row-end-7",
"row-end-auto",
],
"grid_gap": [
"gap-0",
"gap-1",
"gap-2",
"gap-3",
"gap-4",
"gap-5",
"gap-6",
"gap-8",
"gap-10",
"gap-12",
"gap-16",
"gap-20",
"gap-24",
"gap-32",
"gap-40",
"gap-48",
"gap-56",
"gap-64",
"gap-px",
"row-gap-0",
"row-gap-1",
"row-gap-2",
"row-gap-3",
"row-gap-4",
"row-gap-5",
"row-gap-6",
"row-gap-8",
"row-gap-10",
"row-gap-12",
"row-gap-16",
"row-gap-20",
"row-gap-24",
"row-gap-32",
"row-gap-40",
"row-gap-48",
"row-gap-56",
"row-gap-64",
"row-gap-px",
"col-gap-0",
"col-gap-1",
"col-gap-2",
"col-gap-3",
"col-gap-4",
"col-gap-5",
"col-gap-6",
"col-gap-8",
"col-gap-10",
"col-gap-12",
"col-gap-16",
"col-gap-20",
"col-gap-24",
"col-gap-32",
"col-gap-40",
"col-gap-48",
"col-gap-56",
"col-gap-64",
"col-gap-px",
],
"grid_auto_flow": [
"grid-flow-row",
"grid-flow-col",
"grid-flow-row-dense",
"grid-flow-col-dense",
],
"space_between": [
"space-x-0",
"space-x-1",
"space-x-2",
"space-x-3",
"space-x-4",
"space-x-5",
"space-x-6",
"space-x-8",
"space-x-10",
"space-x-12",
"space-x-16",
"space-x-20",
"space-x-24",
"space-x-32",
"space-x-40",
"space-x-48",
"space-x-56",
"space-x-64",
"space-x-px",
"-space-x-1",
"-space-x-2",
"-space-x-3",
"-space-x-4",
"-space-x-5",
"-space-x-6",
"-space-x-8",
"-space-x-10",
"-space-x-12",
"-space-x-16",
"-space-x-20",
"-space-x-24",
"-space-x-32",
"-space-x-40",
"-space-x-48",
"-space-x-56",
"-space-x-64",
"-space-x-px",
"space-y-0",
"space-y-1",
"space-y-2",
"space-y-3",
"space-y-4",
"space-y-5",
"space-y-6",
"space-y-8",
"space-y-10",
"space-y-12",
"space-y-16",
"space-y-20",
"space-y-24",
"space-y-32",
"space-y-40",
"space-y-48",
"space-y-56",
"space-y-64",
"space-y-px",
"-space-y-1",
"-space-y-2",
"-space-y-3",
"-space-y-4",
"-space-y-5",
"-space-y-6",
"-space-y-8",
"-space-y-10",
"-space-y-12",
"-space-y-16",
"-space-y-20",
"-space-y-24",
"-space-y-32",
"-space-y-40",
"-space-y-48",
"-space-y-56",
"-space-y-64",
"-space-y-px",
"space-x-reverse",
"space-y-reverse",
],
"animation": [
"animate-none",
"animate-spin",
"animate-ping",
"animate-pulse",
"animate-bounce",
],
}
Functions¶
Last update:
September 28, 2022
Created: September 28, 2022
Created: September 28, 2022