diff --git a/__fixtures__/transforms.js b/__fixtures__/transforms.js index cbfd9cdb..6c012721 100644 --- a/__fixtures__/transforms.js +++ b/__fixtures__/transforms.js @@ -2,8 +2,8 @@ import tw from './macro' // https://tailwindcss.com/docs/transform tw`transform` -// tw`transform-gpu` -// tw`transform-none` +tw`transform-gpu` +tw`transform-none` // https://tailwindcss.com/docs/transform-origin tw`origin-center` diff --git a/__snapshots__/plugin.test.js.snap b/__snapshots__/plugin.test.js.snap index 4c4ef3a0..14787673 100644 --- a/__snapshots__/plugin.test.js.snap +++ b/__snapshots__/plugin.test.js.snap @@ -3285,429 +3285,429 @@ tw\`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50\` }) ;({ '--gradient-from-color': 'transparent', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', }) ;({ '--gradient-from-color': 'currentColor', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', }) ;({ '--gradient-from-color': '#000', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', }) ;({ '--gradient-from-color': '#fff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', }) ;({ '--gradient-from-color': '#f9fafb', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0))', }) ;({ '--gradient-from-color': '#f3f4f6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(243, 244, 246, 0))', }) ;({ '--gradient-from-color': '#e5e7eb', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0))', }) ;({ '--gradient-from-color': '#d1d5db', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(209, 213, 219, 0))', }) ;({ '--gradient-from-color': '#9ca3af', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(156, 163, 175, 0))', }) ;({ '--gradient-from-color': '#6b7280', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0))', }) ;({ '--gradient-from-color': '#4b5563', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0))', }) ;({ '--gradient-from-color': '#374151', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0))', }) ;({ '--gradient-from-color': '#1f2937', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(31, 41, 55, 0))', }) ;({ '--gradient-from-color': '#111827', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(17, 24, 39, 0))', }) ;({ '--gradient-from-color': '#fef2f2', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0))', }) ;({ '--gradient-from-color': '#fee2e2', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0))', }) ;({ '--gradient-from-color': '#fecaca', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0))', }) ;({ '--gradient-from-color': '#fca5a5', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0))', }) ;({ '--gradient-from-color': '#f87171', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0))', }) ;({ '--gradient-from-color': '#ef4444', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0))', }) ;({ '--gradient-from-color': '#dc2626', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0))', }) ;({ '--gradient-from-color': '#b91c1c', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0))', }) ;({ '--gradient-from-color': '#991b1b', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0))', }) ;({ '--gradient-from-color': '#7f1d1d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0))', }) ;({ '--gradient-from-color': '#fffbeb', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0))', }) ;({ '--gradient-from-color': '#fef3c7', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0))', }) ;({ '--gradient-from-color': '#fde68a', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0))', }) ;({ '--gradient-from-color': '#fcd34d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0))', }) ;({ '--gradient-from-color': '#fbbf24', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0))', }) ;({ '--gradient-from-color': '#f59e0b', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0))', }) ;({ '--gradient-from-color': '#d97706', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0))', }) ;({ '--gradient-from-color': '#b45309', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0))', }) ;({ '--gradient-from-color': '#92400e', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0))', }) ;({ '--gradient-from-color': '#78350f', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0))', }) ;({ '--gradient-from-color': '#ecfdf5', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0))', }) ;({ '--gradient-from-color': '#d1fae5', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0))', }) ;({ '--gradient-from-color': '#a7f3d0', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0))', }) ;({ '--gradient-from-color': '#6ee7b7', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0))', }) ;({ '--gradient-from-color': '#34d399', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0))', }) ;({ '--gradient-from-color': '#10b981', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0))', }) ;({ '--gradient-from-color': '#059669', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0))', }) ;({ '--gradient-from-color': '#047857', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0))', }) ;({ '--gradient-from-color': '#065f46', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0))', }) ;({ '--gradient-from-color': '#064e3b', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0))', }) ;({ '--gradient-from-color': '#eff6ff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0))', }) ;({ '--gradient-from-color': '#dbeafe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0))', }) ;({ '--gradient-from-color': '#bfdbfe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0))', }) ;({ '--gradient-from-color': '#93c5fd', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0))', }) ;({ '--gradient-from-color': '#60a5fa', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0))', }) ;({ '--gradient-from-color': '#3b82f6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0))', }) ;({ '--gradient-from-color': '#2563eb', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0))', }) ;({ '--gradient-from-color': '#1d4ed8', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0))', }) ;({ '--gradient-from-color': '#1e40af', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0))', }) ;({ '--gradient-from-color': '#1e3a8a', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0))', }) ;({ '--gradient-from-color': '#eef2ff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(238, 242, 255, 0))', }) ;({ '--gradient-from-color': '#e0e7ff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(224, 231, 255, 0))', }) ;({ '--gradient-from-color': '#c7d2fe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(199, 210, 254, 0))', }) ;({ '--gradient-from-color': '#a5b4fc', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(165, 180, 252, 0))', }) ;({ '--gradient-from-color': '#818cf8', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(129, 140, 248, 0))', }) ;({ '--gradient-from-color': '#6366f1', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(99, 102, 241, 0))', }) ;({ '--gradient-from-color': '#4f46e5', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(79, 70, 229, 0))', }) ;({ '--gradient-from-color': '#4338ca', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(67, 56, 202, 0))', }) ;({ '--gradient-from-color': '#3730a3', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(55, 48, 163, 0))', }) ;({ '--gradient-from-color': '#312e81', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(49, 46, 129, 0))', }) ;({ '--gradient-from-color': '#f5f3ff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0))', }) ;({ '--gradient-from-color': '#ede9fe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0))', }) ;({ '--gradient-from-color': '#ddd6fe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0))', }) ;({ '--gradient-from-color': '#c4b5fd', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0))', }) ;({ '--gradient-from-color': '#a78bfa', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0))', }) ;({ '--gradient-from-color': '#8b5cf6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0))', }) ;({ '--gradient-from-color': '#7c3aed', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0))', }) ;({ '--gradient-from-color': '#6d28d9', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0))', }) ;({ '--gradient-from-color': '#5b21b6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0))', }) ;({ '--gradient-from-color': '#4c1d95', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0))', }) ;({ '--gradient-from-color': '#fdf2f8', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0))', }) ;({ '--gradient-from-color': '#fce7f3', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0))', }) ;({ '--gradient-from-color': '#fbcfe8', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0))', }) ;({ '--gradient-from-color': '#f9a8d4', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0))', }) ;({ '--gradient-from-color': '#f472b6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0))', }) ;({ '--gradient-from-color': '#ec4899', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0))', }) ;({ '--gradient-from-color': '#db2777', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0))', }) ;({ '--gradient-from-color': '#be185d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0))', }) ;({ '--gradient-from-color': '#9d174d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0))', }) ;({ '--gradient-from-color': '#831843', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0))', }) ;({ '@media (min-width: 640px)': { ':focus': { '--gradient-from-color': '#9d174d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0))', }, }, @@ -3716,436 +3716,436 @@ tw\`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50\` '@media (min-width: 768px)': { ':hover': { '--gradient-from-color': '#831843', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0))', }, }, }) ;({ '--gradient-via-color': 'transparent', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', }) ;({ '--gradient-via-color': 'currentColor', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', }) ;({ '--gradient-via-color': '#000', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', }) ;({ '--gradient-via-color': '#fff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', }) ;({ '--gradient-via-color': '#f9fafb', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0))', }) ;({ '--gradient-via-color': '#f3f4f6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 244, 246, 0))', }) ;({ '--gradient-via-color': '#e5e7eb', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0))', }) ;({ '--gradient-via-color': '#d1d5db', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 213, 219, 0))', }) ;({ '--gradient-via-color': '#9ca3af', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 163, 175, 0))', }) ;({ '--gradient-via-color': '#6b7280', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0))', }) ;({ '--gradient-via-color': '#4b5563', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0))', }) ;({ '--gradient-via-color': '#374151', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0))', }) ;({ '--gradient-via-color': '#1f2937', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 41, 55, 0))', }) ;({ '--gradient-via-color': '#111827', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(17, 24, 39, 0))', }) ;({ '--gradient-via-color': '#fef2f2', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0))', }) ;({ '--gradient-via-color': '#fee2e2', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0))', }) ;({ '--gradient-via-color': '#fecaca', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0))', }) ;({ '--gradient-via-color': '#fca5a5', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0))', }) ;({ '--gradient-via-color': '#f87171', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0))', }) ;({ '--gradient-via-color': '#ef4444', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0))', }) ;({ '--gradient-via-color': '#dc2626', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0))', }) ;({ '--gradient-via-color': '#b91c1c', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0))', }) ;({ '--gradient-via-color': '#991b1b', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0))', }) ;({ '--gradient-via-color': '#7f1d1d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0))', }) ;({ '--gradient-via-color': '#fffbeb', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0))', }) ;({ '--gradient-via-color': '#fef3c7', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0))', }) ;({ '--gradient-via-color': '#fde68a', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0))', }) ;({ '--gradient-via-color': '#fcd34d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0))', }) ;({ '--gradient-via-color': '#fbbf24', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0))', }) ;({ '--gradient-via-color': '#f59e0b', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0))', }) ;({ '--gradient-via-color': '#d97706', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0))', }) ;({ '--gradient-via-color': '#b45309', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0))', }) ;({ '--gradient-via-color': '#92400e', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0))', }) ;({ '--gradient-via-color': '#78350f', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0))', }) ;({ '--gradient-via-color': '#ecfdf5', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0))', }) ;({ '--gradient-via-color': '#d1fae5', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0))', }) ;({ '--gradient-via-color': '#a7f3d0', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0))', }) ;({ '--gradient-via-color': '#6ee7b7', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0))', }) ;({ '--gradient-via-color': '#34d399', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0))', }) ;({ '--gradient-via-color': '#10b981', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0))', }) ;({ '--gradient-via-color': '#059669', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0))', }) ;({ '--gradient-via-color': '#047857', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0))', }) ;({ '--gradient-via-color': '#065f46', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0))', }) ;({ '--gradient-via-color': '#064e3b', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0))', }) ;({ '--gradient-via-color': '#eff6ff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0))', }) ;({ '--gradient-via-color': '#dbeafe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0))', }) ;({ '--gradient-via-color': '#bfdbfe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0))', }) ;({ '--gradient-via-color': '#93c5fd', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0))', }) ;({ '--gradient-via-color': '#60a5fa', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0))', }) ;({ '--gradient-via-color': '#3b82f6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0))', }) ;({ '--gradient-via-color': '#2563eb', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0))', }) ;({ '--gradient-via-color': '#1d4ed8', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0))', }) ;({ '--gradient-via-color': '#1e40af', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0))', }) ;({ '--gradient-via-color': '#1e3a8a', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0))', }) ;({ '--gradient-via-color': '#eef2ff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238, 242, 255, 0))', }) ;({ '--gradient-via-color': '#e0e7ff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 231, 255, 0))', }) ;({ '--gradient-via-color': '#c7d2fe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 210, 254, 0))', }) ;({ '--gradient-via-color': '#a5b4fc', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(165, 180, 252, 0))', }) ;({ '--gradient-via-color': '#818cf8', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 140, 248, 0))', }) ;({ '--gradient-via-color': '#6366f1', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 102, 241, 0))', }) ;({ '--gradient-via-color': '#4f46e5', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 70, 229, 0))', }) ;({ '--gradient-via-color': '#4338ca', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 56, 202, 0))', }) ;({ '--gradient-via-color': '#3730a3', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 48, 163, 0))', }) ;({ '--gradient-via-color': '#312e81', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 46, 129, 0))', }) ;({ '--gradient-via-color': '#f5f3ff', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0))', }) ;({ '--gradient-via-color': '#ede9fe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0))', }) ;({ '--gradient-via-color': '#ddd6fe', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0))', }) ;({ '--gradient-via-color': '#c4b5fd', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0))', }) ;({ '--gradient-via-color': '#a78bfa', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0))', }) ;({ '--gradient-via-color': '#8b5cf6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0))', }) ;({ '--gradient-via-color': '#7c3aed', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0))', }) ;({ '--gradient-via-color': '#6d28d9', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0))', }) ;({ '--gradient-via-color': '#5b21b6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0))', }) ;({ '--gradient-via-color': '#4c1d95', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0))', }) ;({ '--gradient-via-color': '#fdf2f8', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0))', }) ;({ '--gradient-via-color': '#fce7f3', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0))', }) ;({ '--gradient-via-color': '#fbcfe8', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0))', }) ;({ '--gradient-via-color': '#f9a8d4', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0))', }) ;({ '--gradient-via-color': '#f472b6', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0))', }) ;({ '--gradient-via-color': '#ec4899', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0))', }) ;({ '--gradient-via-color': '#db2777', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0))', }) ;({ '--gradient-via-color': '#be185d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0))', }) ;({ '--gradient-via-color': '#9d174d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0))', }) ;({ '--gradient-via-color': '#831843', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0))', }) ;({ '@media (min-width: 640px)': { ':focus': { '--gradient-via-color': '#9d174d', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0))', }, }, @@ -4154,7 +4154,7 @@ tw\`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50\` '@media (min-width: 768px)': { ':hover': { '--gradient-via-color': '#831843', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0))', }, }, @@ -4428,7 +4428,7 @@ tw\`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50\` ;({ backgroundImage: 'linear-gradient(to top, var(--tw-gradient-stops))', '--gradient-from-color': 'rgb(219, 0, 255)', - '--tw-gradient-stops': + '--gradient-color-stops': 'var(--gradient-from-color), var(--gradient-to-color, rgba(219, 0, 255, 0))', '--gradient-to-color': 'rgb(219, 0, 255)', '--text-opacity': '0.5', @@ -16084,8 +16084,8 @@ import tw from './macro' // https://tailwindcss.com/docs/transform tw\`transform\` -// tw\`transform-gpu\` -// tw\`transform-none\` +tw\`transform-gpu\` +tw\`transform-none\` // https://tailwindcss.com/docs/transform-origin tw\`origin-center\` @@ -16347,18 +16347,30 @@ tw\`-skew-y-1\` // https://tailwindcss.com/docs/transform ;({ - '--transform-translate-x': '0px', - '--transform-translate-y': '0px', - '--transform-rotate': '0deg', - '--transform-skew-x': '0deg', - '--transform-skew-y': '0deg', + '--transform-translate-x': '0', + '--transform-translate-y': '0', + '--transform-rotate': '0', + '--transform-skew-x': '0', + '--transform-skew-y': '0', '--transform-scale-x': '1', '--transform-scale-y': '1', transform: 'translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))', -}) // tw\`transform-gpu\` -// tw\`transform-none\` -// https://tailwindcss.com/docs/transform-origin +}) +;({ + '--transform-translate-x': '0', + '--transform-translate-y': '0', + '--transform-rotate': '0', + '--transform-skew-x': '0', + '--transform-skew-y': '0', + '--transform-scale-x': '1', + '--transform-scale-y': '1', + transform: + 'translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))', +}) +;({ + transform: 'none', +}) // https://tailwindcss.com/docs/transform-origin ;({ transformOrigin: 'center', diff --git a/src/config/staticStyles.js b/src/config/staticStyles.js index 3cb5310a..e66bc858 100644 --- a/src/config/staticStyles.js +++ b/src/config/staticStyles.js @@ -713,6 +713,28 @@ export default { config: false, }, + 'transform-gpu': { + output: { + '--transform-translate-x': '0', + '--transform-translate-y': '0', + '--transform-rotate': '0', + '--transform-skew-x': '0', + '--transform-skew-y': '0', + '--transform-scale-x': '1', + '--transform-scale-y': '1', + transform: + 'translate3d(var(--transform-translate-x), var(--transform-translate-y), 0) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))', + }, + config: false, + }, + + 'transform-none': { + output: { + transform: 'none', + }, + config: false, + }, + /** * =========================================== * Extras