Skip to content

Instantly share code, notes, and snippets.

@PutziSan
Last active December 17, 2020 08:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save PutziSan/e5c1edcdaa540d8104f8e38712eca472 to your computer and use it in GitHub Desktop.
Save PutziSan/e5c1edcdaa540d8104f8e38712eca472 to your computer and use it in GitHub Desktop.
prettier-plugin-sort-class-names-order-tailwind-default
const resolveConfig = require("tailwindcss/lib/util/resolveConfig").default;
const defaultConfig = require("tailwindcss/defaultConfig");
const _ = require("lodash");
// const customPlugins = require("./tailwind-custom-plugins");
const path = require("path");
const appDir = path.dirname(require.main.filename);
const userConfigPath = path.join(appDir, "tailwind.config.js");
const config = resolveConfig([
// if you want to use your custom config then uncomment following line:
// userConfigPath
defaultConfig
]);
const plugins = [
// "accessibility",
"position",
"inset",
"overflow",
"float",
"margin",
"alignSelf",
"flex",
"flexGrow",
"flexShrink",
"flexWrap",
"order",
"display",
"flexDirection",
"gap",
"alignContent",
"alignItems",
"justifyContent",
"justifyItems",
"justifySelf",
// customPlugins.alignContent,
// customPlugins.alignItems,
// customPlugins.alignSelf,
// customPlugins.justifyContent,
"space",
"boxSizing",
{ className: ".container" },
"width",
"height",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
// customPlugins.minMaxWidthHeightFromSpacing,
"objectFit",
"objectPosition",
"padding",
"zIndex",
"visibility",
"borderWidth",
"borderStyle",
"borderRadius",
"borderColor",
"borderCollapse",
"borderOpacity",
"divideColor",
"divideOpacity",
"divideWidth",
"outline",
"backgroundColor",
"textColor",
"fontFamily",
"fontSize",
// customPlugins.fontSizeFromSpacing,
"fontWeight",
"fontStyle",
"fontSmoothing",
"textAlign",
"verticalAlign",
"textDecoration",
// customPlugins.textDecorationRenamed,
"textOpacity",
"textTransform",
// customPlugins.textTransformRenamed,
"letterSpacing",
// customPlugins.letterSpacingRenamed,
"lineHeight",
// customPlugins.lineHeightRenamed,
"whitespace",
"wordBreak",
"transform",
"transformOrigin",
"opacity",
"translate",
"rotate",
"scale",
"skew",
// "appearance",
"backgroundPosition",
"backgroundSize",
"backgroundRepeat",
"backgroundOpacity",
"backgroundAttachment",
"transitionProperty",
"transitionDuration",
"transitionTimingFunction",
"transitionDelay",
"boxShadow",
// "clear",
// "cursor",
// "fill",
// "listStylePosition",
// "listStyleType",
// "placeholderColor",
// "placeholderOpacity",
// "pointerEvents",
// "preflight",
// "resize",
// "stroke",
// "strokeWidth",
// "tableLayout",
// "userSelect",
];
function cleanClassName(str) {
str = str.substring(1);
if (str.indexOf(" ") >= 0) {
str = str.substr(0, str.indexOf(" "));
}
return str;
}
let res = [];
const applyConfiguredPrefix = (selector) => {
const prefixSelector = require("tailwindcss/lib/util/prefixSelector");
return prefixSelector(config.prefix, selector);
};
const getConfigValue = (path, defaultValue) =>
_.get(config, path, defaultValue);
plugins.forEach((plugin) => {
if (plugin.className) {
res.push(cleanClassName(plugin.className));
return;
}
let handler = plugin;
if (typeof handler === "string") {
handler = require(`tailwindcss/lib/plugins/${plugin}`);
if (handler.default) {
handler = handler.default;
}
handler = handler();
}
handler = typeof handler === "function" ? handler : plugin.handler;
if (typeof handler !== "function") {
console.log(plugin, typeof handler);
console.log(require(`tailwindcss/lib/plugins/${plugin}`));
}
handler({
config: getConfigValue,
theme: (path, defaultValue) =>
getConfigValue(`theme.${path}`, defaultValue),
corePlugins: (path) => {
if (Array.isArray(config.corePlugins)) {
return config.corePlugins.includes(path);
}
return getConfigValue(`corePlugins.${path}`, true);
},
variants: (path, defaultValue) => {
if (Array.isArray(config.variants)) {
return config.variants;
}
return getConfigValue(`variants.${path}`, defaultValue);
},
target: (path) => {
if (_.isString(config.target)) {
return config.target === "browserslist"
? browserslistTarget
: config.target;
}
const [defaultTarget, targetOverrides] = getConfigValue("target");
return _.get(targetOverrides, path, defaultTarget);
},
e: require("tailwindcss/lib/util/escapeClassName").default,
prefix: applyConfiguredPrefix,
addUtilities: (utilities) => {
if (Array.isArray(utilities)) {
utilities.forEach((u) => {
Object.keys(u).forEach((cn) => res.push(cleanClassName(cn)));
});
} else {
Object.keys(utilities).forEach((cn) => res.push(cleanClassName(cn)));
}
},
addComponents: (components) => {},
addBase: () => {},
addVariant: () => {},
});
});
require("fs").writeFileSync(
"prettier-plugin-sort-class-names-order",
res
.filter(Boolean)
.map((c) => c.replace(/\\/g, ""))
.join("\n"),
"utf8"
);
{
"dependencies": {
"tailwindcss": "^2.0.0",
"lodash": "^4.0.0"
}
}
static
fixed
absolute
relative
sticky
inset-0
inset-1
inset-2
inset-3
inset-4
inset-5
inset-6
inset-7
inset-8
inset-9
inset-10
inset-11
inset-12
inset-14
inset-16
inset-20
inset-24
inset-28
inset-32
inset-36
inset-40
inset-44
inset-48
inset-52
inset-56
inset-60
inset-64
inset-72
inset-80
inset-96
inset-auto
inset-px
inset-0.5
inset-1.5
inset-2.5
inset-3.5
-inset-0
-inset-1
-inset-2
-inset-3
-inset-4
-inset-5
-inset-6
-inset-7
-inset-8
-inset-9
-inset-10
-inset-11
-inset-12
-inset-14
-inset-16
-inset-20
-inset-24
-inset-28
-inset-32
-inset-36
-inset-40
-inset-44
-inset-48
-inset-52
-inset-56
-inset-60
-inset-64
-inset-72
-inset-80
-inset-96
-inset-px
-inset-0.5
-inset-1.5
-inset-2.5
-inset-3.5
inset-1/2
inset-1/3
inset-2/3
inset-1/4
inset-2/4
inset-3/4
inset-full
-inset-1/2
-inset-1/3
-inset-2/3
-inset-1/4
-inset-2/4
-inset-3/4
-inset-full
inset-y-0
inset-x-0
inset-y-1
inset-x-1
inset-y-2
inset-x-2
inset-y-3
inset-x-3
inset-y-4
inset-x-4
inset-y-5
inset-x-5
inset-y-6
inset-x-6
inset-y-7
inset-x-7
inset-y-8
inset-x-8
inset-y-9
inset-x-9
inset-y-10
inset-x-10
inset-y-11
inset-x-11
inset-y-12
inset-x-12
inset-y-14
inset-x-14
inset-y-16
inset-x-16
inset-y-20
inset-x-20
inset-y-24
inset-x-24
inset-y-28
inset-x-28
inset-y-32
inset-x-32
inset-y-36
inset-x-36
inset-y-40
inset-x-40
inset-y-44
inset-x-44
inset-y-48
inset-x-48
inset-y-52
inset-x-52
inset-y-56
inset-x-56
inset-y-60
inset-x-60
inset-y-64
inset-x-64
inset-y-72
inset-x-72
inset-y-80
inset-x-80
inset-y-96
inset-x-96
inset-y-auto
inset-x-auto
inset-y-px
inset-x-px
inset-y-0.5
inset-x-0.5
inset-y-1.5
inset-x-1.5
inset-y-2.5
inset-x-2.5
inset-y-3.5
inset-x-3.5
-inset-y-0
-inset-x-0
-inset-y-1
-inset-x-1
-inset-y-2
-inset-x-2
-inset-y-3
-inset-x-3
-inset-y-4
-inset-x-4
-inset-y-5
-inset-x-5
-inset-y-6
-inset-x-6
-inset-y-7
-inset-x-7
-inset-y-8
-inset-x-8
-inset-y-9
-inset-x-9
-inset-y-10
-inset-x-10
-inset-y-11
-inset-x-11
-inset-y-12
-inset-x-12
-inset-y-14
-inset-x-14
-inset-y-16
-inset-x-16
-inset-y-20
-inset-x-20
-inset-y-24
-inset-x-24
-inset-y-28
-inset-x-28
-inset-y-32
-inset-x-32
-inset-y-36
-inset-x-36
-inset-y-40
-inset-x-40
-inset-y-44
-inset-x-44
-inset-y-48
-inset-x-48
-inset-y-52
-inset-x-52
-inset-y-56
-inset-x-56
-inset-y-60
-inset-x-60
-inset-y-64
-inset-x-64
-inset-y-72
-inset-x-72
-inset-y-80
-inset-x-80
-inset-y-96
-inset-x-96
-inset-y-px
-inset-x-px
-inset-y-0.5
-inset-x-0.5
-inset-y-1.5
-inset-x-1.5
-inset-y-2.5
-inset-x-2.5
-inset-y-3.5
-inset-x-3.5
inset-y-1/2
inset-x-1/2
inset-y-1/3
inset-x-1/3
inset-y-2/3
inset-x-2/3
inset-y-1/4
inset-x-1/4
inset-y-2/4
inset-x-2/4
inset-y-3/4
inset-x-3/4
inset-y-full
inset-x-full
-inset-y-1/2
-inset-x-1/2
-inset-y-1/3
-inset-x-1/3
-inset-y-2/3
-inset-x-2/3
-inset-y-1/4
-inset-x-1/4
-inset-y-2/4
-inset-x-2/4
-inset-y-3/4
-inset-x-3/4
-inset-y-full
-inset-x-full
top-0
right-0
bottom-0
left-0
top-1
right-1
bottom-1
left-1
top-2
right-2
bottom-2
left-2
top-3
right-3
bottom-3
left-3
top-4
right-4
bottom-4
left-4
top-5
right-5
bottom-5
left-5
top-6
right-6
bottom-6
left-6
top-7
right-7
bottom-7
left-7
top-8
right-8
bottom-8
left-8
top-9
right-9
bottom-9
left-9
top-10
right-10
bottom-10
left-10
top-11
right-11
bottom-11
left-11
top-12
right-12
bottom-12
left-12
top-14
right-14
bottom-14
left-14
top-16
right-16
bottom-16
left-16
top-20
right-20
bottom-20
left-20
top-24
right-24
bottom-24
left-24
top-28
right-28
bottom-28
left-28
top-32
right-32
bottom-32
left-32
top-36
right-36
bottom-36
left-36
top-40
right-40
bottom-40
left-40
top-44
right-44
bottom-44
left-44
top-48
right-48
bottom-48
left-48
top-52
right-52
bottom-52
left-52
top-56
right-56
bottom-56
left-56
top-60
right-60
bottom-60
left-60
top-64
right-64
bottom-64
left-64
top-72
right-72
bottom-72
left-72
top-80
right-80
bottom-80
left-80
top-96
right-96
bottom-96
left-96
top-auto
right-auto
bottom-auto
left-auto
top-px
right-px
bottom-px
left-px
top-0.5
right-0.5
bottom-0.5
left-0.5
top-1.5
right-1.5
bottom-1.5
left-1.5
top-2.5
right-2.5
bottom-2.5
left-2.5
top-3.5
right-3.5
bottom-3.5
left-3.5
-top-0
-right-0
-bottom-0
-left-0
-top-1
-right-1
-bottom-1
-left-1
-top-2
-right-2
-bottom-2
-left-2
-top-3
-right-3
-bottom-3
-left-3
-top-4
-right-4
-bottom-4
-left-4
-top-5
-right-5
-bottom-5
-left-5
-top-6
-right-6
-bottom-6
-left-6
-top-7
-right-7
-bottom-7
-left-7
-top-8
-right-8
-bottom-8
-left-8
-top-9
-right-9
-bottom-9
-left-9
-top-10
-right-10
-bottom-10
-left-10
-top-11
-right-11
-bottom-11
-left-11
-top-12
-right-12
-bottom-12
-left-12
-top-14
-right-14
-bottom-14
-left-14
-top-16
-right-16
-bottom-16
-left-16
-top-20
-right-20
-bottom-20
-left-20
-top-24
-right-24
-bottom-24
-left-24
-top-28
-right-28
-bottom-28
-left-28
-top-32
-right-32
-bottom-32
-left-32
-top-36
-right-36
-bottom-36
-left-36
-top-40
-right-40
-bottom-40
-left-40
-top-44
-right-44
-bottom-44
-left-44
-top-48
-right-48
-bottom-48
-left-48
-top-52
-right-52
-bottom-52
-left-52
-top-56
-right-56
-bottom-56
-left-56
-top-60
-right-60
-bottom-60
-left-60
-top-64
-right-64
-bottom-64
-left-64
-top-72
-right-72
-bottom-72
-left-72
-top-80
-right-80
-bottom-80
-left-80
-top-96
-right-96
-bottom-96
-left-96
-top-px
-right-px
-bottom-px
-left-px
-top-0.5
-right-0.5
-bottom-0.5
-left-0.5
-top-1.5
-right-1.5
-bottom-1.5
-left-1.5
-top-2.5
-right-2.5
-bottom-2.5
-left-2.5
-top-3.5
-right-3.5
-bottom-3.5
-left-3.5
top-1/2
right-1/2
bottom-1/2
left-1/2
top-1/3
right-1/3
bottom-1/3
left-1/3
top-2/3
right-2/3
bottom-2/3
left-2/3
top-1/4
right-1/4
bottom-1/4
left-1/4
top-2/4
right-2/4
bottom-2/4
left-2/4
top-3/4
right-3/4
bottom-3/4
left-3/4
top-full
right-full
bottom-full
left-full
-top-1/2
-right-1/2
-bottom-1/2
-left-1/2
-top-1/3
-right-1/3
-bottom-1/3
-left-1/3
-top-2/3
-right-2/3
-bottom-2/3
-left-2/3
-top-1/4
-right-1/4
-bottom-1/4
-left-1/4
-top-2/4
-right-2/4
-bottom-2/4
-left-2/4
-top-3/4
-right-3/4
-bottom-3/4
-left-3/4
-top-full
-right-full
-bottom-full
-left-full
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
float-right
float-left
float-none
m-0
m-1
m-2
m-3
m-4
m-5
m-6
m-7
m-8
m-9
m-10
m-11
m-12
m-14
m-16
m-20
m-24
m-28
m-32
m-36
m-40
m-44
m-48
m-52
m-56
m-60
m-64
m-72
m-80
m-96
m-auto
m-px
m-0.5
m-1.5
m-2.5
m-3.5
-m-0
-m-1
-m-2
-m-3
-m-4
-m-5
-m-6
-m-7
-m-8
-m-9
-m-10
-m-11
-m-12
-m-14
-m-16
-m-20
-m-24
-m-28
-m-32
-m-36
-m-40
-m-44
-m-48
-m-52
-m-56
-m-60
-m-64
-m-72
-m-80
-m-96
-m-px
-m-0.5
-m-1.5
-m-2.5
-m-3.5
my-0
mx-0
my-1
mx-1
my-2
mx-2
my-3
mx-3
my-4
mx-4
my-5
mx-5
my-6
mx-6
my-7
mx-7
my-8
mx-8
my-9
mx-9
my-10
mx-10
my-11
mx-11
my-12
mx-12
my-14
mx-14
my-16
mx-16
my-20
mx-20
my-24
mx-24
my-28
mx-28
my-32
mx-32
my-36
mx-36
my-40
mx-40
my-44
mx-44
my-48
mx-48
my-52
mx-52
my-56
mx-56
my-60
mx-60
my-64
mx-64
my-72
mx-72
my-80
mx-80
my-96
mx-96
my-auto
mx-auto
my-px
mx-px
my-0.5
mx-0.5
my-1.5
mx-1.5
my-2.5
mx-2.5
my-3.5
mx-3.5
-my-0
-mx-0
-my-1
-mx-1
-my-2
-mx-2
-my-3
-mx-3
-my-4
-mx-4
-my-5
-mx-5
-my-6
-mx-6
-my-7
-mx-7
-my-8
-mx-8
-my-9
-mx-9
-my-10
-mx-10
-my-11
-mx-11
-my-12
-mx-12
-my-14
-mx-14
-my-16
-mx-16
-my-20
-mx-20
-my-24
-mx-24
-my-28
-mx-28
-my-32
-mx-32
-my-36
-mx-36
-my-40
-mx-40
-my-44
-mx-44
-my-48
-mx-48
-my-52
-mx-52
-my-56
-mx-56
-my-60
-mx-60
-my-64
-mx-64
-my-72
-mx-72
-my-80
-mx-80
-my-96
-mx-96
-my-px
-mx-px
-my-0.5
-mx-0.5
-my-1.5
-mx-1.5
-my-2.5
-mx-2.5
-my-3.5
-mx-3.5
mt-0
mr-0
mb-0
ml-0
mt-1
mr-1
mb-1
ml-1
mt-2
mr-2
mb-2
ml-2
mt-3
mr-3
mb-3
ml-3
mt-4
mr-4
mb-4
ml-4
mt-5
mr-5
mb-5
ml-5
mt-6
mr-6
mb-6
ml-6
mt-7
mr-7
mb-7
ml-7
mt-8
mr-8
mb-8
ml-8
mt-9
mr-9
mb-9
ml-9
mt-10
mr-10
mb-10
ml-10
mt-11
mr-11
mb-11
ml-11
mt-12
mr-12
mb-12
ml-12
mt-14
mr-14
mb-14
ml-14
mt-16
mr-16
mb-16
ml-16
mt-20
mr-20
mb-20
ml-20
mt-24
mr-24
mb-24
ml-24
mt-28
mr-28
mb-28
ml-28
mt-32
mr-32
mb-32
ml-32
mt-36
mr-36
mb-36
ml-36
mt-40
mr-40
mb-40
ml-40
mt-44
mr-44
mb-44
ml-44
mt-48
mr-48
mb-48
ml-48
mt-52
mr-52
mb-52
ml-52
mt-56
mr-56
mb-56
ml-56
mt-60
mr-60
mb-60
ml-60
mt-64
mr-64
mb-64
ml-64
mt-72
mr-72
mb-72
ml-72
mt-80
mr-80
mb-80
ml-80
mt-96
mr-96
mb-96
ml-96
mt-auto
mr-auto
mb-auto
ml-auto
mt-px
mr-px
mb-px
ml-px
mt-0.5
mr-0.5
mb-0.5
ml-0.5
mt-1.5
mr-1.5
mb-1.5
ml-1.5
mt-2.5
mr-2.5
mb-2.5
ml-2.5
mt-3.5
mr-3.5
mb-3.5
ml-3.5
-mt-0
-mr-0
-mb-0
-ml-0
-mt-1
-mr-1
-mb-1
-ml-1
-mt-2
-mr-2
-mb-2
-ml-2
-mt-3
-mr-3
-mb-3
-ml-3
-mt-4
-mr-4
-mb-4
-ml-4
-mt-5
-mr-5
-mb-5
-ml-5
-mt-6
-mr-6
-mb-6
-ml-6
-mt-7
-mr-7
-mb-7
-ml-7
-mt-8
-mr-8
-mb-8
-ml-8
-mt-9
-mr-9
-mb-9
-ml-9
-mt-10
-mr-10
-mb-10
-ml-10
-mt-11
-mr-11
-mb-11
-ml-11
-mt-12
-mr-12
-mb-12
-ml-12
-mt-14
-mr-14
-mb-14
-ml-14
-mt-16
-mr-16
-mb-16
-ml-16
-mt-20
-mr-20
-mb-20
-ml-20
-mt-24
-mr-24
-mb-24
-ml-24
-mt-28
-mr-28
-mb-28
-ml-28
-mt-32
-mr-32
-mb-32
-ml-32
-mt-36
-mr-36
-mb-36
-ml-36
-mt-40
-mr-40
-mb-40
-ml-40
-mt-44
-mr-44
-mb-44
-ml-44
-mt-48
-mr-48
-mb-48
-ml-48
-mt-52
-mr-52
-mb-52
-ml-52
-mt-56
-mr-56
-mb-56
-ml-56
-mt-60
-mr-60
-mb-60
-ml-60
-mt-64
-mr-64
-mb-64
-ml-64
-mt-72
-mr-72
-mb-72
-ml-72
-mt-80
-mr-80
-mb-80
-ml-80
-mt-96
-mr-96
-mb-96
-ml-96
-mt-px
-mr-px
-mb-px
-ml-px
-mt-0.5
-mr-0.5
-mb-0.5
-ml-0.5
-mt-1.5
-mr-1.5
-mb-1.5
-ml-1.5
-mt-2.5
-mr-2.5
-mb-2.5
-ml-2.5
-mt-3.5
-mr-3.5
-mb-3.5
-ml-3.5
self-auto
self-start
self-end
self-center
self-stretch
flex-1
flex-auto
flex-initial
flex-none
flex-grow-0
flex-grow
flex-shrink-0
flex-shrink
flex-wrap
flex-wrap-reverse
flex-nowrap
order-1
order-2
order-3
order-4
order-5
order-6
order-7
order-8
order-9
order-10
order-11
order-12
order-first
order-last
order-none
block
inline-block
inline
flex
inline-flex
table
table-caption
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row-group
table-row
flow-root
grid
inline-grid
contents
hidden
flex-row
flex-row-reverse
flex-col
flex-col-reverse
gap-0
gap-1
gap-2
gap-3
gap-4
gap-5
gap-6
gap-7
gap-8
gap-9
gap-10
gap-11
gap-12
gap-14
gap-16
gap-20
gap-24
gap-28
gap-32
gap-36
gap-40
gap-44
gap-48
gap-52
gap-56
gap-60
gap-64
gap-72
gap-80
gap-96
gap-px
gap-0.5
gap-1.5
gap-2.5
gap-3.5
gap-x-0
gap-x-1
gap-x-2
gap-x-3
gap-x-4
gap-x-5
gap-x-6
gap-x-7
gap-x-8
gap-x-9
gap-x-10
gap-x-11
gap-x-12
gap-x-14
gap-x-16
gap-x-20
gap-x-24
gap-x-28
gap-x-32
gap-x-36
gap-x-40
gap-x-44
gap-x-48
gap-x-52
gap-x-56
gap-x-60
gap-x-64
gap-x-72
gap-x-80
gap-x-96
gap-x-px
gap-x-0.5
gap-x-1.5
gap-x-2.5
gap-x-3.5
gap-y-0
gap-y-1
gap-y-2
gap-y-3
gap-y-4
gap-y-5
gap-y-6
gap-y-7
gap-y-8
gap-y-9
gap-y-10
gap-y-11
gap-y-12
gap-y-14
gap-y-16
gap-y-20
gap-y-24
gap-y-28
gap-y-32
gap-y-36
gap-y-40
gap-y-44
gap-y-48
gap-y-52
gap-y-56
gap-y-60
gap-y-64
gap-y-72
gap-y-80
gap-y-96
gap-y-px
gap-y-0.5
gap-y-1.5
gap-y-2.5
gap-y-3.5
content-center
content-start
content-end
content-between
content-around
content-evenly
items-start
items-end
items-center
items-baseline
items-stretch
justify-start
justify-end
justify-center
justify-between
justify-around
justify-evenly
justify-items-auto
justify-items-start
justify-items-end
justify-items-center
justify-items-stretch
justify-self-auto
justify-self-start
justify-self-end
justify-self-center
justify-self-stretch
space-y-0
space-x-0
space-y-1
space-x-1
space-y-2
space-x-2
space-y-3
space-x-3
space-y-4
space-x-4
space-y-5
space-x-5
space-y-6
space-x-6
space-y-7
space-x-7
space-y-8
space-x-8
space-y-9
space-x-9
space-y-10
space-x-10
space-y-11
space-x-11
space-y-12
space-x-12
space-y-14
space-x-14
space-y-16
space-x-16
space-y-20
space-x-20
space-y-24
space-x-24
space-y-28
space-x-28
space-y-32
space-x-32
space-y-36
space-x-36
space-y-40
space-x-40
space-y-44
space-x-44
space-y-48
space-x-48
space-y-52
space-x-52
space-y-56
space-x-56
space-y-60
space-x-60
space-y-64
space-x-64
space-y-72
space-x-72
space-y-80
space-x-80
space-y-96
space-x-96
space-y-px
space-x-px
space-y-0.5
space-x-0.5
space-y-1.5
space-x-1.5
space-y-2.5
space-x-2.5
space-y-3.5
space-x-3.5
-space-y-0
-space-x-0
-space-y-1
-space-x-1
-space-y-2
-space-x-2
-space-y-3
-space-x-3
-space-y-4
-space-x-4
-space-y-5
-space-x-5
-space-y-6
-space-x-6
-space-y-7
-space-x-7
-space-y-8
-space-x-8
-space-y-9
-space-x-9
-space-y-10
-space-x-10
-space-y-11
-space-x-11
-space-y-12
-space-x-12
-space-y-14
-space-x-14
-space-y-16
-space-x-16
-space-y-20
-space-x-20
-space-y-24
-space-x-24
-space-y-28
-space-x-28
-space-y-32
-space-x-32
-space-y-36
-space-x-36
-space-y-40
-space-x-40
-space-y-44
-space-x-44
-space-y-48
-space-x-48
-space-y-52
-space-x-52
-space-y-56
-space-x-56
-space-y-60
-space-x-60
-space-y-64
-space-x-64
-space-y-72
-space-x-72
-space-y-80
-space-x-80
-space-y-96
-space-x-96
-space-y-px
-space-x-px
-space-y-0.5
-space-x-0.5
-space-y-1.5
-space-x-1.5
-space-y-2.5
-space-x-2.5
-space-y-3.5
-space-x-3.5
space-y-reverse
space-x-reverse
box-border
box-content
container
w-0
w-1
w-2
w-3
w-4
w-5
w-6
w-7
w-8
w-9
w-10
w-11
w-12
w-14
w-16
w-20
w-24
w-28
w-32
w-36
w-40
w-44
w-48
w-52
w-56
w-60
w-64
w-72
w-80
w-96
w-auto
w-px
w-0.5
w-1.5
w-2.5
w-3.5
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
w-min
w-max
h-0
h-1
h-2
h-3
h-4
h-5
h-6
h-7
h-8
h-9
h-10
h-11
h-12
h-14
h-16
h-20
h-24
h-28
h-32
h-36
h-40
h-44
h-48
h-52
h-56
h-60
h-64
h-72
h-80
h-96
h-auto
h-px
h-0.5
h-1.5
h-2.5
h-3.5
h-1/2
h-1/3
h-2/3
h-1/4
h-2/4
h-3/4
h-1/5
h-2/5
h-3/5
h-4/5
h-1/6
h-2/6
h-3/6
h-4/6
h-5/6
h-full
h-screen
max-h-0
max-h-1
max-h-2
max-h-3
max-h-4
max-h-5
max-h-6
max-h-7
max-h-8
max-h-9
max-h-10
max-h-11
max-h-12
max-h-14
max-h-16
max-h-20
max-h-24
max-h-28
max-h-32
max-h-36
max-h-40
max-h-44
max-h-48
max-h-52
max-h-56
max-h-60
max-h-64
max-h-72
max-h-80
max-h-96
max-h-px
max-h-0.5
max-h-1.5
max-h-2.5
max-h-3.5
max-h-full
max-h-screen
max-w-0
max-w-none
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-7xl
max-w-full
max-w-min
max-w-max
max-w-prose
max-w-screen-sm
max-w-screen-md
max-w-screen-lg
max-w-screen-xl
max-w-screen-2xl
min-h-0
min-h-full
min-h-screen
min-w-0
min-w-full
min-w-min
min-w-max
object-contain
object-cover
object-fill
object-none
object-scale-down
object-bottom
object-center
object-left
object-left-bottom
object-left-top
object-right
object-right-bottom
object-right-top
object-top
p-0
p-1
p-2
p-3
p-4
p-5
p-6
p-7
p-8
p-9
p-10
p-11
p-12
p-14
p-16
p-20
p-24
p-28
p-32
p-36
p-40
p-44
p-48
p-52
p-56
p-60
p-64
p-72
p-80
p-96
p-px
p-0.5
p-1.5
p-2.5
p-3.5
py-0
px-0
py-1
px-1
py-2
px-2
py-3
px-3
py-4
px-4
py-5
px-5
py-6
px-6
py-7
px-7
py-8
px-8
py-9
px-9
py-10
px-10
py-11
px-11
py-12
px-12
py-14
px-14
py-16
px-16
py-20
px-20
py-24
px-24
py-28
px-28
py-32
px-32
py-36
px-36
py-40
px-40
py-44
px-44
py-48
px-48
py-52
px-52
py-56
px-56
py-60
px-60
py-64
px-64
py-72
px-72
py-80
px-80
py-96
px-96
py-px
px-px
py-0.5
px-0.5
py-1.5
px-1.5
py-2.5
px-2.5
py-3.5
px-3.5
pt-0
pr-0
pb-0
pl-0
pt-1
pr-1
pb-1
pl-1
pt-2
pr-2
pb-2
pl-2
pt-3
pr-3
pb-3
pl-3
pt-4
pr-4
pb-4
pl-4
pt-5
pr-5
pb-5
pl-5
pt-6
pr-6
pb-6
pl-6
pt-7
pr-7
pb-7
pl-7
pt-8
pr-8
pb-8
pl-8
pt-9
pr-9
pb-9
pl-9
pt-10
pr-10
pb-10
pl-10
pt-11
pr-11
pb-11
pl-11
pt-12
pr-12
pb-12
pl-12
pt-14
pr-14
pb-14
pl-14
pt-16
pr-16
pb-16
pl-16
pt-20
pr-20
pb-20
pl-20
pt-24
pr-24
pb-24
pl-24
pt-28
pr-28
pb-28
pl-28
pt-32
pr-32
pb-32
pl-32
pt-36
pr-36
pb-36
pl-36
pt-40
pr-40
pb-40
pl-40
pt-44
pr-44
pb-44
pl-44
pt-48
pr-48
pb-48
pl-48
pt-52
pr-52
pb-52
pl-52
pt-56
pr-56
pb-56
pl-56
pt-60
pr-60
pb-60
pl-60
pt-64
pr-64
pb-64
pl-64
pt-72
pr-72
pb-72
pl-72
pt-80
pr-80
pb-80
pl-80
pt-96
pr-96
pb-96
pl-96
pt-px
pr-px
pb-px
pl-px
pt-0.5
pr-0.5
pb-0.5
pl-0.5
pt-1.5
pr-1.5
pb-1.5
pl-1.5
pt-2.5
pr-2.5
pb-2.5
pl-2.5
pt-3.5
pr-3.5
pb-3.5
pl-3.5
z-0
z-10
z-20
z-30
z-40
z-50
z-auto
visible
invisible
border-0
border-2
border-4
border-8
border
border-t-0
border-r-0
border-b-0
border-l-0
border-t-2
border-r-2
border-b-2
border-l-2
border-t-4
border-r-4
border-b-4
border-l-4
border-t-8
border-r-8
border-b-8
border-l-8
border-t
border-r
border-b
border-l
border-solid
border-dashed
border-dotted
border-double
border-none
rounded-none
rounded-sm
rounded
rounded-md
rounded-lg
rounded-xl
rounded-2xl
rounded-3xl
rounded-full
rounded-t-none
rounded-r-none
rounded-b-none
rounded-l-none
rounded-t-sm
rounded-r-sm
rounded-b-sm
rounded-l-sm
rounded-t
rounded-r
rounded-b
rounded-l
rounded-t-md
rounded-r-md
rounded-b-md
rounded-l-md
rounded-t-lg
rounded-r-lg
rounded-b-lg
rounded-l-lg
rounded-t-xl
rounded-r-xl
rounded-b-xl
rounded-l-xl
rounded-t-2xl
rounded-r-2xl
rounded-b-2xl
rounded-l-2xl
rounded-t-3xl
rounded-r-3xl
rounded-b-3xl
rounded-l-3xl
rounded-t-full
rounded-r-full
rounded-b-full
rounded-l-full
rounded-tl-none
rounded-tr-none
rounded-br-none
rounded-bl-none
rounded-tl-sm
rounded-tr-sm
rounded-br-sm
rounded-bl-sm
rounded-tl
rounded-tr
rounded-br
rounded-bl
rounded-tl-md
rounded-tr-md
rounded-br-md
rounded-bl-md
rounded-tl-lg
rounded-tr-lg
rounded-br-lg
rounded-bl-lg
rounded-tl-xl
rounded-tr-xl
rounded-br-xl
rounded-bl-xl
rounded-tl-2xl
rounded-tr-2xl
rounded-br-2xl
rounded-bl-2xl
rounded-tl-3xl
rounded-tr-3xl
rounded-br-3xl
rounded-bl-3xl
rounded-tl-full
rounded-tr-full
rounded-br-full
rounded-bl-full
border-transparent
border-current
border-black
border-white
border-gray-50
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-50
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-yellow-50
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-50
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-blue-50
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-50
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-50
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-50
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-collapse
border-separate
border-opacity-0
border-opacity-5
border-opacity-10
border-opacity-20
border-opacity-25
border-opacity-30
border-opacity-40
border-opacity-50
border-opacity-60
border-opacity-70
border-opacity-75
border-opacity-80
border-opacity-90
border-opacity-95
border-opacity-100
divide-transparent
divide-current
divide-black
divide-white
divide-gray-50
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-50
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-yellow-50
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-50
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-blue-50
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-50
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-50
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-50
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-0
divide-opacity-5
divide-opacity-10
divide-opacity-20
divide-opacity-25
divide-opacity-30
divide-opacity-40
divide-opacity-50
divide-opacity-60
divide-opacity-70
divide-opacity-75
divide-opacity-80
divide-opacity-90
divide-opacity-95
divide-opacity-100
divide-y-0
divide-x-0
divide-y-2
divide-x-2
divide-y-4
divide-x-4
divide-y-8
divide-x-8
divide-y
divide-x
divide-y-reverse
divide-x-reverse
outline-none
outline-white
outline-black
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-50
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-yellow-50
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-50
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-blue-50
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-50
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-50
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-50
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
text-transparent
text-current
text-black
text-white
text-gray-50
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-50
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-yellow-50
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-50
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-blue-50
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-50
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-50
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-50
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
font-sans
font-serif
font-mono
text-xs
text-sm
text-base
text-lg
text-xl
text-2xl
text-3xl
text-4xl
text-5xl
text-6xl
text-7xl
text-8xl
text-9xl
font-thin
font-extralight
font-light
font-normal
font-medium
font-semibold
font-bold
font-extrabold
font-black
italic
not-italic
antialiased
subpixel-antialiased
text-left
text-center
text-right
text-justify
align-baseline
align-top
align-middle
align-bottom
align-text-top
align-text-bottom
underline
line-through
no-underline
text-opacity-0
text-opacity-5
text-opacity-10
text-opacity-20
text-opacity-25
text-opacity-30
text-opacity-40
text-opacity-50
text-opacity-60
text-opacity-70
text-opacity-75
text-opacity-80
text-opacity-90
text-opacity-95
text-opacity-100
uppercase
lowercase
capitalize
normal-case
tracking-tighter
tracking-tight
tracking-normal
tracking-wide
tracking-wider
tracking-widest
leading-3
leading-4
leading-5
leading-6
leading-7
leading-8
leading-9
leading-10
leading-none
leading-tight
leading-snug
leading-normal
leading-relaxed
leading-loose
whitespace-normal
whitespace-nowrap
whitespace-pre
whitespace-pre-line
whitespace-pre-wrap
break-normal
break-words
break-all
transform
transform-gpu
transform-none
origin-center
origin-top
origin-top-right
origin-right
origin-bottom-right
origin-bottom
origin-bottom-left
origin-left
origin-top-left
opacity-0
opacity-5
opacity-10
opacity-20
opacity-25
opacity-30
opacity-40
opacity-50
opacity-60
opacity-70
opacity-75
opacity-80
opacity-90
opacity-95
opacity-100
translate-x-0
translate-x-1
translate-x-2
translate-x-3
translate-x-4
translate-x-5
translate-x-6
translate-x-7
translate-x-8
translate-x-9
translate-x-10
translate-x-11
translate-x-12
translate-x-14
translate-x-16
translate-x-20
translate-x-24
translate-x-28
translate-x-32
translate-x-36
translate-x-40
translate-x-44
translate-x-48
translate-x-52
translate-x-56
translate-x-60
translate-x-64
translate-x-72
translate-x-80
translate-x-96
translate-x-px
translate-x-0.5
translate-x-1.5
translate-x-2.5
translate-x-3.5
-translate-x-0
-translate-x-1
-translate-x-2
-translate-x-3
-translate-x-4
-translate-x-5
-translate-x-6
-translate-x-7
-translate-x-8
-translate-x-9
-translate-x-10
-translate-x-11
-translate-x-12
-translate-x-14
-translate-x-16
-translate-x-20
-translate-x-24
-translate-x-28
-translate-x-32
-translate-x-36
-translate-x-40
-translate-x-44
-translate-x-48
-translate-x-52
-translate-x-56
-translate-x-60
-translate-x-64
-translate-x-72
-translate-x-80
-translate-x-96
-translate-x-px
-translate-x-0.5
-translate-x-1.5
-translate-x-2.5
-translate-x-3.5
translate-x-1/2
translate-x-1/3
translate-x-2/3
translate-x-1/4
translate-x-2/4
translate-x-3/4
translate-x-full
-translate-x-1/2
-translate-x-1/3
-translate-x-2/3
-translate-x-1/4
-translate-x-2/4
-translate-x-3/4
-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-7
translate-y-8
translate-y-9
translate-y-10
translate-y-11
translate-y-12
translate-y-14
translate-y-16
translate-y-20
translate-y-24
translate-y-28
translate-y-32
translate-y-36
translate-y-40
translate-y-44
translate-y-48
translate-y-52
translate-y-56
translate-y-60
translate-y-64
translate-y-72
translate-y-80
translate-y-96
translate-y-px
translate-y-0.5
translate-y-1.5
translate-y-2.5
translate-y-3.5
-translate-y-0
-translate-y-1
-translate-y-2
-translate-y-3
-translate-y-4
-translate-y-5
-translate-y-6
-translate-y-7
-translate-y-8
-translate-y-9
-translate-y-10
-translate-y-11
-translate-y-12
-translate-y-14
-translate-y-16
-translate-y-20
-translate-y-24
-translate-y-28
-translate-y-32
-translate-y-36
-translate-y-40
-translate-y-44
-translate-y-48
-translate-y-52
-translate-y-56
-translate-y-60
-translate-y-64
-translate-y-72
-translate-y-80
-translate-y-96
-translate-y-px
-translate-y-0.5
-translate-y-1.5
-translate-y-2.5
-translate-y-3.5
translate-y-1/2
translate-y-1/3
translate-y-2/3
translate-y-1/4
translate-y-2/4
translate-y-3/4
translate-y-full
-translate-y-1/2
-translate-y-1/3
-translate-y-2/3
-translate-y-1/4
-translate-y-2/4
-translate-y-3/4
-translate-y-full
rotate-0
rotate-1
rotate-2
rotate-3
rotate-6
rotate-12
rotate-45
rotate-90
rotate-180
-rotate-180
-rotate-90
-rotate-45
-rotate-12
-rotate-6
-rotate-3
-rotate-2
-rotate-1
scale-0
scale-50
scale-75
scale-90
scale-95
scale-100
scale-105
scale-110
scale-125
scale-150
scale-x-0
scale-x-50
scale-x-75
scale-x-90
scale-x-95
scale-x-100
scale-x-105
scale-x-110
scale-x-125
scale-x-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
skew-x-0
skew-x-1
skew-x-2
skew-x-3
skew-x-6
skew-x-12
-skew-x-12
-skew-x-6
-skew-x-3
-skew-x-2
-skew-x-1
skew-y-0
skew-y-1
skew-y-2
skew-y-3
skew-y-6
skew-y-12
-skew-y-12
-skew-y-6
-skew-y-3
-skew-y-2
-skew-y-1
bg-bottom
bg-center
bg-left
bg-left-bottom
bg-left-top
bg-right
bg-right-bottom
bg-right-top
bg-top
bg-auto
bg-cover
bg-contain
bg-repeat
bg-no-repeat
bg-repeat-x
bg-repeat-y
bg-repeat-round
bg-repeat-space
bg-opacity-0
bg-opacity-5
bg-opacity-10
bg-opacity-20
bg-opacity-25
bg-opacity-30
bg-opacity-40
bg-opacity-50
bg-opacity-60
bg-opacity-70
bg-opacity-75
bg-opacity-80
bg-opacity-90
bg-opacity-95
bg-opacity-100
bg-fixed
bg-local
bg-scroll
transition-none
transition-all
transition
transition-colors
transition-opacity
transition-shadow
transition-transform
duration-75
duration-100
duration-150
duration-200
duration-300
duration-500
duration-700
duration-1000
ease-linear
ease-in
ease-out
ease-in-out
delay-75
delay-100
delay-150
delay-200
delay-300
delay-500
delay-700
delay-1000
shadow-sm
shadow
shadow-md
shadow-lg
shadow-xl
shadow-2xl
shadow-inner
shadow-none
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment