UNPKG

@myissue/vue-website-page-builder

Version:

Vue 3 page builder component with drag & drop functionality.

2,206 lines (2,198 loc) 34.8 kB
interface CompiledCSS { minMaxHeightWidth: string[] height: string[] heightSm: string[] heightMd: string[] heightLg: string[] heightXl: string[] heightXl2: string[] height2xl: string[] width: string[] widthSm: string[] widthMd: string[] widthLg: string[] widthXl: string[] widthXl2: string[] width2xl: string[] marginTop: string[] marginRight: string[] marginBottom: string[] marginLeft: string[] paddingTop: string[] paddingRight: string[] paddingBottom: string[] paddingLeft: string[] twoXlPaddingTop: string[] twoXlPaddingRight: string[] twoXlPaddingBottom: string[] twoXlPaddingLeft: string[] xlPaddingTop: string[] xlPaddingRight: string[] xlPaddingBottom: string[] xlPaddingLeft: string[] lgPaddingTop: string[] lgPaddingRight: string[] lgPaddingBottom: string[] lgPaddingLeft: string[] mdPaddingTop: string[] mdPaddingRight: string[] mdPaddingBottom: string[] mdPaddingLeft: string[] smPaddingTop: string[] smPaddingRight: string[] smPaddingBottom: string[] smPaddingLeft: string[] grid: string[] gridLg: string[] image: string[] video: string[] } const compiledCSS: CompiledCSS = { // min & max height & width minMaxHeightWidth: [ 'min-h-0.5', 'min-h-1', 'min-h-1.5', 'min-h-2', 'min-h-2.5', 'min-h-3', 'min-h-3.5', 'min-h-4', 'min-h-5', 'min-h-6', 'min-h-7', 'min-h-8', 'min-h-9', 'min-h-10', 'min-h-11', 'min-h-12', 'min-h-14', 'min-h-16', 'min-h-20', 'min-h-24', 'min-h-28', 'min-h-32', 'min-h-36', 'min-h-40', 'min-h-44', 'min-h-48', 'min-h-52', 'min-h-56', 'min-h-60', 'min-h-64', 'min-h-72', 'min-h-80', 'min-h-96', 'max-h-0.5', 'max-h-1', 'max-h-1.5', 'max-h-2', 'max-h-2.5', 'max-h-3', 'max-h-3.5', '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', 'min-w-0.5', 'min-w-1', 'min-w-1.5', 'min-w-2', 'min-w-2.5', 'min-w-3', 'min-w-3.5', 'min-w-4', 'min-w-5', 'min-w-6', 'min-w-7', 'min-w-8', 'min-w-9', 'min-w-10', 'min-w-11', 'min-w-12', 'min-w-14', 'min-w-16', 'min-w-20', 'min-w-24', 'min-w-28', 'min-w-32', 'min-w-36', 'min-w-40', 'min-w-44', 'min-w-48', 'min-w-52', 'min-w-56', 'min-w-60', 'min-w-64', 'min-w-72', 'min-w-80', 'min-w-96', 'max-w-0.5', 'max-w-1', 'max-w-1.5', 'max-w-2', 'max-w-2.5', 'max-w-3', 'max-w-3.5', 'max-w-4', 'max-w-5', 'max-w-6', 'max-w-7', 'max-w-8', 'max-w-9', 'max-w-10', 'max-w-11', 'max-w-12', 'max-w-14', 'max-w-16', 'max-w-20', 'max-w-24', 'max-w-28', 'max-w-32', 'max-w-36', 'max-w-40', 'max-w-44', 'max-w-48', 'max-w-52', 'max-w-56', 'max-w-60', 'max-w-64', 'max-w-72', 'max-w-80', 'max-w-96', ], height: [ 'h-0.5', 'h-1', 'h-1.5', 'h-2', 'h-2.5', 'h-3', 'h-3.5', '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-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', 'h-min', 'h-max', 'h-fit', ], heightSm: [ 'sm:h-0.5', 'sm:h-1', 'sm:h-1.5', 'sm:h-2', 'sm:h-2.5', 'sm:h-3', 'sm:h-3.5', 'sm:h-4', 'sm:h-5', 'sm:h-6', 'sm:h-7', 'sm:h-8', 'sm:h-9', 'sm:h-10', 'sm:h-11', 'sm:h-12', 'sm:h-14', 'sm:h-16', 'sm:h-20', 'sm:h-24', 'sm:h-28', 'sm:h-32', 'sm:h-36', 'sm:h-40', 'sm:h-44', 'sm:h-48', 'sm:h-52', 'sm:h-56', 'sm:h-60', 'sm:h-64', 'sm:h-72', 'sm:h-80', 'sm:h-96', 'sm:h-auto', 'sm:h-1/2', 'sm:h-1/3', 'sm:h-2/3', 'sm:h-1/4', 'sm:h-2/4', 'sm:h-3/4', 'sm:h-1/5', 'sm:h-2/5', 'sm:h-3/5', 'sm:h-4/5', 'sm:h-1/6', 'sm:h-2/6', 'sm:h-3/6', 'sm:h-4/6', 'sm:h-5/6', 'sm:h-full', 'sm:h-screen', 'sm:h-min', 'sm:h-max', 'sm:h-fit', ], heightMd: [ 'md:h-0.5', 'md:h-1', 'md:h-1.5', 'md:h-2', 'md:h-2.5', 'md:h-3', 'md:h-3.5', 'md:h-4', 'md:h-5', 'md:h-6', 'md:h-7', 'md:h-8', 'md:h-9', 'md:h-10', 'md:h-11', 'md:h-12', 'md:h-14', 'md:h-16', 'md:h-20', 'md:h-24', 'md:h-28', 'md:h-32', 'md:h-36', 'md:h-40', 'md:h-44', 'md:h-48', 'md:h-52', 'md:h-56', 'md:h-60', 'md:h-64', 'md:h-72', 'md:h-80', 'md:h-96', 'md:h-auto', 'md:h-1/2', 'md:h-1/3', 'md:h-2/3', 'md:h-1/4', 'md:h-2/4', 'md:h-3/4', 'md:h-1/5', 'md:h-2/5', 'md:h-3/5', 'md:h-4/5', 'md:h-1/6', 'md:h-2/6', 'md:h-3/6', 'md:h-4/6', 'md:h-5/6', 'md:h-full', 'md:h-screen', 'md:h-min', 'md:h-max', 'md:h-fit', ], heightLg: [ 'lg:h-0.5', 'lg:h-1', 'lg:h-1.5', 'lg:h-2', 'lg:h-2.5', 'lg:h-3', 'lg:h-3.5', 'lg:h-4', 'lg:h-5', 'lg:h-6', 'lg:h-7', 'lg:h-8', 'lg:h-9', 'lg:h-10', 'lg:h-11', 'lg:h-12', 'lg:h-14', 'lg:h-16', 'lg:h-20', 'lg:h-24', 'lg:h-28', 'lg:h-32', 'lg:h-36', 'lg:h-40', 'lg:h-44', 'lg:h-48', 'lg:h-52', 'lg:h-56', 'lg:h-60', 'lg:h-64', 'lg:h-72', 'lg:h-80', 'lg:h-96', 'lg:h-auto', 'lg:h-1/2', 'lg:h-1/3', 'lg:h-2/3', 'lg:h-1/4', 'lg:h-2/4', 'lg:h-3/4', 'lg:h-1/5', 'lg:h-2/5', 'lg:h-3/5', 'lg:h-4/5', 'lg:h-1/6', 'lg:h-2/6', 'lg:h-3/6', 'lg:h-4/6', 'lg:h-5/6', 'lg:h-full', 'lg:h-screen', 'lg:h-min', 'lg:h-max', 'lg:h-fit', ], heightXl: [ 'xl:h-0.5', 'xl:h-1', 'xl:h-1.5', 'xl:h-2', 'xl:h-2.5', 'xl:h-3', 'xl:h-3.5', 'xl:h-4', 'xl:h-5', 'xl:h-6', 'xl:h-7', 'xl:h-8', 'xl:h-9', 'xl:h-10', 'xl:h-11', 'xl:h-12', 'xl:h-14', 'xl:h-16', 'xl:h-20', 'xl:h-24', 'xl:h-28', 'xl:h-32', 'xl:h-36', 'xl:h-40', 'xl:h-44', 'xl:h-48', 'xl:h-52', 'xl:h-56', 'xl:h-60', 'xl:h-64', 'xl:h-72', 'xl:h-80', 'xl:h-96', 'xl:h-auto', 'xl:h-1/2', 'xl:h-1/3', 'xl:h-2/3', 'xl:h-1/4', 'xl:h-2/4', 'xl:h-3/4', 'xl:h-1/5', 'xl:h-2/5', 'xl:h-3/5', 'xl:h-4/5', 'xl:h-1/6', 'xl:h-2/6', 'xl:h-3/6', 'xl:h-4/6', 'xl:h-5/6', 'xl:h-full', 'xl:h-screen', 'xl:h-min', 'xl:h-max', 'xl:h-fit', ], heightXl2: [ 'xl:h-0.5', 'xl:h-1', 'xl:h-1.5', 'xl:h-2', 'xl:h-2.5', 'xl:h-3', 'xl:h-3.5', 'xl:h-4', 'xl:h-5', 'xl:h-6', 'xl:h-7', 'xl:h-8', 'xl:h-9', 'xl:h-10', 'xl:h-11', 'xl:h-12', 'xl:h-14', 'xl:h-16', 'xl:h-20', 'xl:h-24', 'xl:h-28', 'xl:h-32', 'xl:h-36', 'xl:h-40', 'xl:h-44', 'xl:h-48', 'xl:h-52', 'xl:h-56', 'xl:h-60', 'xl:h-64', 'xl:h-72', 'xl:h-80', 'xl:h-96', 'xl:h-auto', 'xl:h-1/2', 'xl:h-1/3', 'xl:h-2/3', 'xl:h-1/4', 'xl:h-2/4', 'xl:h-3/4', 'xl:h-1/5', 'xl:h-2/5', 'xl:h-3/5', 'xl:h-4/5', 'xl:h-1/6', 'xl:h-2/6', 'xl:h-3/6', 'xl:h-4/6', 'xl:h-5/6', 'xl:h-full', 'xl:h-screen', 'xl:h-min', 'xl:h-max', 'xl:h-fit', ], height2xl: [ '2xl:h-0.5', '2xl:h-1', '2xl:h-1.5', '2xl:h-2', '2xl:h-2.5', '2xl:h-3', '2xl:h-3.5', '2xl:h-4', '2xl:h-5', '2xl:h-6', '2xl:h-7', '2xl:h-8', '2xl:h-9', '2xl:h-10', '2xl:h-11', '2xl:h-12', '2xl:h-14', '2xl:h-16', '2xl:h-20', '2xl:h-24', '2xl:h-28', '2xl:h-32', '2xl:h-36', '2xl:h-40', '2xl:h-44', '2xl:h-48', '2xl:h-52', '2xl:h-56', '2xl:h-60', '2xl:h-64', '2xl:h-72', '2xl:h-80', '2xl:h-96', '2xl:h-auto', '2xl:h-1/2', '2xl:h-1/3', '2xl:h-2/3', '2xl:h-1/4', '2xl:h-2/4', '2xl:h-3/4', '2xl:h-1/5', '2xl:h-2/5', '2xl:h-3/5', '2xl:h-4/5', '2xl:h-1/6', '2xl:h-2/6', '2xl:h-3/6', '2xl:h-4/6', '2xl:h-5/6', '2xl:h-full', '2xl:h-screen', '2xl:h-min', '2xl:h-max', '2xl:h-fit', ], // height width: [ 'w-0.5', 'w-1', 'w-1.5', 'w-2', 'w-2.5', 'w-3', 'w-3.5', '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-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-full', 'w-screen', 'w-min', 'w-max', 'w-fit', ], widthSm: [ 'sm:w-0.5', 'sm:w-1', 'sm:w-1.5', 'sm:w-2', 'sm:w-2.5', 'sm:w-3', 'sm:w-3.5', 'sm:w-4', 'sm:w-5', 'sm:w-6', 'sm:w-7', 'sm:w-8', 'sm:w-9', 'sm:w-10', 'sm:w-11', 'sm:w-12', 'sm:w-14', 'sm:w-16', 'sm:w-20', 'sm:w-24', 'sm:w-28', 'sm:w-32', 'sm:w-36', 'sm:w-40', 'sm:w-44', 'sm:w-48', 'sm:w-52', 'sm:w-56', 'sm:w-60', 'sm:w-64', 'sm:w-72', 'sm:w-80', 'sm:w-96', 'sm:w-auto', 'sm:w-1/2', 'sm:w-1/3', 'sm:w-2/3', 'sm:w-1/4', 'sm:w-2/4', 'sm:w-3/4', 'sm:w-1/5', 'sm:w-2/5', 'sm:w-3/5', 'sm:w-4/5', 'sm:w-1/6', 'sm:w-2/6', 'sm:w-3/6', 'sm:w-4/6', 'sm:w-5/6', 'sm:w-full', 'sm:w-screen', 'sm:w-min', 'sm:w-max', 'sm:w-fit', ], widthMd: [ 'md:w-0.5', 'md:w-1', 'md:w-1.5', 'md:w-2', 'md:w-2.5', 'md:w-3', 'md:w-3.5', 'md:w-4', 'md:w-5', 'md:w-6', 'md:w-7', 'md:w-8', 'md:w-9', 'md:w-10', 'md:w-11', 'md:w-12', 'md:w-14', 'md:w-16', 'md:w-20', 'md:w-24', 'md:w-28', 'md:w-32', 'md:w-36', 'md:w-40', 'md:w-44', 'md:w-48', 'md:w-52', 'md:w-56', 'md:w-60', 'md:w-64', 'md:w-72', 'md:w-80', 'md:w-96', 'md:w-auto', 'md:w-1/2', 'md:w-1/3', 'md:w-2/3', 'md:w-1/4', 'md:w-2/4', 'md:w-3/4', 'md:w-1/5', 'md:w-2/5', 'md:w-3/5', 'md:w-4/5', 'md:w-1/6', 'md:w-2/6', 'md:w-3/6', 'md:w-4/6', 'md:w-5/6', 'md:w-full', 'md:w-screen', 'md:w-min', 'md:w-max', 'md:w-fit', ], widthLg: [ 'lg:w-0.5', 'lg:w-1', 'lg:w-1.5', 'lg:w-2', 'lg:w-2.5', 'lg:w-3', 'lg:w-3.5', 'lg:w-4', 'lg:w-5', 'lg:w-6', 'lg:w-7', 'lg:w-8', 'lg:w-9', 'lg:w-10', 'lg:w-11', 'lg:w-12', 'lg:w-14', 'lg:w-16', 'lg:w-20', 'lg:w-24', 'lg:w-28', 'lg:w-32', 'lg:w-36', 'lg:w-40', 'lg:w-44', 'lg:w-48', 'lg:w-52', 'lg:w-56', 'lg:w-60', 'lg:w-64', 'lg:w-72', 'lg:w-80', 'lg:w-96', 'lg:w-auto', 'lg:w-1/2', 'lg:w-1/3', 'lg:w-2/3', 'lg:w-1/4', 'lg:w-2/4', 'lg:w-3/4', 'lg:w-1/5', 'lg:w-2/5', 'lg:w-3/5', 'lg:w-4/5', 'lg:w-1/6', 'lg:w-2/6', 'lg:w-3/6', 'lg:w-4/6', 'lg:w-5/6', 'lg:w-full', 'lg:w-screen', 'lg:w-min', 'lg:w-max', 'lg:w-fit', ], widthXl: [ 'xl:w-0.5', 'xl:w-1', 'xl:w-1.5', 'xl:w-2', 'xl:w-2.5', 'xl:w-3', 'xl:w-3.5', 'xl:w-4', 'xl:w-5', 'xl:w-6', 'xl:w-7', 'xl:w-8', 'xl:w-9', 'xl:w-10', 'xl:w-11', 'xl:w-12', 'xl:w-14', 'xl:w-16', 'xl:w-20', 'xl:w-24', 'xl:w-28', 'xl:w-32', 'xl:w-36', 'xl:w-40', 'xl:w-44', 'xl:w-48', 'xl:w-52', 'xl:w-56', 'xl:w-60', 'xl:w-64', 'xl:w-72', 'xl:w-80', 'xl:w-96', 'xl:w-auto', 'xl:w-1/2', 'xl:w-1/3', 'xl:w-2/3', 'xl:w-1/4', 'xl:w-2/4', 'xl:w-3/4', 'xl:w-1/5', 'xl:w-2/5', 'xl:w-3/5', 'xl:w-4/5', 'xl:w-1/6', 'xl:w-2/6', 'xl:w-3/6', 'xl:w-4/6', 'xl:w-5/6', 'xl:w-full', 'xl:w-screen', 'xl:w-min', 'xl:w-max', 'xl:w-fit', ], widthXl2: [ 'xl:w-0.5', 'xl:w-1', 'xl:w-1.5', 'xl:w-2', 'xl:w-2.5', 'xl:w-3', 'xl:w-3.5', 'xl:w-4', 'xl:w-5', 'xl:w-6', 'xl:w-7', 'xl:w-8', 'xl:w-9', 'xl:w-10', 'xl:w-11', 'xl:w-12', 'xl:w-14', 'xl:w-16', 'xl:w-20', 'xl:w-24', 'xl:w-28', 'xl:w-32', 'xl:w-36', 'xl:w-40', 'xl:w-44', 'xl:w-48', 'xl:w-52', 'xl:w-56', 'xl:w-60', 'xl:w-64', 'xl:w-72', 'xl:w-80', 'xl:w-96', 'xl:w-auto', 'xl:w-1/2', 'xl:w-1/3', 'xl:w-2/3', 'xl:w-1/4', 'xl:w-2/4', 'xl:w-3/4', 'xl:w-1/5', 'xl:w-2/5', 'xl:w-3/5', 'xl:w-4/5', 'xl:w-1/6', 'xl:w-2/6', 'xl:w-3/6', 'xl:w-4/6', 'xl:w-5/6', 'xl:w-full', 'xl:w-screen', 'xl:w-min', 'xl:w-max', 'xl:w-fit', ], width2xl: [ '2xl:w-0.5', '2xl:w-1', '2xl:w-1.5', '2xl:w-2', '2xl:w-2.5', '2xl:w-3', '2xl:w-3.5', '2xl:w-4', '2xl:w-5', '2xl:w-6', '2xl:w-7', '2xl:w-8', '2xl:w-9', '2xl:w-10', '2xl:w-11', '2xl:w-12', '2xl:w-14', '2xl:w-16', '2xl:w-20', '2xl:w-24', '2xl:w-28', '2xl:w-32', '2xl:w-36', '2xl:w-40', '2xl:w-44', '2xl:w-48', '2xl:w-52', '2xl:w-56', '2xl:w-60', '2xl:w-64', '2xl:w-72', '2xl:w-80', '2xl:w-96', '2xl:w-auto', '2xl:w-1/2', '2xl:w-1/3', '2xl:w-2/3', '2xl:w-1/4', '2xl:w-2/4', '2xl:w-3/4', '2xl:w-1/5', '2xl:w-2/5', '2xl:w-3/5', '2xl:w-4/5', '2xl:w-1/6', '2xl:w-2/6', '2xl:w-3/6', '2xl:w-4/6', '2xl:w-5/6', '2xl:w-full', '2xl:w-screen', '2xl:w-min', '2xl:w-max', '2xl:w-fit', ], // margin top, right, bottom, left marginTop: [ 'none', 'mt-0', 'mt-0.5', 'mt-1', 'mt-1.5', 'mt-2', 'mt-2.5', 'mt-3', 'mt-3.5', 'mt-4', 'mt-5', 'mt-6', 'mt-7', 'mt-8', 'mt-9', 'mt-10', 'mt-11', 'mt-12', 'mt-14', 'mt-16', 'mt-20', 'mt-24', 'mt-28', 'mt-32', 'mt-36', 'mt-40', 'mt-44', 'mt-48', 'mt-52', 'mt-56', 'mt-60', 'mt-64', 'mt-72', 'mt-80', 'mt-96', ], marginRight: [ 'none', 'mr-0', 'mr-0.5', 'mr-1', 'mr-1.5', 'mr-2', 'mr-2.5', 'mr-3', 'mr-3.5', 'mr-4', 'mr-5', 'mr-6', 'mr-7', 'mr-8', 'mr-9', 'mr-10', 'mr-11', 'mr-12', 'mr-14', 'mr-16', 'mr-20', 'mr-24', 'mr-28', 'mr-32', 'mr-36', 'mr-40', 'mr-44', 'mr-48', 'mr-52', 'mr-56', 'mr-60', 'mr-64', 'mr-72', 'mr-80', 'mr-96', ], marginBottom: [ 'none', 'mb-0', 'mb-0.5', 'mb-1', 'mb-1.5', 'mb-2', 'mb-2.5', 'mb-3', 'mb-3.5', 'mb-4', 'mb-5', 'mb-6', 'mb-7', 'mb-8', 'mb-9', 'mb-10', 'mb-11', 'mb-12', 'mb-14', 'mb-16', 'mb-20', 'mb-24', 'mb-28', 'mb-32', 'mb-36', 'mb-40', 'mb-44', 'mb-48', 'mb-52', 'mb-56', 'mb-60', 'mb-64', 'mb-72', 'mb-80', 'mb-96', ], marginLeft: [ 'none', 'ml-0', 'ml-0.5', 'ml-1', 'ml-1.5', 'ml-2', 'ml-2.5', 'ml-3', 'ml-3.5', 'ml-4', 'ml-5', 'ml-6', 'ml-7', 'ml-8', 'ml-9', 'ml-10', 'ml-11', 'ml-12', 'ml-14', 'ml-16', 'ml-20', 'ml-24', 'ml-28', 'ml-32', 'ml-36', 'ml-40', 'ml-44', 'ml-48', 'ml-52', 'ml-56', 'ml-60', 'ml-64', 'ml-72', 'ml-80', 'ml-96', ], // padding left top, right, bottom, left paddingTop: [ 'none', 'pt-0', 'pt-0.5', 'pt-1', 'pt-1.5', 'pt-2', 'pt-2.5', 'pt-3', 'pt-3.5', 'pt-4', 'pt-5', 'pt-6', 'pt-7', 'pt-8', 'pt-9', 'pt-10', 'pt-11', 'pt-12', 'pt-14', 'pt-16', 'pt-20', 'pt-24', 'pt-28', 'pt-32', 'pt-36', 'pt-40', 'pt-44', 'pt-48', 'pt-52', 'pt-56', 'pt-60', 'pt-64', 'pt-72', 'pt-80', 'pt-96', ], paddingRight: [ 'none', 'pr-0', 'pr-0.5', 'pr-1', 'pr-1.5', 'pr-2', 'pr-2.5', 'pr-3', 'pr-3.5', 'pr-4', 'pr-5', 'pr-6', 'pr-7', 'pr-8', 'pr-9', 'pr-10', 'pr-11', 'pr-12', 'pr-14', 'pr-16', 'pr-20', 'pr-24', 'pr-28', 'pr-32', 'pr-36', 'pr-40', 'pr-44', 'pr-48', 'pr-52', 'pr-56', 'pr-60', 'pr-64', 'pr-72', 'pr-80', 'pr-96', ], paddingBottom: [ 'none', 'pb-0', 'pb-0.5', 'pb-1', 'pb-1.5', 'pb-2', 'pb-2.5', 'pb-3', 'pb-3.5', 'pb-4', 'pb-5', 'pb-6', 'pb-7', 'pb-8', 'pb-9', 'pb-10', 'pb-11', 'pb-12', 'pb-14', 'pb-16', 'pb-20', 'pb-24', 'pb-28', 'pb-32', 'pb-36', 'pb-40', 'pb-44', 'pb-48', 'pb-52', 'pb-56', 'pb-60', 'pb-64', 'pb-72', 'pb-80', 'pb-96', ], paddingLeft: [ 'none', 'pl-0', 'pl-0.5', 'pl-1', 'pl-1.5', 'pl-2', 'pl-2.5', 'pl-3', 'pl-3.5', 'pl-4', 'pl-5', 'pl-6', 'pl-7', 'pl-8', 'pl-9', 'pl-10', 'pl-11', 'pl-12', 'pl-14', 'pl-16', 'pl-20', 'pl-24', 'pl-28', 'pl-32', 'pl-36', 'pl-40', 'pl-44', 'pl-48', 'pl-52', 'pl-56', 'pl-60', 'pl-64', 'pl-72', 'pl-80', 'pl-96', ], // 2xl: padding left top, right, bottom, left twoXlPaddingTop: [ 'none', '2xl:pt-0', '2xl:pt-0.5', '2xl:pt-1', '2xl:pt-1.5', '2xl:pt-2', '2xl:pt-2.5', '2xl:pt-3', '2xl:pt-3.5', '2xl:pt-4', '2xl:pt-5', '2xl:pt-6', '2xl:pt-7', '2xl:pt-8', '2xl:pt-9', '2xl:pt-10', '2xl:pt-11', '2xl:pt-12', '2xl:pt-14', '2xl:pt-16', '2xl:pt-20', '2xl:pt-24', '2xl:pt-28', '2xl:pt-32', '2xl:pt-36', '2xl:pt-40', '2xl:pt-44', '2xl:pt-48', '2xl:pt-52', '2xl:pt-56', '2xl:pt-60', '2xl:pt-64', '2xl:pt-72', '2xl:pt-80', '2xl:pt-96', ], twoXlPaddingRight: [ 'none', '2xl:pr-0', '2xl:pr-0.5', '2xl:pr-1', '2xl:pr-1.5', '2xl:pr-2', '2xl:pr-2.5', '2xl:pr-3', '2xl:pr-3.5', '2xl:pr-4', '2xl:pr-5', '2xl:pr-6', '2xl:pr-7', '2xl:pr-8', '2xl:pr-9', '2xl:pr-10', '2xl:pr-11', '2xl:pr-12', '2xl:pr-14', '2xl:pr-16', '2xl:pr-20', '2xl:pr-24', '2xl:pr-28', '2xl:pr-32', '2xl:pr-36', '2xl:pr-40', '2xl:pr-44', '2xl:pr-48', '2xl:pr-52', '2xl:pr-56', '2xl:pr-60', '2xl:pr-64', '2xl:pr-72', '2xl:pr-80', '2xl:pr-96', ], twoXlPaddingBottom: [ 'none', '2xl:pb-0', '2xl:pb-0.5', '2xl:pb-1', '2xl:pb-1.5', '2xl:pb-2', '2xl:pb-2.5', '2xl:pb-3', '2xl:pb-3.5', '2xl:pb-4', '2xl:pb-5', '2xl:pb-6', '2xl:pb-7', '2xl:pb-8', '2xl:pb-9', '2xl:pb-10', '2xl:pb-11', '2xl:pb-12', '2xl:pb-14', '2xl:pb-16', '2xl:pb-20', '2xl:pb-24', '2xl:pb-28', '2xl:pb-32', '2xl:pb-36', '2xl:pb-40', '2xl:pb-44', '2xl:pb-48', '2xl:pb-52', '2xl:pb-56', '2xl:pb-60', '2xl:pb-64', '2xl:pb-72', '2xl:pb-80', '2xl:pb-96', ], twoXlPaddingLeft: [ 'none', '2xl:pl-0', '2xl:pl-0.5', '2xl:pl-1', '2xl:pl-1.5', '2xl:pl-2', '2xl:pl-2.5', '2xl:pl-3', '2xl:pl-3.5', '2xl:pl-4', '2xl:pl-5', '2xl:pl-6', '2xl:pl-7', '2xl:pl-8', '2xl:pl-9', '2xl:pl-10', '2xl:pl-11', '2xl:pl-12', '2xl:pl-14', '2xl:pl-16', '2xl:pl-20', '2xl:pl-24', '2xl:pl-28', '2xl:pl-32', '2xl:pl-36', '2xl:pl-40', '2xl:pl-44', '2xl:pl-48', '2xl:pl-52', '2xl:pl-56', '2xl:pl-60', '2xl:pl-64', '2xl:pl-72', '2xl:pl-80', '2xl:pl-96', ], // xl: padding left top, right, bottom, left xlPaddingTop: [ 'none', 'xl:pt-0', 'xl:pt-0.5', 'xl:pt-1', 'xl:pt-1.5', 'xl:pt-2', 'xl:pt-2.5', 'xl:pt-3', 'xl:pt-3.5', 'xl:pt-4', 'xl:pt-5', 'xl:pt-6', 'xl:pt-7', 'xl:pt-8', 'xl:pt-9', 'xl:pt-10', 'xl:pt-11', 'xl:pt-12', 'xl:pt-14', 'xl:pt-16', 'xl:pt-20', 'xl:pt-24', 'xl:pt-28', 'xl:pt-32', 'xl:pt-36', 'xl:pt-40', 'xl:pt-44', 'xl:pt-48', 'xl:pt-52', 'xl:pt-56', 'xl:pt-60', 'xl:pt-64', 'xl:pt-72', 'xl:pt-80', 'xl:pt-96', ], xlPaddingRight: [ 'none', 'xl:pr-0', 'xl:pr-0.5', 'xl:pr-1', 'xl:pr-1.5', 'xl:pr-2', 'xl:pr-2.5', 'xl:pr-3', 'xl:pr-3.5', 'xl:pr-4', 'xl:pr-5', 'xl:pr-6', 'xl:pr-7', 'xl:pr-8', 'xl:pr-9', 'xl:pr-10', 'xl:pr-11', 'xl:pr-12', 'xl:pr-14', 'xl:pr-16', 'xl:pr-20', 'xl:pr-24', 'xl:pr-28', 'xl:pr-32', 'xl:pr-36', 'xl:pr-40', 'xl:pr-44', 'xl:pr-48', 'xl:pr-52', 'xl:pr-56', 'xl:pr-60', 'xl:pr-64', 'xl:pr-72', 'xl:pr-80', 'xl:pr-96', ], xlPaddingBottom: [ 'none', 'xl:pb-0', 'xl:pb-0.5', 'xl:pb-1', 'xl:pb-1.5', 'xl:pb-2', 'xl:pb-2.5', 'xl:pb-3', 'xl:pb-3.5', 'xl:pb-4', 'xl:pb-5', 'xl:pb-6', 'xl:pb-7', 'xl:pb-8', 'xl:pb-9', 'xl:pb-10', 'xl:pb-11', 'xl:pb-12', 'xl:pb-14', 'xl:pb-16', 'xl:pb-20', 'xl:pb-24', 'xl:pb-28', 'xl:pb-32', 'xl:pb-36', 'xl:pb-40', 'xl:pb-44', 'xl:pb-48', 'xl:pb-52', 'xl:pb-56', 'xl:pb-60', 'xl:pb-64', 'xl:pb-72', 'xl:pb-80', 'xl:pb-96', ], xlPaddingLeft: [ 'none', 'xl:pl-0', 'xl:pl-0.5', 'xl:pl-1', 'xl:pl-1.5', 'xl:pl-2', 'xl:pl-2.5', 'xl:pl-3', 'xl:pl-3.5', 'xl:pl-4', 'xl:pl-5', 'xl:pl-6', 'xl:pl-7', 'xl:pl-8', 'xl:pl-9', 'xl:pl-10', 'xl:pl-11', 'xl:pl-12', 'xl:pl-14', 'xl:pl-16', 'xl:pl-20', 'xl:pl-24', 'xl:pl-28', 'xl:pl-32', 'xl:pl-36', 'xl:pl-40', 'xl:pl-44', 'xl:pl-48', 'xl:pl-52', 'xl:pl-56', 'xl:pl-60', 'xl:pl-64', 'xl:pl-72', 'xl:pl-80', 'xl:pl-96', ], // lg: padding left top, right, bottom, left lgPaddingTop: [ 'none', 'lg:pt-0', 'lg:pt-0.5', 'lg:pt-1', 'lg:pt-1.5', 'lg:pt-2', 'lg:pt-2.5', 'lg:pt-3', 'lg:pt-3.5', 'lg:pt-4', 'lg:pt-5', 'lg:pt-6', 'lg:pt-7', 'lg:pt-8', 'lg:pt-9', 'lg:pt-10', 'lg:pt-11', 'lg:pt-12', 'lg:pt-14', 'lg:pt-16', 'lg:pt-20', 'lg:pt-24', 'lg:pt-28', 'lg:pt-32', 'lg:pt-36', 'lg:pt-40', 'lg:pt-44', 'lg:pt-48', 'lg:pt-52', 'lg:pt-56', 'lg:pt-60', 'lg:pt-64', 'lg:pt-72', 'lg:pt-80', 'lg:pt-96', ], lgPaddingRight: [ 'none', 'lg:pr-0', 'lg:pr-0.5', 'lg:pr-1', 'lg:pr-1.5', 'lg:pr-2', 'lg:pr-2.5', 'lg:pr-3', 'lg:pr-3.5', 'lg:pr-4', 'lg:pr-5', 'lg:pr-6', 'lg:pr-7', 'lg:pr-8', 'lg:pr-9', 'lg:pr-10', 'lg:pr-11', 'lg:pr-12', 'lg:pr-14', 'lg:pr-16', 'lg:pr-20', 'lg:pr-24', 'lg:pr-28', 'lg:pr-32', 'lg:pr-36', 'lg:pr-40', 'lg:pr-44', 'lg:pr-48', 'lg:pr-52', 'lg:pr-56', 'lg:pr-60', 'lg:pr-64', 'lg:pr-72', 'lg:pr-80', 'lg:pr-96', ], lgPaddingBottom: [ 'none', 'lg:pb-0', 'lg:pb-0.5', 'lg:pb-1', 'lg:pb-1.5', 'lg:pb-2', 'lg:pb-2.5', 'lg:pb-3', 'lg:pb-3.5', 'lg:pb-4', 'lg:pb-5', 'lg:pb-6', 'lg:pb-7', 'lg:pb-8', 'lg:pb-9', 'lg:pb-10', 'lg:pb-11', 'lg:pb-12', 'lg:pb-14', 'lg:pb-16', 'lg:pb-20', 'lg:pb-24', 'lg:pb-28', 'lg:pb-32', 'lg:pb-36', 'lg:pb-40', 'lg:pb-44', 'lg:pb-48', 'lg:pb-52', 'lg:pb-56', 'lg:pb-60', 'lg:pb-64', 'lg:pb-72', 'lg:pb-80', 'lg:pb-96', ], lgPaddingLeft: [ 'none', 'lg:pl-0', 'lg:pl-0.5', 'lg:pl-1', 'lg:pl-1.5', 'lg:pl-2', 'lg:pl-2.5', 'lg:pl-3', 'lg:pl-3.5', 'lg:pl-4', 'lg:pl-5', 'lg:pl-6', 'lg:pl-7', 'lg:pl-8', 'lg:pl-9', 'lg:pl-10', 'lg:pl-11', 'lg:pl-12', 'lg:pl-14', 'lg:pl-16', 'lg:pl-20', 'lg:pl-24', 'lg:pl-28', 'lg:pl-32', 'lg:pl-36', 'lg:pl-40', 'lg:pl-44', 'lg:pl-48', 'lg:pl-52', 'lg:pl-56', 'lg:pl-60', 'lg:pl-64', 'lg:pl-72', 'lg:pl-80', 'lg:pl-96', ], // md: padding left top, right, bottom, left mdPaddingTop: [ 'none', 'md:pt-0', 'md:pt-0.5', 'md:pt-1', 'md:pt-1.5', 'md:pt-2', 'md:pt-2.5', 'md:pt-3', 'md:pt-3.5', 'md:pt-4', 'md:pt-5', 'md:pt-6', 'md:pt-7', 'md:pt-8', 'md:pt-9', 'md:pt-10', 'md:pt-11', 'md:pt-12', 'md:pt-14', 'md:pt-16', 'md:pt-20', 'md:pt-24', 'md:pt-28', 'md:pt-32', 'md:pt-36', 'md:pt-40', 'md:pt-44', 'md:pt-48', 'md:pt-52', 'md:pt-56', 'md:pt-60', 'md:pt-64', 'md:pt-72', 'md:pt-80', 'md:pt-96', ], mdPaddingRight: [ 'none', 'md:pr-0', 'md:pr-0.5', 'md:pr-1', 'md:pr-1.5', 'md:pr-2', 'md:pr-2.5', 'md:pr-3', 'md:pr-3.5', 'md:pr-4', 'md:pr-5', 'md:pr-6', 'md:pr-7', 'md:pr-8', 'md:pr-9', 'md:pr-10', 'md:pr-11', 'md:pr-12', 'md:pr-14', 'md:pr-16', 'md:pr-20', 'md:pr-24', 'md:pr-28', 'md:pr-32', 'md:pr-36', 'md:pr-40', 'md:pr-44', 'md:pr-48', 'md:pr-52', 'md:pr-56', 'md:pr-60', 'md:pr-64', 'md:pr-72', 'md:pr-80', 'md:pr-96', ], mdPaddingBottom: [ 'none', 'md:pb-0', 'md:pb-0.5', 'md:pb-1', 'md:pb-1.5', 'md:pb-2', 'md:pb-2.5', 'md:pb-3', 'md:pb-3.5', 'md:pb-4', 'md:pb-5', 'md:pb-6', 'md:pb-7', 'md:pb-8', 'md:pb-9', 'md:pb-10', 'md:pb-11', 'md:pb-12', 'md:pb-14', 'md:pb-16', 'md:pb-20', 'md:pb-24', 'md:pb-28', 'md:pb-32', 'md:pb-36', 'md:pb-40', 'md:pb-44', 'md:pb-48', 'md:pb-52', 'md:pb-56', 'md:pb-60', 'md:pb-64', 'md:pb-72', 'md:pb-80', 'md:pb-96', ], mdPaddingLeft: [ 'none', 'md:pl-0', 'md:pl-0.5', 'md:pl-1', 'md:pl-1.5', 'md:pl-2', 'md:pl-2.5', 'md:pl-3', 'md:pl-3.5', 'md:pl-4', 'md:pl-5', 'md:pl-6', 'md:pl-7', 'md:pl-8', 'md:pl-9', 'md:pl-10', 'md:pl-11', 'md:pl-12', 'md:pl-14', 'md:pl-16', 'md:pl-20', 'md:pl-24', 'md:pl-28', 'md:pl-32', 'md:pl-36', 'md:pl-40', 'md:pl-44', 'md:pl-48', 'md:pl-52', 'md:pl-56', 'md:pl-60', 'md:pl-64', 'md:pl-72', 'md:pl-80', 'md:pl-96', ], // sm: padding left top, right, bottom, left smPaddingTop: [ 'none', 'sm:pt-0', 'sm:pt-0.5', 'sm:pt-1', 'sm:pt-1.5', 'sm:pt-2', 'sm:pt-2.5', 'sm:pt-3', 'sm:pt-3.5', 'sm:pt-4', 'sm:pt-5', 'sm:pt-6', 'sm:pt-7', 'sm:pt-8', 'sm:pt-9', 'sm:pt-10', 'sm:pt-11', 'sm:pt-12', 'sm:pt-14', 'sm:pt-16', 'sm:pt-20', 'sm:pt-24', 'sm:pt-28', 'sm:pt-32', 'sm:pt-36', 'sm:pt-40', 'sm:pt-44', 'sm:pt-48', 'sm:pt-52', 'sm:pt-56', 'sm:pt-60', 'sm:pt-64', 'sm:pt-72', 'sm:pt-80', 'sm:pt-96', ], smPaddingRight: [ 'none', 'sm:pr-0', 'sm:pr-0.5', 'sm:pr-1', 'sm:pr-1.5', 'sm:pr-2', 'sm:pr-2.5', 'sm:pr-3', 'sm:pr-3.5', 'sm:pr-4', 'sm:pr-5', 'sm:pr-6', 'sm:pr-7', 'sm:pr-8', 'sm:pr-9', 'sm:pr-10', 'sm:pr-11', 'sm:pr-12', 'sm:pr-14', 'sm:pr-16', 'sm:pr-20', 'sm:pr-24', 'sm:pr-28', 'sm:pr-32', 'sm:pr-36', 'sm:pr-40', 'sm:pr-44', 'sm:pr-48', 'sm:pr-52', 'sm:pr-56', 'sm:pr-60', 'sm:pr-64', 'sm:pr-72', 'sm:pr-80', 'sm:pr-96', ], smPaddingBottom: [ 'none', 'sm:pb-0', 'sm:pb-0.5', 'sm:pb-1', 'sm:pb-1.5', 'sm:pb-2', 'sm:pb-2.5', 'sm:pb-3', 'sm:pb-3.5', 'sm:pb-4', 'sm:pb-5', 'sm:pb-6', 'sm:pb-7', 'sm:pb-8', 'sm:pb-9', 'sm:pb-10', 'sm:pb-11', 'sm:pb-12', 'sm:pb-14', 'sm:pb-16', 'sm:pb-20', 'sm:pb-24', 'sm:pb-28', 'sm:pb-32', 'sm:pb-36', 'sm:pb-40', 'sm:pb-44', 'sm:pb-48', 'sm:pb-52', 'sm:pb-56', 'sm:pb-60', 'sm:pb-64', 'sm:pb-72', 'sm:pb-80', 'sm:pb-96', ], smPaddingLeft: [ 'none', 'sm:pl-0', 'sm:pl-0.5', 'sm:pl-1', 'sm:pl-1.5', 'sm:pl-2', 'sm:pl-2.5', 'sm:pl-3', 'sm:pl-3.5', 'sm:pl-4', 'sm:pl-5', 'sm:pl-6', 'sm:pl-7', 'sm:pl-8', 'sm:pl-9', 'sm:pl-10', 'sm:pl-11', 'sm:pl-12', 'sm:pl-14', 'sm:pl-16', 'sm:pl-20', 'sm:pl-24', 'sm:pl-28', 'sm:pl-32', 'sm:pl-36', 'sm:pl-40', 'sm:pl-44', 'sm:pl-48', 'sm:pl-52', 'sm:pl-56', 'sm:pl-60', 'sm:pl-64', 'sm:pl-72', 'sm:pl-80', 'sm:pl-96', ], grid: [ 'grid', '2xl:grid', 'xl:grid', 'lg:grid', 'md:grid', 'sm:grid', 'grid-auto-columns', 'auto-cols-min', 'auto-cols-max', 'auto-cols-fr', 'grid-flow-row-dense', // grid 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', '2xl:grid-cols-1', '2xl:grid-cols-2', '2xl:grid-cols-3', '2xl:grid-cols-4', '2xl:grid-cols-5', '2xl:grid-cols-6', '2xl:grid-cols-7', '2xl:grid-cols-8', '2xl:grid-cols-9', '2xl:grid-cols-10', '2xl:grid-cols-11', '2xl:grid-cols-12', 'xl:grid-cols-1', 'xl:grid-cols-2', 'xl:grid-cols-3', 'xl:grid-cols-4', 'xl:grid-cols-5', 'xl:grid-cols-6', 'xl:grid-cols-7', 'xl:grid-cols-8', 'xl:grid-cols-9', 'xl:grid-cols-10', 'xl:grid-cols-11', 'xl:grid-cols-12', 'lg:grid-cols-1', 'lg:grid-cols-2', 'lg:grid-cols-3', 'lg:grid-cols-4', 'lg:grid-cols-5', 'lg:grid-cols-6', 'lg:grid-cols-7', 'lg:grid-cols-8', 'lg:grid-cols-9', 'lg:grid-cols-10', 'lg:grid-cols-11', 'lg:grid-cols-12', 'md:grid-cols-1', 'md:grid-cols-2', 'md:grid-cols-3', 'md:grid-cols-4', 'md:grid-cols-5', 'md:grid-cols-6', 'md:grid-cols-7', 'md:grid-cols-8', 'md:grid-cols-9', 'md:grid-cols-10', 'md:grid-cols-11', 'md:grid-cols-12', 'sm:grid-cols-1', 'sm:grid-cols-2', 'sm:grid-cols-3', 'sm:grid-cols-4', 'sm:grid-cols-5', 'sm:grid-cols-6', 'sm:grid-cols-7', 'sm:grid-cols-8', 'sm:grid-cols-9', 'sm:grid-cols-10', 'sm:grid-cols-11', 'sm:grid-cols-12', // 'grid-rows 'grid-rows-1', 'grid-rows-2', 'grid-rows-3', 'grid-rows-4', 'grid-rows-5', 'grid-rows-6', 'grid-rows-7', 'grid-rows-8', 'grid-rows-9', 'grid-rows-10', 'grid-rows-11', 'grid-rows-12', '2xl:grid-rows-1', '2xl:grid-rows-2', '2xl:grid-rows-3', '2xl:grid-rows-4', '2xl:grid-rows-5', '2xl:grid-rows-6', '2xl:grid-rows-7', '2xl:grid-rows-8', '2xl:grid-rows-9', '2xl:grid-rows-10', '2xl:grid-rows-11', '2xl:grid-rows-12', 'xl:grid-rows-1', 'xl:grid-rows-2', 'xl:grid-rows-3', 'xl:grid-rows-4', 'xl:grid-rows-5', 'xl:grid-rows-6', 'xl:grid-rows-7', 'xl:grid-rows-8', 'xl:grid-rows-9', 'xl:grid-rows-10', 'xl:grid-rows-11', 'xl:grid-rows-12', 'lg:grid-rows-1', 'lg:grid-rows-2', 'lg:grid-rows-3', 'lg:grid-rows-4', 'lg:grid-rows-5', 'lg:grid-rows-6', 'lg:grid-rows-7', 'lg:grid-rows-8', 'lg:grid-rows-9', 'lg:grid-rows-10', 'lg:grid-rows-11', 'lg:grid-rows-12', 'md:grid-rows-1', 'md:grid-rows-2', 'md:grid-rows-3', 'md:grid-rows-4', 'md:grid-rows-5', 'md:grid-rows-6', 'md:grid-rows-7', 'md:grid-rows-8', 'md:grid-rows-9', 'md:grid-rows-10', 'md:grid-rows-11', 'md:grid-rows-12', 'sm:grid-rows-1', 'sm:grid-rows-2', 'sm:grid-rows-3', 'sm:grid-rows-4', 'sm:grid-rows-5', 'sm:grid-rows-6', 'sm:grid-rows-7', 'sm:grid-rows-8', 'sm:grid-rows-9', 'sm:grid-rows-10', 'sm:grid-rows-11', 'sm:grid-rows-12', // grid '2xl:flex', 'xl:flex', 'lg:flex', 'md:flex', 'sm:flex', 'grid-flow-col auto-cols-max', 'auto-cols-max', 'grid-cols-[minmax(10rem,1fr)]', 'grid-cols-[minmax(14rem,1fr)]', 'grid-cols-[minmax(50px,100px)]', 'auto-cols-[minmax(100px,_1fr)]', ], gridLg: ['lg:auto-cols-[minmax(100px,_4fr)]'], image: [ 'aspect-square', 'aspect-[4/3]', 'aspect-[9/16]', 'aspect-[16/9]', 'object-top', 'object-center', 'object-right', 'object-left', ], video: ['w-full', 'aspect-video', 'bg-gray-600'], } export default compiledCSS