@myissue/vue-website-page-builder/src/utils/builder/tailwind-opacities.ts

Vue 3 page builder component with drag & drop functionality.

interface TailwindOpacities {
  opacities: string[]
  backgroundOpacities: string[]
}

const tailwindOpacities: TailwindOpacities = {
  opacities: [
    'none',
    'pbx-opacity-0',
    'pbx-opacity-5',
    'pbx-opacity-10',
    'pbx-opacity-20',
    'pbx-opacity-25',
    'pbx-opacity-30',
    'pbx-opacity-40',
    'pbx-opacity-50',
    'pbx-opacity-60',
    'pbx-opacity-70',
    'pbx-opacity-75',
    'pbx-opacity-80',
    'pbx-opacity-90',
    'pbx-opacity-95',
    'pbx-opacity-100',
  ],
  backgroundOpacities: [
    'none',
    'pbx-bg-opacity-0',
    'pbx-bg-opacity-5',
    'pbx-bg-opacity-10',
    'pbx-bg-opacity-20',
    'pbx-bg-opacity-25',
    'pbx-bg-opacity-30',
    'pbx-bg-opacity-40',
    'pbx-bg-opacity-50',
    'pbx-bg-opacity-60',
    'pbx-bg-opacity-70',
    'pbx-bg-opacity-75',
    'pbx-bg-opacity-80',
    'pbx-bg-opacity-90',
    'pbx-bg-opacity-95',
    'pbx-bg-opacity-100',
  ],
}

export default tailwindOpacities