@myissue/vue-website-page-builder
Version:
Vue 3 page builder component with drag & drop functionality.
160 lines (157 loc) • 2.15 kB
text/typescript
interface TailwindPaddingMargin {
verticalPadding: string[]
horizontalPadding: string[]
verticalMargin: string[]
horizontalMargin: string[]
}
const tailwindPaddingAndMargin: TailwindPaddingMargin = {
verticalPadding: [
'none',
'py-0',
'py-0.5',
'py-1',
'py-1.5',
'py-2',
'py-2.5',
'py-3',
'py-3.5',
'py-4',
'py-5',
'py-6',
'py-7',
'py-8',
'py-9',
'py-10',
'py-11',
'py-12',
'py-14',
'py-16',
'py-20',
'py-24',
'py-28',
'py-32',
'py-36',
'py-40',
'py-44',
'py-48',
'py-52',
'py-56',
'py-60',
'py-64',
'py-72',
'py-80',
'py-96',
],
horizontalPadding: [
'none',
'px-0',
'px-0.5',
'px-1',
'px-1.5',
'px-2',
'px-2.5',
'px-3',
'px-3.5',
'px-4',
'px-5',
'px-6',
'px-7',
'px-8',
'px-9',
'px-10',
'px-11',
'px-12',
'px-14',
'px-16',
'px-20',
'px-24',
'px-28',
'px-32',
'px-36',
'px-40',
'px-44',
'px-48',
'px-52',
'px-56',
'px-60',
'px-64',
'px-72',
'px-80',
'px-96',
],
verticalMargin: [
'none',
'my-0',
'my-0.5',
'my-1',
'my-1.5',
'my-2',
'my-2.5',
'my-3',
'my-3.5',
'my-4',
'my-5',
'my-6',
'my-7',
'my-8',
'my-9',
'my-10',
'my-11',
'my-12',
'my-14',
'my-16',
'my-20',
'my-24',
'my-28',
'my-32',
'my-36',
'my-40',
'my-44',
'my-48',
'my-52',
'my-56',
'my-60',
'my-64',
'my-72',
'my-80',
'my-96',
],
horizontalMargin: [
'none',
'mx-0',
'mx-0.5',
'mx-1',
'mx-1.5',
'mx-2',
'mx-2.5',
'mx-3',
'mx-3.5',
'mx-4',
'mx-5',
'mx-6',
'mx-7',
'mx-8',
'mx-9',
'mx-10',
'mx-11',
'mx-12',
'mx-14',
'mx-16',
'mx-20',
'mx-24',
'mx-28',
'mx-32',
'mx-36',
'mx-40',
'mx-44',
'mx-48',
'mx-52',
'mx-56',
'mx-60',
'mx-64',
'mx-72',
'mx-80',
'mx-96',
],
}
export default tailwindPaddingAndMargin