From caf91fe4fd079475a980738bb3dae9e7268f8385 Mon Sep 17 00:00:00 2001 From: Ben Rogerson Date: Sat, 21 Nov 2020 14:18:12 +1030 Subject: [PATCH] resync tests with tailwind docs --- __fixtures__/!ordering.js | 2 +- __fixtures__/animation.js | 8 - __fixtures__/backgrounds.js | 318 +- __fixtures__/borders.js | 100 +- __fixtures__/boxAlignment.js | 67 + __fixtures__/effects.js | 27 +- __fixtures__/flexbox.js | 45 +- __fixtures__/gradients.js | 311 - __fixtures__/grid.js | 147 +- __fixtures__/interactivity.js | 2 +- __fixtures__/layout.js | 702 +- __fixtures__/overscroll.js | 11 - __fixtures__/sizing.js | 94 +- __fixtures__/spacing.js | 499 + __fixtures__/transforms.js | 143 +- __fixtures__/typography.js | 220 +- __snapshots__/plugin.test.js.snap | 16135 ++++++++++++++++++---------- 17 files changed, 12291 insertions(+), 6540 deletions(-) delete mode 100644 __fixtures__/animation.js create mode 100644 __fixtures__/boxAlignment.js delete mode 100644 __fixtures__/gradients.js delete mode 100644 __fixtures__/overscroll.js diff --git a/__fixtures__/!ordering.js b/__fixtures__/!ordering.js index fd6e374c..6d0719a4 100644 --- a/__fixtures__/!ordering.js +++ b/__fixtures__/!ordering.js @@ -2,4 +2,4 @@ import tw from './macro' // This tests the screens end up in the order they are defined in the config -tw.div`xl:bg-red-500 lg:bg-blue-500 bg-green-500 fill-current md:bg-pink-500 sm:bg-orange-500 sm:text-yellow-500 hidden` +tw.div`xl:bg-red-500 lg:bg-blue-500 bg-green-500 fill-current md:bg-pink-500 sm:bg-green-500 sm:text-yellow-500 hidden` diff --git a/__fixtures__/animation.js b/__fixtures__/animation.js deleted file mode 100644 index 2a416ddb..00000000 --- a/__fixtures__/animation.js +++ /dev/null @@ -1,8 +0,0 @@ -import tw from './macro' - -// https://tailwindcss.com/docs/animation -tw`animate-none` -tw`animate-spin` -tw`animate-ping` -tw`animate-pulse` -tw`animate-bounce` diff --git a/__fixtures__/backgrounds.js b/__fixtures__/backgrounds.js index 5aa0bfa3..b4262138 100644 --- a/__fixtures__/backgrounds.js +++ b/__fixtures__/backgrounds.js @@ -16,6 +16,7 @@ tw`bg-transparent` tw`bg-current` tw`bg-black` tw`bg-white` +tw`bg-gray-50` tw`bg-gray-100` tw`bg-gray-200` tw`bg-gray-300` @@ -25,6 +26,7 @@ tw`bg-gray-600` tw`bg-gray-700` tw`bg-gray-800` tw`bg-gray-900` +tw`bg-red-50` tw`bg-red-100` tw`bg-red-200` tw`bg-red-300` @@ -34,15 +36,7 @@ tw`bg-red-600` tw`bg-red-700` tw`bg-red-800` tw`bg-red-900` -tw`bg-orange-100` -tw`bg-orange-200` -tw`bg-orange-300` -tw`bg-orange-400` -tw`bg-orange-500` -tw`bg-orange-600` -tw`bg-orange-700` -tw`bg-orange-800` -tw`bg-orange-900` +tw`bg-yellow-50` tw`bg-yellow-100` tw`bg-yellow-200` tw`bg-yellow-300` @@ -52,6 +46,7 @@ tw`bg-yellow-600` tw`bg-yellow-700` tw`bg-yellow-800` tw`bg-yellow-900` +tw`bg-green-50` tw`bg-green-100` tw`bg-green-200` tw`bg-green-300` @@ -61,15 +56,7 @@ tw`bg-green-600` tw`bg-green-700` tw`bg-green-800` tw`bg-green-900` -tw`bg-teal-100` -tw`bg-teal-200` -tw`bg-teal-300` -tw`bg-teal-400` -tw`bg-teal-500` -tw`bg-teal-600` -tw`bg-teal-700` -tw`bg-teal-800` -tw`bg-teal-900` +tw`bg-blue-50` tw`bg-blue-100` tw`bg-blue-200` tw`bg-blue-300` @@ -79,6 +66,7 @@ tw`bg-blue-600` tw`bg-blue-700` tw`bg-blue-800` tw`bg-blue-900` +tw`bg-indigo-50` tw`bg-indigo-100` tw`bg-indigo-200` tw`bg-indigo-300` @@ -88,6 +76,7 @@ tw`bg-indigo-600` tw`bg-indigo-700` tw`bg-indigo-800` tw`bg-indigo-900` +tw`bg-purple-50` tw`bg-purple-100` tw`bg-purple-200` tw`bg-purple-300` @@ -97,6 +86,7 @@ tw`bg-purple-600` tw`bg-purple-700` tw`bg-purple-800` tw`bg-purple-900` +tw`bg-pink-50` tw`bg-pink-100` tw`bg-pink-200` tw`bg-pink-300` @@ -109,13 +99,21 @@ tw`bg-pink-900` // https://tailwindcss.com/docs/background-opacity tw`bg-opacity-0` +tw`bg-opacity-5` +tw`bg-opacity-10` +tw`bg-opacity-20` tw`bg-opacity-25` +tw`bg-opacity-30` +tw`bg-opacity-40` tw`bg-opacity-50` +tw`bg-opacity-60` +tw`bg-opacity-70` tw`bg-opacity-75` +tw`bg-opacity-80` +tw`bg-opacity-90` +tw`bg-opacity-95` tw`bg-opacity-100` -tw`bg-pink-900 bg-opacity-50` - // https://tailwindcss.com/docs/background-position tw`bg-bottom` tw`bg-center` @@ -139,3 +137,283 @@ tw`bg-repeat-space` tw`bg-auto` tw`bg-cover` tw`bg-contain` + +// https://tailwindcss.com/docs/gradient-color-stops +tw`bg-none` +tw`bg-gradient-to-t` +tw`bg-gradient-to-tr` +tw`bg-gradient-to-r` +tw`bg-gradient-to-br` +tw`bg-gradient-to-b` +tw`bg-gradient-to-bl` +tw`bg-gradient-to-l` +tw`bg-gradient-to-tl` + +tw`sm:focus:bg-gradient-to-tl` +tw`md:hover:bg-gradient-to-tl` + +tw`from-transparent` +tw`from-current` +tw`from-black` +tw`from-white` +tw`from-gray-50` +tw`from-gray-100` +tw`from-gray-200` +tw`from-gray-300` +tw`from-gray-400` +tw`from-gray-500` +tw`from-gray-600` +tw`from-gray-700` +tw`from-gray-800` +tw`from-gray-900` +tw`from-red-50` +tw`from-red-100` +tw`from-red-200` +tw`from-red-300` +tw`from-red-400` +tw`from-red-500` +tw`from-red-600` +tw`from-red-700` +tw`from-red-800` +tw`from-red-900` +tw`from-yellow-50` +tw`from-yellow-100` +tw`from-yellow-200` +tw`from-yellow-300` +tw`from-yellow-400` +tw`from-yellow-500` +tw`from-yellow-600` +tw`from-yellow-700` +tw`from-yellow-800` +tw`from-yellow-900` +tw`from-green-50` +tw`from-green-100` +tw`from-green-200` +tw`from-green-300` +tw`from-green-400` +tw`from-green-500` +tw`from-green-600` +tw`from-green-700` +tw`from-green-800` +tw`from-green-900` +tw`from-blue-50` +tw`from-blue-100` +tw`from-blue-200` +tw`from-blue-300` +tw`from-blue-400` +tw`from-blue-500` +tw`from-blue-600` +tw`from-blue-700` +tw`from-blue-800` +tw`from-blue-900` +tw`from-indigo-50` +tw`from-indigo-100` +tw`from-indigo-200` +tw`from-indigo-300` +tw`from-indigo-400` +tw`from-indigo-500` +tw`from-indigo-600` +tw`from-indigo-700` +tw`from-indigo-800` +tw`from-indigo-900` +tw`from-purple-50` +tw`from-purple-100` +tw`from-purple-200` +tw`from-purple-300` +tw`from-purple-400` +tw`from-purple-500` +tw`from-purple-600` +tw`from-purple-700` +tw`from-purple-800` +tw`from-purple-900` +tw`from-pink-50` +tw`from-pink-100` +tw`from-pink-200` +tw`from-pink-300` +tw`from-pink-400` +tw`from-pink-500` +tw`from-pink-600` +tw`from-pink-700` +tw`from-pink-800` +tw`from-pink-900` + +tw`sm:focus:from-pink-800` +tw`md:hover:from-pink-900` + +tw`via-transparent` +tw`via-current` +tw`via-black` +tw`via-white` +tw`via-gray-50` +tw`via-gray-100` +tw`via-gray-200` +tw`via-gray-300` +tw`via-gray-400` +tw`via-gray-500` +tw`via-gray-600` +tw`via-gray-700` +tw`via-gray-800` +tw`via-gray-900` +tw`via-red-50` +tw`via-red-100` +tw`via-red-200` +tw`via-red-300` +tw`via-red-400` +tw`via-red-500` +tw`via-red-600` +tw`via-red-700` +tw`via-red-800` +tw`via-red-900` +tw`via-yellow-50` +tw`via-yellow-100` +tw`via-yellow-200` +tw`via-yellow-300` +tw`via-yellow-400` +tw`via-yellow-500` +tw`via-yellow-600` +tw`via-yellow-700` +tw`via-yellow-800` +tw`via-yellow-900` +tw`via-green-50` +tw`via-green-100` +tw`via-green-200` +tw`via-green-300` +tw`via-green-400` +tw`via-green-500` +tw`via-green-600` +tw`via-green-700` +tw`via-green-800` +tw`via-green-900` +tw`via-blue-50` +tw`via-blue-100` +tw`via-blue-200` +tw`via-blue-300` +tw`via-blue-400` +tw`via-blue-500` +tw`via-blue-600` +tw`via-blue-700` +tw`via-blue-800` +tw`via-blue-900` +tw`via-indigo-50` +tw`via-indigo-100` +tw`via-indigo-200` +tw`via-indigo-300` +tw`via-indigo-400` +tw`via-indigo-500` +tw`via-indigo-600` +tw`via-indigo-700` +tw`via-indigo-800` +tw`via-indigo-900` +tw`via-purple-50` +tw`via-purple-100` +tw`via-purple-200` +tw`via-purple-300` +tw`via-purple-400` +tw`via-purple-500` +tw`via-purple-600` +tw`via-purple-700` +tw`via-purple-800` +tw`via-purple-900` +tw`via-pink-50` +tw`via-pink-100` +tw`via-pink-200` +tw`via-pink-300` +tw`via-pink-400` +tw`via-pink-500` +tw`via-pink-600` +tw`via-pink-700` +tw`via-pink-800` +tw`via-pink-900` + +tw`sm:focus:via-pink-800` +tw`md:hover:via-pink-900` + +tw`to-transparent` +tw`to-current` +tw`to-black` +tw`to-white` +tw`to-gray-50` +tw`to-gray-100` +tw`to-gray-200` +tw`to-gray-300` +tw`to-gray-400` +tw`to-gray-500` +tw`to-gray-600` +tw`to-gray-700` +tw`to-gray-800` +tw`to-gray-900` +tw`to-red-50` +tw`to-red-100` +tw`to-red-200` +tw`to-red-300` +tw`to-red-400` +tw`to-red-500` +tw`to-red-600` +tw`to-red-700` +tw`to-red-800` +tw`to-red-900` +tw`to-yellow-50` +tw`to-yellow-100` +tw`to-yellow-200` +tw`to-yellow-300` +tw`to-yellow-400` +tw`to-yellow-500` +tw`to-yellow-600` +tw`to-yellow-700` +tw`to-yellow-800` +tw`to-yellow-900` +tw`to-green-50` +tw`to-green-100` +tw`to-green-200` +tw`to-green-300` +tw`to-green-400` +tw`to-green-500` +tw`to-green-600` +tw`to-green-700` +tw`to-green-800` +tw`to-green-900` +tw`to-blue-50` +tw`to-blue-100` +tw`to-blue-200` +tw`to-blue-300` +tw`to-blue-400` +tw`to-blue-500` +tw`to-blue-600` +tw`to-blue-700` +tw`to-blue-800` +tw`to-blue-900` +tw`to-indigo-50` +tw`to-indigo-100` +tw`to-indigo-200` +tw`to-indigo-300` +tw`to-indigo-400` +tw`to-indigo-500` +tw`to-indigo-600` +tw`to-indigo-700` +tw`to-indigo-800` +tw`to-indigo-900` +tw`to-purple-50` +tw`to-purple-100` +tw`to-purple-200` +tw`to-purple-300` +tw`to-purple-400` +tw`to-purple-500` +tw`to-purple-600` +tw`to-purple-700` +tw`to-purple-800` +tw`to-purple-900` +tw`to-pink-50` +tw`to-pink-100` +tw`to-pink-200` +tw`to-pink-300` +tw`to-pink-400` +tw`to-pink-500` +tw`to-pink-600` +tw`to-pink-700` +tw`to-pink-800` +tw`to-pink-900` + +tw`sm:focus:to-pink-800` +tw`md:hover:to-pink-900` + +tw`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50` diff --git a/__fixtures__/borders.js b/__fixtures__/borders.js index c115d33d..f2f44d3c 100644 --- a/__fixtures__/borders.js +++ b/__fixtures__/borders.js @@ -107,6 +107,7 @@ tw`border-transparent` tw`border-current` tw`border-black` tw`border-white` +tw`border-gray-50` tw`border-gray-100` tw`border-gray-200` tw`border-gray-300` @@ -116,6 +117,7 @@ tw`border-gray-600` tw`border-gray-700` tw`border-gray-800` tw`border-gray-900` +tw`border-red-50` tw`border-red-100` tw`border-red-200` tw`border-red-300` @@ -125,15 +127,7 @@ tw`border-red-600` tw`border-red-700` tw`border-red-800` tw`border-red-900` -tw`border-orange-100` -tw`border-orange-200` -tw`border-orange-300` -tw`border-orange-400` -tw`border-orange-500` -tw`border-orange-600` -tw`border-orange-700` -tw`border-orange-800` -tw`border-orange-900` +tw`border-yellow-50` tw`border-yellow-100` tw`border-yellow-200` tw`border-yellow-300` @@ -143,6 +137,7 @@ tw`border-yellow-600` tw`border-yellow-700` tw`border-yellow-800` tw`border-yellow-900` +tw`border-green-50` tw`border-green-100` tw`border-green-200` tw`border-green-300` @@ -152,15 +147,7 @@ tw`border-green-600` tw`border-green-700` tw`border-green-800` tw`border-green-900` -tw`border-teal-100` -tw`border-teal-200` -tw`border-teal-300` -tw`border-teal-400` -tw`border-teal-500` -tw`border-teal-600` -tw`border-teal-700` -tw`border-teal-800` -tw`border-teal-900` +tw`border-blue-50` tw`border-blue-100` tw`border-blue-200` tw`border-blue-300` @@ -170,6 +157,7 @@ tw`border-blue-600` tw`border-blue-700` tw`border-blue-800` tw`border-blue-900` +tw`border-indigo-50` tw`border-indigo-100` tw`border-indigo-200` tw`border-indigo-300` @@ -179,6 +167,7 @@ tw`border-indigo-600` tw`border-indigo-700` tw`border-indigo-800` tw`border-indigo-900` +tw`border-purple-50` tw`border-purple-100` tw`border-purple-200` tw`border-purple-300` @@ -188,6 +177,7 @@ tw`border-purple-600` tw`border-purple-700` tw`border-purple-800` tw`border-purple-900` +tw`border-pink-50` tw`border-pink-100` tw`border-pink-200` tw`border-pink-300` @@ -200,9 +190,19 @@ tw`border-pink-900` // https://tailwindcss.com/docs/border-opacity tw`border-opacity-0` +tw`border-opacity-5` +tw`border-opacity-10` +tw`border-opacity-20` tw`border-opacity-25` +tw`border-opacity-30` +tw`border-opacity-40` tw`border-opacity-50` +tw`border-opacity-60` +tw`border-opacity-70` tw`border-opacity-75` +tw`border-opacity-80` +tw`border-opacity-90` +tw`border-opacity-95` tw`border-opacity-100` // https://tailwindcss.com/docs/border-style @@ -231,6 +231,7 @@ tw`divide-transparent` tw`divide-current` tw`divide-black` tw`divide-white` +tw`divide-gray-50` tw`divide-gray-100` tw`divide-gray-200` tw`divide-gray-300` @@ -240,6 +241,7 @@ tw`divide-gray-600` tw`divide-gray-700` tw`divide-gray-800` tw`divide-gray-900` +tw`divide-red-50` tw`divide-red-100` tw`divide-red-200` tw`divide-red-300` @@ -249,15 +251,7 @@ tw`divide-red-600` tw`divide-red-700` tw`divide-red-800` tw`divide-red-900` -tw`divide-orange-100` -tw`divide-orange-200` -tw`divide-orange-300` -tw`divide-orange-400` -tw`divide-orange-500` -tw`divide-orange-600` -tw`divide-orange-700` -tw`divide-orange-800` -tw`divide-orange-900` +tw`divide-yellow-50` tw`divide-yellow-100` tw`divide-yellow-200` tw`divide-yellow-300` @@ -267,6 +261,7 @@ tw`divide-yellow-600` tw`divide-yellow-700` tw`divide-yellow-800` tw`divide-yellow-900` +tw`divide-green-50` tw`divide-green-100` tw`divide-green-200` tw`divide-green-300` @@ -276,15 +271,7 @@ tw`divide-green-600` tw`divide-green-700` tw`divide-green-800` tw`divide-green-900` -tw`divide-teal-100` -tw`divide-teal-200` -tw`divide-teal-300` -tw`divide-teal-400` -tw`divide-teal-500` -tw`divide-teal-600` -tw`divide-teal-700` -tw`divide-teal-800` -tw`divide-teal-900` +tw`divide-blue-50` tw`divide-blue-100` tw`divide-blue-200` tw`divide-blue-300` @@ -294,6 +281,7 @@ tw`divide-blue-600` tw`divide-blue-700` tw`divide-blue-800` tw`divide-blue-900` +tw`divide-indigo-50` tw`divide-indigo-100` tw`divide-indigo-200` tw`divide-indigo-300` @@ -303,6 +291,7 @@ tw`divide-indigo-600` tw`divide-indigo-700` tw`divide-indigo-800` tw`divide-indigo-900` +tw`divide-purple-50` tw`divide-purple-100` tw`divide-purple-200` tw`divide-purple-300` @@ -312,6 +301,7 @@ tw`divide-purple-600` tw`divide-purple-700` tw`divide-purple-800` tw`divide-purple-900` +tw`divide-pink-50` tw`divide-pink-100` tw`divide-pink-200` tw`divide-pink-300` @@ -322,15 +312,41 @@ tw`divide-pink-700` tw`divide-pink-800` tw`divide-pink-900` +// https://tailwindcss.com/docs/divide-opacity +tw`divide-opacity-0` +tw`divide-opacity-5` +tw`divide-opacity-10` +tw`divide-opacity-20` +tw`divide-opacity-25` +tw`divide-opacity-30` +tw`divide-opacity-40` +tw`divide-opacity-50` +tw`divide-opacity-60` +tw`divide-opacity-70` +tw`divide-opacity-75` +tw`divide-opacity-80` +tw`divide-opacity-90` +tw`divide-opacity-95` +tw`divide-opacity-100` + +// https://tailwindcss.com/docs/divide-style tw`divide-solid` tw`divide-dashed` tw`divide-dotted` tw`divide-double` tw`divide-none` -// https://tailwindcss.com/docs/divide-opacity -tw`border-opacity-0` -tw`border-opacity-25` -tw`border-opacity-50` -tw`border-opacity-75` -tw`border-opacity-100` +// https://tailwindcss.com/docs/ring-width +// ... + +// https://tailwindcss.com/docs/ring-color +// ... + +// https://tailwindcss.com/docs/ring-opacity +// ... + +// https://tailwindcss.com/docs/ring-offset-width +// ... + +// https://tailwindcss.com/docs/ring-offset-color +// ... diff --git a/__fixtures__/boxAlignment.js b/__fixtures__/boxAlignment.js new file mode 100644 index 00000000..c0521850 --- /dev/null +++ b/__fixtures__/boxAlignment.js @@ -0,0 +1,67 @@ +import tw from './macro' + +// https://tailwindcss.com/docs/justify-content +tw`justify-start` +tw`justify-end` +tw`justify-center` +tw`justify-between` +tw`justify-around` +tw`justify-evenly` + +// https://tailwindcss.com/docs/justify-items +tw`justify-items-auto` +tw`justify-items-start` +tw`justify-items-end` +tw`justify-items-center` +tw`justify-items-stretch` + +// https://tailwindcss.com/docs/justify-self +tw`justify-self-auto` +tw`justify-self-start` +tw`justify-self-end` +tw`justify-self-center` +tw`justify-self-stretch` + +// https://tailwindcss.com/docs/align-content +tw`content-start` +tw`content-center` +tw`content-end` +tw`content-between` +tw`content-around` + +// https://tailwindcss.com/docs/align-items +tw`items-start` +tw`items-end` +tw`items-center` +tw`items-baseline` +tw`items-stretch` + +// https://tailwindcss.com/docs/align-self +tw`self-auto` +tw`self-start` +tw`self-end` +tw`self-center` +tw`self-stretch` + +// https://tailwindcss.com/docs/place-content +tw`place-content-center` +tw`place-content-start` +tw`place-content-end` +tw`place-content-between` +tw`place-content-around` +tw`place-content-evenly` +tw`place-content-stretch` + +// https://tailwindcss.com/docs/place-items +tw`place-items-auto` +tw`place-items-start` +tw`place-items-end` +tw`place-items-center` +tw`place-items-stretch` + +// https://tailwindcss.com/docs/place-self +tw`place-self-auto` +tw`place-self-start` +tw`place-self-end` +tw`place-self-center` +tw`place-self-stretch` diff --git a/__fixtures__/effects.js b/__fixtures__/effects.js index 4b1f2781..2536ec0f 100644 --- a/__fixtures__/effects.js +++ b/__fixtures__/effects.js @@ -1,7 +1,6 @@ import tw from './macro' // https://tailwindcss.com/docs/box-shadow -tw`shadow-xs` tw`shadow-sm` tw`shadow` tw`shadow-md` @@ -9,12 +8,28 @@ tw`shadow-lg` tw`shadow-xl` tw`shadow-2xl` tw`shadow-inner` -tw`shadow-outline` tw`shadow-none` // https://tailwindcss.com/docs/opacity -tw`opacity-100` -tw`opacity-75` -tw`opacity-50` -tw`opacity-25` tw`opacity-0` +tw`opacity-5` +tw`opacity-10` +tw`opacity-20` +tw`opacity-25` +tw`opacity-30` +tw`opacity-40` +tw`opacity-50` +tw`opacity-60` +tw`opacity-70` +tw`opacity-75` +tw`opacity-80` +tw`opacity-90` +tw`opacity-95` +tw`opacity-100` + +// https://tailwindcss.com/docs/animation +tw`animate-none` +tw`animate-spin` +tw`animate-ping` +tw`animate-pulse` +tw`animate-bounce` diff --git a/__fixtures__/flexbox.js b/__fixtures__/flexbox.js index 6859c88b..614fe2e3 100644 --- a/__fixtures__/flexbox.js +++ b/__fixtures__/flexbox.js @@ -7,57 +7,25 @@ tw`flex-col` tw`flex-col-reverse` // https://tailwindcss.com/docs/flex-wrap -tw`flex-no-wrap` -tw`flex-wrap` tw`flex-wrap-reverse` - -// https://tailwindcss.com/docs/align-items -tw`items-stretch` -tw`items-start` -tw`items-center` -tw`items-end` -tw`items-baseline` - -// https://tailwindcss.com/docs/align-content -tw`content-start` -tw`content-center` -tw`content-end` -tw`content-between` -tw`content-around` - -// https://tailwindcss.com/docs/align-self -tw`self-auto` -tw`self-start` -tw`self-center` -tw`self-end` -tw`self-stretch` - -// https://tailwindcss.com/docs/justify-content -tw`justify-start` -tw`justify-center` -tw`justify-end` -tw`justify-between` -tw`justify-around` -tw`justify-evenly` +tw`flex-wrap` +tw`flex-no-wrap` // https://tailwindcss.com/docs/flex -tw`flex-initial` tw`flex-1` tw`flex-auto` +tw`flex-initial` tw`flex-none` // https://tailwindcss.com/docs/flex-grow -tw`flex-grow` tw`flex-grow-0` +tw`flex-grow` // https://tailwindcss.com/docs/flex-shrink -tw`flex-shrink` tw`flex-shrink-0` +tw`flex-shrink` // https://tailwindcss.com/docs/order -tw`order-first` -tw`order-last` -tw`order-none` tw`order-1` tw`order-2` tw`order-3` @@ -70,3 +38,6 @@ tw`order-9` tw`order-10` tw`order-11` tw`order-12` +tw`order-first` +tw`order-last` +tw`order-none` diff --git a/__fixtures__/gradients.js b/__fixtures__/gradients.js deleted file mode 100644 index 8000e759..00000000 --- a/__fixtures__/gradients.js +++ /dev/null @@ -1,311 +0,0 @@ -import tw from './macro' - -// https://tailwindcss.com/docs/gradient-color-stops -tw`bg-none` -tw`bg-gradient-to-t` -tw`bg-gradient-to-tr` -tw`bg-gradient-to-r` -tw`bg-gradient-to-br` -tw`bg-gradient-to-b` -tw`bg-gradient-to-bl` -tw`bg-gradient-to-l` -tw`bg-gradient-to-tl` - -tw`sm:focus:bg-gradient-to-tl` -tw`md:hover:bg-gradient-to-tl` - -tw`from-transparent` -tw`from-current` -tw`from-black` -tw`from-white` -tw`from-gray-100` -tw`from-gray-200` -tw`from-gray-300` -tw`from-gray-400` -tw`from-gray-500` -tw`from-gray-600` -tw`from-gray-700` -tw`from-gray-800` -tw`from-gray-900` -tw`from-red-100` -tw`from-red-200` -tw`from-red-300` -tw`from-red-400` -tw`from-red-500` -tw`from-red-600` -tw`from-red-700` -tw`from-red-800` -tw`from-red-900` -tw`from-orange-100` -tw`from-orange-200` -tw`from-orange-300` -tw`from-orange-400` -tw`from-orange-500` -tw`from-orange-600` -tw`from-orange-700` -tw`from-orange-800` -tw`from-orange-900` -tw`from-yellow-100` -tw`from-yellow-200` -tw`from-yellow-300` -tw`from-yellow-400` -tw`from-yellow-500` -tw`from-yellow-600` -tw`from-yellow-700` -tw`from-yellow-800` -tw`from-yellow-900` -tw`from-green-100` -tw`from-green-200` -tw`from-green-300` -tw`from-green-400` -tw`from-green-500` -tw`from-green-600` -tw`from-green-700` -tw`from-green-800` -tw`from-green-900` -tw`from-teal-100` -tw`from-teal-200` -tw`from-teal-300` -tw`from-teal-400` -tw`from-teal-500` -tw`from-teal-600` -tw`from-teal-700` -tw`from-teal-800` -tw`from-teal-900` -tw`from-blue-100` -tw`from-blue-200` -tw`from-blue-300` -tw`from-blue-400` -tw`from-blue-500` -tw`from-blue-600` -tw`from-blue-700` -tw`from-blue-800` -tw`from-blue-900` -tw`from-indigo-100` -tw`from-indigo-200` -tw`from-indigo-300` -tw`from-indigo-400` -tw`from-indigo-500` -tw`from-indigo-600` -tw`from-indigo-700` -tw`from-indigo-800` -tw`from-indigo-900` -tw`from-purple-100` -tw`from-purple-200` -tw`from-purple-300` -tw`from-purple-400` -tw`from-purple-500` -tw`from-purple-600` -tw`from-purple-700` -tw`from-purple-800` -tw`from-purple-900` -tw`from-pink-100` -tw`from-pink-200` -tw`from-pink-300` -tw`from-pink-400` -tw`from-pink-500` -tw`from-pink-600` -tw`from-pink-700` -tw`from-pink-800` -tw`from-pink-900` - -tw`sm:focus:from-pink-800` -tw`md:hover:from-pink-900` - -tw`via-transparent` -tw`via-current` -tw`via-black` -tw`via-white` -tw`via-gray-100` -tw`via-gray-200` -tw`via-gray-300` -tw`via-gray-400` -tw`via-gray-500` -tw`via-gray-600` -tw`via-gray-700` -tw`via-gray-800` -tw`via-gray-900` -tw`via-red-100` -tw`via-red-200` -tw`via-red-300` -tw`via-red-400` -tw`via-red-500` -tw`via-red-600` -tw`via-red-700` -tw`via-red-800` -tw`via-red-900` -tw`via-orange-100` -tw`via-orange-200` -tw`via-orange-300` -tw`via-orange-400` -tw`via-orange-500` -tw`via-orange-600` -tw`via-orange-700` -tw`via-orange-800` -tw`via-orange-900` -tw`via-yellow-100` -tw`via-yellow-200` -tw`via-yellow-300` -tw`via-yellow-400` -tw`via-yellow-500` -tw`via-yellow-600` -tw`via-yellow-700` -tw`via-yellow-800` -tw`via-yellow-900` -tw`via-green-100` -tw`via-green-200` -tw`via-green-300` -tw`via-green-400` -tw`via-green-500` -tw`via-green-600` -tw`via-green-700` -tw`via-green-800` -tw`via-green-900` -tw`via-teal-100` -tw`via-teal-200` -tw`via-teal-300` -tw`via-teal-400` -tw`via-teal-500` -tw`via-teal-600` -tw`via-teal-700` -tw`via-teal-800` -tw`via-teal-900` -tw`via-blue-100` -tw`via-blue-200` -tw`via-blue-300` -tw`via-blue-400` -tw`via-blue-500` -tw`via-blue-600` -tw`via-blue-700` -tw`via-blue-800` -tw`via-blue-900` -tw`via-indigo-100` -tw`via-indigo-200` -tw`via-indigo-300` -tw`via-indigo-400` -tw`via-indigo-500` -tw`via-indigo-600` -tw`via-indigo-700` -tw`via-indigo-800` -tw`via-indigo-900` -tw`via-purple-100` -tw`via-purple-200` -tw`via-purple-300` -tw`via-purple-400` -tw`via-purple-500` -tw`via-purple-600` -tw`via-purple-700` -tw`via-purple-800` -tw`via-purple-900` -tw`via-pink-100` -tw`via-pink-200` -tw`via-pink-300` -tw`via-pink-400` -tw`via-pink-500` -tw`via-pink-600` -tw`via-pink-700` -tw`via-pink-800` -tw`via-pink-900` - -tw`sm:focus:via-pink-800` -tw`md:hover:via-pink-900` - -tw`to-transparent` -tw`to-current` -tw`to-black` -tw`to-white` -tw`to-gray-100` -tw`to-gray-200` -tw`to-gray-300` -tw`to-gray-400` -tw`to-gray-500` -tw`to-gray-600` -tw`to-gray-700` -tw`to-gray-800` -tw`to-gray-900` -tw`to-red-100` -tw`to-red-200` -tw`to-red-300` -tw`to-red-400` -tw`to-red-500` -tw`to-red-600` -tw`to-red-700` -tw`to-red-800` -tw`to-red-900` -tw`to-orange-100` -tw`to-orange-200` -tw`to-orange-300` -tw`to-orange-400` -tw`to-orange-500` -tw`to-orange-600` -tw`to-orange-700` -tw`to-orange-800` -tw`to-orange-900` -tw`to-yellow-100` -tw`to-yellow-200` -tw`to-yellow-300` -tw`to-yellow-400` -tw`to-yellow-500` -tw`to-yellow-600` -tw`to-yellow-700` -tw`to-yellow-800` -tw`to-yellow-900` -tw`to-green-100` -tw`to-green-200` -tw`to-green-300` -tw`to-green-400` -tw`to-green-500` -tw`to-green-600` -tw`to-green-700` -tw`to-green-800` -tw`to-green-900` -tw`to-teal-100` -tw`to-teal-200` -tw`to-teal-300` -tw`to-teal-400` -tw`to-teal-500` -tw`to-teal-600` -tw`to-teal-700` -tw`to-teal-800` -tw`to-teal-900` -tw`to-blue-100` -tw`to-blue-200` -tw`to-blue-300` -tw`to-blue-400` -tw`to-blue-500` -tw`to-blue-600` -tw`to-blue-700` -tw`to-blue-800` -tw`to-blue-900` -tw`to-indigo-100` -tw`to-indigo-200` -tw`to-indigo-300` -tw`to-indigo-400` -tw`to-indigo-500` -tw`to-indigo-600` -tw`to-indigo-700` -tw`to-indigo-800` -tw`to-indigo-900` -tw`to-purple-100` -tw`to-purple-200` -tw`to-purple-300` -tw`to-purple-400` -tw`to-purple-500` -tw`to-purple-600` -tw`to-purple-700` -tw`to-purple-800` -tw`to-purple-900` -tw`to-pink-100` -tw`to-pink-200` -tw`to-pink-300` -tw`to-pink-400` -tw`to-pink-500` -tw`to-pink-600` -tw`to-pink-700` -tw`to-pink-800` -tw`to-pink-900` - -tw`sm:focus:to-pink-800` -tw`md:hover:to-pink-900` - -tw`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50` diff --git a/__fixtures__/grid.js b/__fixtures__/grid.js index ea6463e6..90f51c2c 100644 --- a/__fixtures__/grid.js +++ b/__fixtures__/grid.js @@ -94,32 +94,69 @@ tw`row-end-6` tw`row-end-7` tw`row-end-auto` +// https://tailwindcss.com/docs/grid-auto-flow +tw`grid-flow-row` +tw`grid-flow-col` +tw`grid-flow-row-dense` +tw`grid-flow-col-dense` + +// https://tailwindcss.com/docs/grid-auto-columns +tw`auto-cols-auto` +tw`auto-cols-min` +tw`auto-cols-max` +tw`auto-cols-fr` + +// https://tailwindcss.com/docs/grid-auto-rows +tw`auto-rows-auto` +tw`auto-rows-min` +tw`auto-rows-max` +tw`auto-rows-fr` + // https://tailwindcss.com/docs/gap tw`gap-0` +tw`gap-0.5` tw`gap-1` +tw`gap-1.5` tw`gap-2` +tw`gap-2.5` tw`gap-3` +tw`gap-3.5` tw`gap-4` tw`gap-5` tw`gap-6` +tw`gap-7` tw`gap-8` +tw`gap-9` tw`gap-10` tw`gap-12` +tw`gap-14` tw`gap-16` tw`gap-20` tw`gap-24` +tw`gap-28` tw`gap-32` +tw`gap-36` tw`gap-40` +tw`gap-44` tw`gap-48` +tw`gap-52` tw`gap-56` +tw`gap-60` tw`gap-64` +tw`gap-72` +tw`gap-80` +tw`gap-96` tw`gap-px` // https://tailwindcss.com/docs/gap tw`gap-x-0` +tw`gap-x-0.5` tw`gap-x-1` +tw`gap-x-1.5` tw`gap-x-2` +tw`gap-x-2.5` tw`gap-x-3` +tw`gap-x-3.5` tw`gap-x-4` tw`gap-x-5` tw`gap-x-6` @@ -138,116 +175,36 @@ tw`gap-x-px` // https://tailwindcss.com/docs/gap tw`gap-y-0` +tw`gap-y-0.5` tw`gap-y-1` +tw`gap-y-1.5` tw`gap-y-2` +tw`gap-y-2.5` tw`gap-y-3` +tw`gap-y-3.5` tw`gap-y-4` tw`gap-y-5` tw`gap-y-6` +tw`gap-y-7` tw`gap-y-8` +tw`gap-y-9` tw`gap-y-10` +tw`gap-y-11` tw`gap-y-12` tw`gap-y-16` tw`gap-y-20` tw`gap-y-24` +tw`gap-y-28` tw`gap-y-32` +tw`gap-y-36` tw`gap-y-40` +tw`gap-y-44` tw`gap-y-48` +tw`gap-y-52` tw`gap-y-56` +tw`gap-y-60` tw`gap-y-64` +tw`gap-y-72` +tw`gap-y-80` +tw`gap-y-96` tw`gap-y-px` - -// Deprecated since tailwindcss v1.7.0 -tw`row-gap-0` -tw`row-gap-1` -tw`row-gap-2` -tw`row-gap-3` -tw`row-gap-4` -tw`row-gap-5` -tw`row-gap-6` -tw`row-gap-8` -tw`row-gap-10` -tw`row-gap-12` -tw`row-gap-16` -tw`row-gap-20` -tw`row-gap-24` -tw`row-gap-32` -tw`row-gap-40` -tw`row-gap-48` -tw`row-gap-56` -tw`row-gap-64` -tw`row-gap-px` - -// Deprecated since tailwindcss v1.7.0 -tw`col-gap-0` -tw`col-gap-1` -tw`col-gap-2` -tw`col-gap-3` -tw`col-gap-4` -tw`col-gap-5` -tw`col-gap-6` -tw`col-gap-8` -tw`col-gap-10` -tw`col-gap-12` -tw`col-gap-16` -tw`col-gap-20` -tw`col-gap-24` -tw`col-gap-32` -tw`col-gap-40` -tw`col-gap-48` -tw`col-gap-56` -tw`col-gap-64` -tw`col-gap-px` - -// https://tailwindcss.com/docs/grid-auto-flow -tw`grid-flow-row` -tw`grid-flow-col` -tw`grid-flow-row-dense` -tw`grid-flow-col-dense` - -// https://tailwindcss.com/docs/grid-auto-columns -tw`auto-cols-auto` -tw`auto-cols-min` -tw`auto-cols-max` -tw`auto-cols-fr` - -// https://tailwindcss.com/docs/grid-auto-rows -tw`auto-rows-auto` -tw`auto-rows-min` -tw`auto-rows-max` -tw`auto-rows-fr` - -// Grid alignment utilities -// https://github.com/tailwindlabs/tailwindcss/pull/2306 - -tw`justify-items-auto` -tw`justify-items-start` -tw`justify-items-end` -tw`justify-items-center` -tw`justify-items-stretch` - -tw`justify-self-auto` -tw`justify-self-start` -tw`justify-self-end` -tw`justify-self-center` -tw`justify-self-stretch` - -tw`place-content-center` -tw`place-content-start` -tw`place-content-end` -tw`place-content-between` -tw`place-content-around` -tw`place-content-evenly` -tw`place-content-stretch` - -tw`place-items-auto` -tw`place-items-start` -tw`place-items-end` -tw`place-items-center` -tw`place-items-stretch` - -tw`place-self-auto` -tw`place-self-start` -tw`place-self-end` -tw`place-self-center` -tw`place-self-stretch` diff --git a/__fixtures__/interactivity.js b/__fixtures__/interactivity.js index 5028433d..6053f7d1 100644 --- a/__fixtures__/interactivity.js +++ b/__fixtures__/interactivity.js @@ -23,9 +23,9 @@ tw`pointer-events-auto` // https://tailwindcss.com/docs/resize tw`resize-none` -tw`resize` tw`resize-y` tw`resize-x` +tw`resize` // https://tailwindcss.com/docs/user-select tw`select-none` diff --git a/__fixtures__/layout.js b/__fixtures__/layout.js index 49732f28..10cdd0b4 100644 --- a/__fixtures__/layout.js +++ b/__fixtures__/layout.js @@ -8,16 +8,11 @@ tw`box-border` tw`box-content` // https://tailwindcss.com/docs/display -tw`hidden` tw`block` -tw`contents` tw`inline-block` tw`inline` -tw`flow-root` tw`flex` tw`inline-flex` -tw`grid` -tw`inline-grid` tw`table` tw`table-caption` tw`table-cell` @@ -27,12 +22,16 @@ tw`table-footer-group` tw`table-header-group` tw`table-row-group` tw`table-row` +tw`flow-root` +tw`grid` +tw`inline-grid` +tw`contents` +tw`hidden` // https://tailwindcss.com/docs/float tw`float-right` tw`float-left` tw`float-none` -tw`clearfix` // https://tailwindcss.com/docs/clear tw`clear-left` @@ -71,8 +70,17 @@ tw`overflow-x-visible` tw`overflow-y-visible` tw`overflow-x-scroll` tw`overflow-y-scroll` -tw`scrolling-touch` -tw`scrolling-auto` + +// https://tailwindcss.com/docs/overscroll-behavior +tw`overscroll-auto` +tw`overscroll-contain` +tw`overscroll-none` +tw`overscroll-y-auto` +tw`overscroll-y-contain` +tw`overscroll-y-none` +tw`overscroll-x-auto` +tw`overscroll-x-contain` +tw`overscroll-x-none` // https://tailwindcss.com/docs/position tw`static` @@ -83,19 +91,595 @@ tw`sticky` // https://tailwindcss.com/docs/top-right-bottom-left tw`inset-0` +tw`-inset-0` tw`inset-y-0` tw`inset-x-0` +tw`-inset-y-0` +tw`-inset-x-0` tw`top-0` tw`right-0` tw`bottom-0` tw`left-0` +tw`-top-0` +tw`-right-0` +tw`-bottom-0` +tw`-left-0` +tw`inset-0.5` +tw`-inset-0.5` +tw`inset-y-0.5` +tw`inset-x-0.5` +tw`-inset-y-0.5` +tw`-inset-x-0.5` +tw`top-0.5` +tw`right-0.5` +tw`bottom-0.5` +tw`left-0.5` +tw`-top-0.5` +tw`-right-0.5` +tw`-bottom-0.5` +tw`-left-0.5` +tw`inset-1` +tw`-inset-1` +tw`inset-y-1` +tw`inset-x-1` +tw`-inset-y-1` +tw`-inset-x-1` +tw`top-1` +tw`right-1` +tw`bottom-1` +tw`left-1` +tw`-top-1` +tw`-right-1` +tw`-bottom-1` +tw`-left-1` +tw`inset-1.5` +tw`-inset-1.5` +tw`inset-y-1.5` +tw`inset-x-1.5` +tw`-inset-y-1.5` +tw`-inset-x-1.5` +tw`top-1.5` +tw`right-1.5` +tw`bottom-1.5` +tw`left-1.5` +tw`-top-1.5` +tw`-right-1.5` +tw`-bottom-1.5` +tw`-left-1.5` +tw`inset-2` +tw`-inset-2` +tw`inset-y-2` +tw`inset-x-2` +tw`-inset-y-2` +tw`-inset-x-2` +tw`top-2` +tw`right-2` +tw`bottom-2` +tw`left-2` +tw`-top-2` +tw`-right-2` +tw`-bottom-2` +tw`-left-2` +tw`inset-2.5` +tw`-inset-2.5` +tw`inset-y-2.5` +tw`inset-x-2.5` +tw`-inset-y-2.5` +tw`top-2.5` +tw`right-2.5` +tw`bottom-2.5` +tw`left-2.5` +tw`-top-2.5` +tw`-bottom-2.5` +tw`-left-2.5` +tw`inset-3` +tw`-inset-3` +tw`inset-y-3` +tw`inset-x-3` +tw`-inset-y-3` +tw`-inset-x-3` +tw`top-3` +tw`right-3` +tw`bottom-3` +tw`left-3` +tw`-top-3` +tw`-right-3` +tw`-bottom-3` +tw`-left-3` +tw`inset-3.5` +tw`-inset-3.5` +tw`inset-y-3.5` +tw`inset-x-3.5` +tw`-inset-y-3.5` +tw`-inset-x-3.5` +tw`top-3.5` +tw`right-3.5` +tw`bottom-3.5` +tw`left-3.5` +tw`-top-3.5` +tw`-right-3.5` +tw`-bottom-3.5` +tw`-left-3.5` +tw`inset-4` +tw`-inset-4` +tw`inset-y-4` +tw`inset-x-4` +tw`-inset-y-4` +tw`-inset-x-4` +tw`top-4` +tw`right-4` +tw`bottom-4` +tw`left-4` +tw`-top-4` +tw`-right-4` +tw`-bottom-4` +tw`-left-4` +tw`inset-5` +tw`-inset-5` +tw`inset-y-5` +tw`inset-x-5` +tw`-inset-y-5` +tw`-inset-x-5` +tw`top-5` +tw`right-5` +tw`bottom-5` +tw`left-5` +tw`-top-5` +tw`-right-5` +tw`-bottom-5` +tw`-left-5` +tw`inset-6` +tw`-inset-6` +tw`inset-y-6` +tw`inset-x-6` +tw`-inset-y-6` +tw`-inset-x-6` +tw`top-6` +tw`right-6` +tw`bottom-6` +tw`left-6` +tw`-top-6` +tw`-right-6` +tw`-bottom-6` +tw`-left-6` +tw`inset-7` +tw`-inset-7` +tw`inset-y-7` +tw`inset-x-7` +tw`-inset-y-7` +tw`-inset-x-7` +tw`top-7` +tw`right-7` +tw`bottom-7` +tw`left-7` +tw`-top-7` +tw`-right-7` +tw`-bottom-7` +tw`-left-7` +tw`inset-8` +tw`-inset-8` +tw`inset-y-8` +tw`inset-x-8` +tw`-inset-y-8` +tw`-inset-x-8` +tw`top-8` +tw`right-8` +tw`bottom-8` +tw`left-8` +tw`-top-8` +tw`-right-8` +tw`-bottom-8` +tw`-left-8` +tw`inset-9` +tw`-inset-9` +tw`inset-y-9` +tw`inset-x-9` +tw`-inset-y-9` +tw`-inset-x-9` +tw`top-9` +tw`right-9` +tw`bottom-9` +tw`left-9` +tw`-top-9` +tw`-right-9` +tw`-bottom-9` +tw`-left-9` +tw`inset-10` +tw`-inset-10` +tw`inset-y-10` +tw`inset-x-10` +tw`-inset-y-10` +tw`-inset-x-10` +tw`top-10` +tw`right-10` +tw`bottom-10` +tw`left-10` +tw`-top-10` +tw`-right-10` +tw`-bottom-10` +tw`-left-10` +tw`inset-11` +tw`-inset-11` +tw`inset-y-11` +tw`inset-x-11` +tw`-inset-y-11` +tw`-inset-x-11` +tw`top-11` +tw`right-11` +tw`bottom-11` +tw`left-11` +tw`-top-11` +tw`-right-11` +tw`-bottom-11` +tw`-left-11` +tw`inset-12` +tw`-inset-12` +tw`inset-y-12` +tw`inset-x-12` +tw`-inset-y-12` +tw`-inset-x-12` +tw`top-12` +tw`right-12` +tw`bottom-12` +tw`left-12` +tw`-top-12` +tw`-right-12` +tw`-bottom-12` +tw`-left-12` +tw`inset-14` +tw`-inset-14` +tw`inset-y-14` +tw`inset-x-14` +tw`-inset-y-14` +tw`-inset-x-14` +tw`top-14` +tw`right-14` +tw`bottom-14` +tw`left-14` +tw`-top-14` +tw`-right-14` +tw`-bottom-14` +tw`-left-14` +tw`inset-16` +tw`-inset-16` +tw`inset-y-16` +tw`inset-x-16` +tw`-inset-y-16` +tw`-inset-x-16` +tw`top-16` +tw`right-16` +tw`bottom-16` +tw`left-16` +tw`-top-16` +tw`-right-16` +tw`-bottom-16` +tw`-left-16` +tw`inset-20` +tw`-inset-20` +tw`inset-y-20` +tw`inset-x-20` +tw`-inset-y-20` +tw`-inset-x-20` +tw`top-20` +tw`right-20` +tw`bottom-20` +tw`left-20` +tw`-top-20` +tw`-right-20` +tw`-bottom-20` +tw`-left-20` +tw`inset-24` +tw`-inset-24` +tw`inset-y-24` +tw`inset-x-24` +tw`-inset-y-24` +tw`-inset-x-24` +tw`top-24` +tw`right-24` +tw`bottom-24` +tw`left-24` +tw`-right-24` +tw`-bottom-24` +tw`-left-24` +tw`inset-28` +tw`-inset-28` +tw`inset-y-28` +tw`inset-x-28` +tw`-inset-y-28` +tw`-inset-x-28` +tw`top-28` +tw`right-28` +tw`bottom-28` +tw`left-28` +tw`-top-28` +tw`-right-28` +tw`-bottom-28` +tw`-left-28` +tw`inset-32` +tw`-inset-32` +tw`inset-y-32` +tw`inset-x-32` +tw`-inset-y-32` +tw`-inset-x-32` +tw`right-32` +tw`bottom-32` +tw`left-32` +tw`-top-32` +tw`-right-32` +tw`-bottom-32` +tw`-left-32` +tw`inset-36` +tw`-inset-36` +tw`inset-y-36` +tw`inset-x-36` +tw`-inset-y-36` +tw`-inset-x-36` +tw`top-36` +tw`right-36` +tw`bottom-36` +tw`left-36` +tw`-top-36` +tw`-right-36` +tw`-bottom-36` +tw`-left-36` +tw`inset-40` +tw`-inset-40` +tw`inset-y-40` +tw`inset-x-40` +tw`-inset-y-40` +tw`-inset-x-40` +tw`top-40` +tw`right-40` +tw`bottom-40` +tw`left-40` +tw`-top-40` +tw`-right-40` +tw`-bottom-40` +tw`-left-40` +tw`inset-44` +tw`-inset-44` +tw`inset-y-44` +tw`inset-x-44` +tw`-inset-y-44` +tw`-inset-x-44` +tw`top-44` +tw`right-44` +tw`bottom-44` +tw`left-44` +tw`-top-44` +tw`-right-44` +tw`-bottom-44` +tw`-left-44` +tw`inset-48` +tw`-inset-48` +tw`inset-y-48` +tw`inset-x-48` +tw`-inset-y-48` +tw`-inset-x-48` +tw`top-48` +tw`right-48` +tw`bottom-48` +tw`left-48` +tw`-right-48` +tw`-bottom-48` +tw`-left-48` +tw`inset-52` +tw`-inset-52` +tw`inset-y-52` +tw`inset-x-52` +tw`-inset-y-52` +tw`-inset-x-52` +tw`top-52` +tw`right-52` +tw`bottom-52` +tw`left-52` +tw`-top-52` +tw`-right-52` +tw`-bottom-52` +tw`-left-52` +tw`inset-56` +tw`-inset-56` +tw`inset-y-56` +tw`inset-x-56` +tw`-inset-y-56` +tw`-inset-x-56` +tw`top-56` +tw`right-56` +tw`bottom-56` +tw`left-56` +tw`-top-56` +tw`-right-56` +tw`-bottom-56` +tw`-left-56` +tw`inset-60` +tw`-inset-60` +tw`inset-y-60` +tw`inset-x-60` +tw`-inset-y-60` +tw`-inset-x-60` +tw`top-60` +tw`right-60` +tw`bottom-60` +tw`left-60` +tw`-top-60` +tw`-right-60` +tw`-bottom-60` +tw`-left-60` +tw`inset-64` +tw`-inset-64` +tw`inset-y-64` +tw`inset-x-64` +tw`-inset-y-64` +tw`-inset-x-64` +tw`top-64` +tw`right-64` +tw`bottom-64` +tw`left-64` +tw`-top-64` +tw`-right-64` +tw`-bottom-64` +tw`-left-64` +tw`inset-72` +tw`-inset-72` +tw`inset-y-72` +tw`inset-x-72` +tw`-inset-y-72` +tw`-inset-x-72` +tw`top-72` +tw`right-72` +tw`bottom-72` +tw`left-72` +tw`-top-72` +tw`-right-72` +tw`-bottom-72` +tw`-left-72` +tw`inset-80` +tw`-inset-80` +tw`inset-y-80` +tw`inset-x-80` +tw`-inset-y-80` +tw`-inset-x-80` +tw`top-80` +tw`right-80` +tw`bottom-80` +tw`left-80` +tw`-top-80` +tw`-right-80` +tw`-bottom-80` +tw`-left-80` +tw`inset-96` +tw`-inset-96` +tw`inset-y-96` +tw`inset-x-96` +tw`-inset-y-96` +tw`-inset-x-96` +tw`top-96` +tw`right-96` +tw`bottom-96` +tw`left-96` +tw`-top-96` +tw`-right-96` +tw`-bottom-96` +tw`-left-96` tw`inset-auto` +tw`inset-px` +tw`-inset-px` +tw`inset-1/2` +tw`inset-1/3` +tw`inset-2/3` +tw`inset-1/4` +tw`inset-2/4` +tw`inset-3/4` +tw`inset-full` +tw`-inset-1/2` +tw`-inset-1/3` +tw`-inset-2/3` +tw`-inset-1/4` +tw`-inset-2/4` +tw`-inset-3/4` +tw`-inset-full` tw`inset-y-auto` tw`inset-x-auto` +tw`inset-y-px` +tw`inset-x-px` +tw`-inset-y-px` +tw`-inset-x-px` +tw`inset-y-1/2` +tw`inset-x-1/2` +tw`inset-y-1/3` +tw`inset-x-1/3` +tw`inset-y-2/3` +tw`inset-x-2/3` +tw`inset-y-1/4` +tw`inset-x-1/4` +tw`inset-y-2/4` +tw`inset-x-2/4` +tw`inset-y-3/4` +tw`inset-x-3/4` +tw`inset-y-full` +tw`inset-x-full` +tw`-inset-y-1/2` +tw`-inset-x-1/2` +tw`-inset-y-1/3` +tw`-inset-x-1/3` +tw`-inset-y-2/3` +tw`-inset-x-2/3` +tw`-inset-y-1/4` +tw`-inset-x-1/4` +tw`-inset-y-2/4` +tw`-inset-x-2/4` +tw`-inset-y-3/4` +tw`-inset-x-3/4` +tw`-inset-y-full` +tw`-inset-x-full` tw`top-auto` +tw`right-auto` tw`bottom-auto` tw`left-auto` -tw`right-auto` +tw`top-px` +tw`right-px` +tw`bottom-px` +tw`left-px` +tw`-top-px` +tw`-right-px` +tw`-bottom-px` +tw`-left-px` +tw`top-1/2` +tw`right-1/2` +tw`bottom-1/2` +tw`left-1/2` +tw`top-1/3` +tw`right-1/3` +tw`bottom-1/3` +tw`left-1/3` +tw`top-2/3` +tw`right-2/3` +tw`bottom-2/3` +tw`left-2/3` +tw`top-1/4` +tw`right-1/4` +tw`bottom-1/4` +tw`left-1/4` +tw`top-2/4` +tw`right-2/4` +tw`bottom-2/4` +tw`left-2/4` +tw`top-3/4` +tw`right-3/4` +tw`bottom-3/4` +tw`left-3/4` +tw`top-full` +tw`right-full` +tw`bottom-full` +tw`left-full` +tw`-top-1/2` +tw`-right-1/2` +tw`-bottom-1/2` +tw`-left-1/2` +tw`-top-1/3` +tw`-right-1/3` +tw`-bottom-1/3` +tw`-left-1/3` +tw`-top-2/3` +tw`-right-2/3` +tw`-bottom-2/3` +tw`-left-2/3` +tw`-top-1/4` +tw`-right-1/4` +tw`-bottom-1/4` +tw`-left-1/4` +tw`-top-2/4` +tw`-right-2/4` +tw`-bottom-2/4` +tw`-left-2/4` +tw`-top-3/4` +tw`-right-3/4` +tw`-bottom-3/4` +tw`-left-3/4` +tw`-top-full` +tw`-right-full` +tw`-bottom-full` +tw`-left-full` // https://tailwindcss.com/docs/visibility tw`visible` @@ -109,103 +693,3 @@ tw`z-30` tw`z-40` tw`z-50` tw`z-auto` - -// https://tailwindcss.com/docs/space -tw`space-x-0` -tw`space-x-1` -tw`space-x-2` -tw`space-x-3` -tw`space-x-4` -tw`space-x-5` -tw`space-x-6` -tw`space-x-8` -tw`space-x-10` -tw`space-x-12` -tw`space-x-16` -tw`space-x-20` -tw`space-x-24` -tw`space-x-32` -tw`space-x-40` -tw`space-x-48` -tw`space-x-56` -tw`space-x-64` -tw`space-x-px` -tw`space-y-0` -tw`space-y-1` -tw`space-y-2` -tw`space-y-3` -tw`space-y-4` -tw`space-y-5` -tw`space-y-6` -tw`space-y-8` -tw`space-y-10` -tw`space-y-12` -tw`space-y-16` -tw`space-y-20` -tw`space-y-24` -tw`space-y-32` -tw`space-y-40` -tw`space-y-48` -tw`space-y-56` -tw`space-y-64` -tw`space-y-px` -tw`-space-x-0` -tw`-space-x-1` -tw`-space-x-2` -tw`-space-x-3` -tw`-space-x-4` -tw`-space-x-5` -tw`-space-x-6` -tw`-space-x-8` -tw`-space-x-10` -tw`-space-x-12` -tw`-space-x-16` -tw`-space-x-20` -tw`-space-x-24` -tw`-space-x-32` -tw`-space-x-40` -tw`-space-x-48` -tw`-space-x-56` -tw`-space-x-64` -tw`-space-x-px` -tw`-space-y-0` -tw`-space-y-1` -tw`-space-y-2` -tw`-space-y-3` -tw`-space-y-4` -tw`-space-y-5` -tw`-space-y-6` -tw`-space-y-8` -tw`-space-y-10` -tw`-space-y-12` -tw`-space-y-16` -tw`-space-y-20` -tw`-space-y-24` -tw`-space-y-32` -tw`-space-y-40` -tw`-space-y-48` -tw`-space-y-56` -tw`-space-y-64` -tw`-space-y-px` -tw`space-x-reverse` -tw`space-y-reverse` - -tw`space-x-reverse space-x-0` -tw`space-x-0 space-x-reverse` -tw`space-y-reverse space-y-0` -tw`space-y-0 space-y-reverse` - -tw`space-x-reverse space-x-32` -tw`space-x-32 space-x-reverse` -tw`space-y-reverse space-y-32` -tw`space-y-32 space-y-reverse` - -tw`space-x-reverse space-x-px` -tw`space-x-px space-x-reverse` -tw`space-y-reverse space-y-px` -tw`space-y-px space-y-reverse` - -tw`-space-x-reverse space-x-12` -tw`space-x-12 -space-x-reverse` -tw`-space-y-reverse space-y-12` -tw`space-y-12 -space-y-reverse` diff --git a/__fixtures__/overscroll.js b/__fixtures__/overscroll.js deleted file mode 100644 index 96260f01..00000000 --- a/__fixtures__/overscroll.js +++ /dev/null @@ -1,11 +0,0 @@ -import tw from './macro' - -tw`overscroll-auto` -tw`overscroll-contain` -tw`overscroll-none` -tw`overscroll-y-auto` -tw`overscroll-y-contain` -tw`overscroll-y-none` -tw`overscroll-x-auto` -tw`overscroll-x-contain` -tw`overscroll-x-none` diff --git a/__fixtures__/sizing.js b/__fixtures__/sizing.js index b1d7a9cd..30861db3 100644 --- a/__fixtures__/sizing.js +++ b/__fixtures__/sizing.js @@ -2,23 +2,39 @@ import tw from './macro' // https://tailwindcss.com/docs/width tw`w-0` +tw`w-0.5` tw`w-1` +tw`w-1.5` tw`w-2` +tw`w-2.5` tw`w-3` +tw`w-3.5` tw`w-4` tw`w-5` tw`w-6` +tw`w-7` tw`w-8` +tw`w-9` tw`w-10` +tw`w-11` tw`w-12` +tw`w-14` tw`w-16` tw`w-20` tw`w-24` +tw`w-28` tw`w-32` +tw`w-36` tw`w-40` +tw`w-44` tw`w-48` +tw`w-52` tw`w-56` +tw`w-60` tw`w-64` +tw`w-72` +tw`w-80` +tw`w-96` tw`w-auto` tw`w-px` tw`w-1/2` @@ -49,12 +65,18 @@ tw`w-10/12` tw`w-11/12` tw`w-full` tw`w-screen` +tw`w-min` +tw`w-max` // https://tailwindcss.com/docs/min-width tw`min-w-0` tw`min-w-full` +tw`min-w-min` +tw`min-w-max` // https://tailwindcss.com/docs/max-width +tw`max-w-0` +tw`max-w-none` tw`max-w-xs` tw`max-w-sm` tw`max-w-md` @@ -65,34 +87,69 @@ tw`max-w-3xl` tw`max-w-4xl` tw`max-w-5xl` tw`max-w-6xl` +tw`max-w-7xl` tw`max-w-full` +tw`max-w-min` +tw`max-w-max` +tw`max-w-prose` tw`max-w-screen-sm` tw`max-w-screen-md` tw`max-w-screen-lg` tw`max-w-screen-xl` -tw`max-w-none` +tw`max-w-screen-2xl` // https://tailwindcss.com/docs/height tw`h-0` +tw`h-0.5` tw`h-1` +tw`h-1.5` tw`h-2` +tw`h-2.5` tw`h-3` +tw`h-3.5` tw`h-4` tw`h-5` tw`h-6` +tw`h-7` tw`h-8` +tw`h-9` tw`h-10` +tw`h-11` tw`h-12` +tw`h-14` tw`h-16` tw`h-20` tw`h-24` +tw`h-28` tw`h-32` +tw`h-36` tw`h-40` +tw`h-44` tw`h-48` +tw`h-52` tw`h-56` +tw`h-60` tw`h-64` +tw`h-72` +tw`h-80` +tw`h-96` tw`h-auto` tw`h-px` +tw`h-1/2` +tw`h-1/3` +tw`h-2/3` +tw`h-1/4` +tw`h-2/4` +tw`h-3/4` +tw`h-1/5` +tw`h-2/5` +tw`h-3/5` +tw`h-4/5` +tw`h-1/6` +tw`h-2/6` +tw`h-3/6` +tw`h-4/6` +tw`h-5/6` tw`h-full` tw`h-screen` @@ -102,5 +159,40 @@ tw`min-h-full` tw`min-h-screen` // https://tailwindcss.com/docs/max-height +tw`max-h-0` +tw`max-h-0.5` +tw`max-h-1` +tw`max-h-1.5` +tw`max-h-2` +tw`max-h-2.5` +tw`max-h-3` +tw`max-h-3.5` +tw`max-h-4` +tw`max-h-5` +tw`max-h-6` +tw`max-h-7` +tw`max-h-8` +tw`max-h-9` +tw`max-h-10` +tw`max-h-11` +tw`max-h-12` +tw`max-h-14` +tw`max-h-16` +tw`max-h-20` +tw`max-h-24` +tw`max-h-28` +tw`max-h-32` +tw`max-h-36` +tw`max-h-40` +tw`max-h-44` +tw`max-h-48` +tw`max-h-52` +tw`max-h-56` +tw`max-h-60` +tw`max-h-64` +tw`max-h-72` +tw`max-h-80` +tw`max-h-96` +tw`max-h-px` tw`max-h-full` tw`max-h-screen` diff --git a/__fixtures__/spacing.js b/__fixtures__/spacing.js index 32a6182b..a8c017ba 100644 --- a/__fixtures__/spacing.js +++ b/__fixtures__/spacing.js @@ -2,403 +2,902 @@ import tw from './macro' // https://tailwindcss.com/docs/padding tw`p-0` +tw`p-0.5` tw`p-1` +tw`p-1.5` tw`p-2` +tw`p-2.5` tw`p-3` +tw`p-3.5` tw`p-4` tw`p-5` tw`p-6` +tw`p-7` tw`p-8` +tw`p-9` tw`p-10` +tw`p-11` tw`p-12` +tw`p-14` tw`p-16` tw`p-20` tw`p-24` +tw`p-28` tw`p-32` +tw`p-36` tw`p-40` +tw`p-44` tw`p-48` +tw`p-52` tw`p-56` +tw`p-60` tw`p-64` +tw`p-72` +tw`p-80` +tw`p-96` tw`p-px` tw`py-0` +tw`py-0.5` tw`py-1` +tw`py-1.5` tw`py-2` +tw`py-2.5` tw`py-3` +tw`py-3.5` tw`py-4` tw`py-5` tw`py-6` +tw`py-7` tw`py-8` +tw`py-9` tw`py-10` +tw`py-11` tw`py-12` +tw`py-14` tw`py-16` tw`py-20` tw`py-24` +tw`py-28` tw`py-32` +tw`py-36` tw`py-40` +tw`py-44` tw`py-48` +tw`py-52` tw`py-56` +tw`py-60` tw`py-64` +tw`py-72` +tw`py-80` +tw`py-96` tw`py-px` tw`px-0` +tw`px-0.5` tw`px-1` +tw`px-1.5` tw`px-2` +tw`px-2.5` tw`px-3` +tw`px-3.5` tw`px-4` tw`px-5` tw`px-6` +tw`px-7` tw`px-8` +tw`px-9` tw`px-10` +tw`px-11` tw`px-12` +tw`px-14` tw`px-16` tw`px-20` tw`px-24` +tw`px-28` tw`px-32` +tw`px-36` tw`px-40` +tw`px-44` tw`px-48` +tw`px-52` tw`px-56` +tw`px-60` tw`px-64` +tw`px-72` +tw`px-80` +tw`px-96` tw`px-px` tw`pt-0` +tw`pt-0.5` tw`pt-1` +tw`pt-1.5` tw`pt-2` +tw`pt-2.5` tw`pt-3` +tw`pt-3.5` tw`pt-4` tw`pt-5` tw`pt-6` +tw`pt-7` tw`pt-8` +tw`pt-9` tw`pt-10` +tw`pt-11` tw`pt-12` +tw`pt-14` tw`pt-16` tw`pt-20` tw`pt-24` +tw`pt-28` tw`pt-32` +tw`pt-36` tw`pt-40` +tw`pt-44` tw`pt-48` +tw`pt-52` tw`pt-56` +tw`pt-60` tw`pt-64` +tw`pt-72` +tw`pt-80` +tw`pt-96` tw`pt-px` tw`pr-0` +tw`pr-0.5` tw`pr-1` +tw`pr-1.5` tw`pr-2` +tw`pr-2.5` tw`pr-3` +tw`pr-3.5` tw`pr-4` tw`pr-5` tw`pr-6` +tw`pr-7` tw`pr-8` +tw`pr-9` tw`pr-10` +tw`pr-11` tw`pr-12` +tw`pr-14` tw`pr-16` tw`pr-20` tw`pr-24` +tw`pr-28` tw`pr-32` +tw`pr-36` tw`pr-40` +tw`pr-44` tw`pr-48` +tw`pr-52` tw`pr-56` +tw`pr-60` tw`pr-64` +tw`pr-72` +tw`pr-80` +tw`pr-96` tw`pr-px` tw`pb-0` +tw`pb-0.5` tw`pb-1` +tw`pb-1.5` tw`pb-2` +tw`pb-2.5` tw`pb-3` +tw`pb-3.5` tw`pb-4` tw`pb-5` tw`pb-6` +tw`pb-7` tw`pb-8` +tw`pb-9` tw`pb-10` +tw`pb-11` tw`pb-12` +tw`pb-14` tw`pb-16` tw`pb-20` tw`pb-24` +tw`pb-28` tw`pb-32` +tw`pb-36` tw`pb-40` +tw`pb-44` tw`pb-48` +tw`pb-52` tw`pb-56` +tw`pb-60` tw`pb-64` +tw`pb-72` tw`pb-px` tw`pl-0` +tw`pl-0.5` tw`pl-1` +tw`pl-1.5` tw`pl-2` +tw`pl-2.5` tw`pl-3` +tw`pl-3.5` tw`pl-4` tw`pl-5` tw`pl-6` +tw`pl-7` tw`pl-8` +tw`pl-9` tw`pl-10` +tw`pl-11` tw`pl-12` +tw`pl-14` tw`pl-16` tw`pl-20` tw`pl-24` +tw`pl-28` tw`pl-32` +tw`pl-36` tw`pl-40` +tw`pl-44` tw`pl-48` +tw`pl-52` tw`pl-56` +tw`pl-60` tw`pl-64` +tw`pl-72` +tw`pl-80` +tw`pl-96` tw`pl-px` // https://tailwindcss.com/docs/margin tw`m-0` +tw`m-0.5` tw`m-1` +tw`m-1.5` tw`m-2` +tw`m-2.5` tw`m-3` +tw`m-3.5` tw`m-4` tw`m-5` tw`m-6` +tw`m-7` tw`m-8` +tw`m-9` tw`m-10` +tw`m-11` tw`m-12` +tw`m-14` tw`m-16` tw`m-20` tw`m-24` +tw`m-28` tw`m-32` +tw`m-36` tw`m-40` +tw`m-44` tw`m-48` +tw`m-52` tw`m-56` +tw`m-60` tw`m-64` +tw`m-72` +tw`m-80` +tw`m-96` tw`m-auto` tw`m-px` +tw`-m-0` +tw`-m-0.5` tw`-m-1` +tw`-m-1.5` tw`-m-2` +tw`-m-2.5` tw`-m-3` +tw`-m-3.5` tw`-m-4` tw`-m-5` tw`-m-6` +tw`-m-7` tw`-m-8` +tw`-m-9` tw`-m-10` +tw`-m-11` tw`-m-12` +tw`-m-14` tw`-m-16` tw`-m-20` tw`-m-24` +tw`-m-28` tw`-m-32` +tw`-m-36` tw`-m-40` +tw`-m-44` tw`-m-48` +tw`-m-52` tw`-m-56` +tw`-m-60` tw`-m-64` +tw`-m-72` +tw`-m-80` +tw`-m-96` tw`-m-px` tw`my-0` +tw`my-0.5` tw`my-1` +tw`my-1.5` tw`my-2` +tw`my-2.5` tw`my-3` +tw`my-3.5` tw`my-4` tw`my-5` tw`my-6` +tw`my-7` tw`my-8` +tw`my-9` tw`my-10` +tw`my-11` tw`my-12` +tw`my-14` tw`my-16` tw`my-20` tw`my-24` +tw`my-28` tw`my-32` +tw`my-36` tw`my-40` +tw`my-44` tw`my-48` +tw`my-52` tw`my-56` +tw`my-60` tw`my-64` +tw`my-72` +tw`my-80` +tw`my-96` tw`my-auto` tw`my-px` +tw`-my-0` +tw`-my-0.5` tw`-my-1` +tw`-my-1.5` tw`-my-2` +tw`-my-2.5` tw`-my-3` +tw`-my-3.5` tw`-my-4` tw`-my-5` tw`-my-6` +tw`-my-7` tw`-my-8` +tw`-my-9` tw`-my-10` +tw`-my-11` tw`-my-12` +tw`-my-14` tw`-my-16` tw`-my-20` tw`-my-24` +tw`-my-28` tw`-my-32` +tw`-my-36` tw`-my-40` +tw`-my-44` tw`-my-48` +tw`-my-52` tw`-my-56` +tw`-my-60` tw`-my-64` +tw`-my-72` +tw`-my-80` +tw`-my-96` tw`-my-px` tw`mx-0` +tw`mx-0.5` tw`mx-1` +tw`mx-1.5` tw`mx-2` +tw`mx-2.5` tw`mx-3` +tw`mx-3.5` tw`mx-4` tw`mx-5` tw`mx-6` +tw`mx-7` tw`mx-8` +tw`mx-9` tw`mx-10` tw`mx-12` +tw`mx-14` tw`mx-16` tw`mx-20` tw`mx-24` +tw`mx-28` tw`mx-32` +tw`mx-36` tw`mx-40` +tw`mx-44` tw`mx-48` +tw`mx-52` tw`mx-56` +tw`mx-60` tw`mx-64` +tw`mx-72` +tw`mx-80` tw`mx-auto` tw`mx-px` +tw`-mx-0` +tw`-mx-0.5` tw`-mx-1` +tw`-mx-1.5` tw`-mx-2` +tw`-mx-2.5` tw`-mx-3` +tw`-mx-3.5` tw`-mx-4` tw`-mx-5` tw`-mx-6` +tw`-mx-7` tw`-mx-8` +tw`-mx-9` tw`-mx-10` +tw`-mx-11` tw`-mx-12` +tw`-mx-14` tw`-mx-16` tw`-mx-20` tw`-mx-24` +tw`-mx-28` tw`-mx-32` +tw`-mx-36` tw`-mx-40` +tw`-mx-44` tw`-mx-48` +tw`-mx-52` tw`-mx-56` +tw`-mx-60` tw`-mx-64` +tw`-mx-72` +tw`-mx-80` +tw`-mx-96` tw`-mx-px` tw`mt-0` +tw`mt-0.5` tw`mt-1` +tw`mt-1.5` tw`mt-2` +tw`mt-2.5` tw`mt-3` +tw`mt-3.5` tw`mt-4` tw`mt-5` tw`mt-6` +tw`mt-7` tw`mt-8` +tw`mt-9` tw`mt-10` +tw`mt-11` tw`mt-12` +tw`mt-14` tw`mt-16` tw`mt-20` tw`mt-24` +tw`mt-28` tw`mt-32` +tw`mt-36` tw`mt-40` +tw`mt-44` tw`mt-48` +tw`mt-52` tw`mt-56` +tw`mt-60` tw`mt-64` +tw`mt-72` +tw`mt-80` +tw`mt-96` tw`mt-auto` tw`mt-px` +tw`-mt-0` +tw`-mt-0.5` tw`-mt-1` +tw`-mt-1.5` tw`-mt-2` +tw`-mt-2.5` tw`-mt-3` +tw`-mt-3.5` tw`-mt-4` tw`-mt-5` tw`-mt-6` +tw`-mt-7` tw`-mt-8` +tw`-mt-9` tw`-mt-10` +tw`-mt-11` tw`-mt-12` +tw`-mt-14` tw`-mt-16` tw`-mt-20` tw`-mt-24` +tw`-mt-28` tw`-mt-32` +tw`-mt-36` tw`-mt-40` +tw`-mt-44` tw`-mt-48` +tw`-mt-52` tw`-mt-56` +tw`-mt-60` tw`-mt-64` +tw`-mt-72` +tw`-mt-80` +tw`-mt-96` tw`-mt-px` tw`mr-0` +tw`mr-0.5` tw`mr-1` +tw`mr-1.5` tw`mr-2` +tw`mr-2.5` tw`mr-3` +tw`mr-3.5` tw`mr-4` tw`mr-5` tw`mr-6` +tw`mr-7` tw`mr-8` +tw`mr-9` tw`mr-10` +tw`mr-11` tw`mr-12` +tw`mr-14` tw`mr-16` tw`mr-20` tw`mr-24` +tw`mr-28` tw`mr-32` +tw`mr-36` tw`mr-40` +tw`mr-44` tw`mr-48` +tw`mr-52` tw`mr-56` +tw`mr-60` tw`mr-64` +tw`mr-72` +tw`mr-80` +tw`mr-96` tw`mr-auto` tw`mr-px` +tw`-mr-0` +tw`-mr-0.5` tw`-mr-1` +tw`-mr-1.5` tw`-mr-2` +tw`-mr-2.5` tw`-mr-3` +tw`-mr-3.5` tw`-mr-4` tw`-mr-5` tw`-mr-6` +tw`-mr-7` tw`-mr-8` +tw`-mr-9` tw`-mr-10` +tw`-mr-11` tw`-mr-12` +tw`-mr-14` tw`-mr-16` tw`-mr-20` tw`-mr-24` +tw`-mr-28` tw`-mr-32` +tw`-mr-36` tw`-mr-40` +tw`-mr-44` tw`-mr-48` +tw`-mr-52` tw`-mr-56` +tw`-mr-60` tw`-mr-64` +tw`-mr-72` +tw`-mr-80` +tw`-mr-96` tw`-mr-px` tw`mb-0` +tw`mb-0.5` tw`mb-1` +tw`mb-1.5` tw`mb-2` +tw`mb-2.5` tw`mb-3` +tw`mb-3.5` tw`mb-4` tw`mb-5` tw`mb-6` +tw`mb-7` tw`mb-8` +tw`mb-9` tw`mb-10` +tw`mb-11` tw`mb-12` +tw`mb-14` tw`mb-16` tw`mb-20` tw`mb-24` +tw`mb-28` tw`mb-32` +tw`mb-36` tw`mb-40` +tw`mb-44` tw`mb-48` +tw`mb-52` tw`mb-56` +tw`mb-60` tw`mb-64` +tw`mb-72` +tw`mb-80` +tw`mb-96` tw`mb-auto` tw`mb-px` +tw`-mb-0` +tw`-mb-0.5` tw`-mb-1` +tw`-mb-1.5` tw`-mb-2` +tw`-mb-2.5` tw`-mb-3` +tw`-mb-3.5` tw`-mb-4` tw`-mb-5` tw`-mb-6` +tw`-mb-7` tw`-mb-8` +tw`-mb-9` tw`-mb-10` +tw`-mb-11` tw`-mb-12` +tw`-mb-14` tw`-mb-16` tw`-mb-20` tw`-mb-24` +tw`-mb-28` tw`-mb-32` +tw`-mb-36` tw`-mb-40` +tw`-mb-44` tw`-mb-48` +tw`-mb-52` tw`-mb-56` +tw`-mb-60` tw`-mb-64` +tw`-mb-72` +tw`-mb-80` +tw`-mb-96` tw`-mb-px` tw`ml-0` +tw`ml-0.5` tw`ml-1` +tw`ml-1.5` tw`ml-2` +tw`ml-2.5` tw`ml-3` +tw`ml-3.5` tw`ml-4` tw`ml-5` tw`ml-6` +tw`ml-7` tw`ml-8` +tw`ml-9` tw`ml-10` +tw`ml-11` tw`ml-12` +tw`ml-14` tw`ml-16` tw`ml-20` tw`ml-24` +tw`ml-28` tw`ml-32` +tw`ml-36` tw`ml-40` +tw`ml-44` tw`ml-48` +tw`ml-52` tw`ml-56` +tw`ml-60` tw`ml-64` +tw`ml-72` +tw`ml-80` +tw`ml-96` tw`ml-auto` tw`ml-px` +tw`-ml-0` +tw`-ml-0.5` tw`-ml-1` +tw`-ml-1.5` tw`-ml-2` +tw`-ml-2.5` tw`-ml-3` +tw`-ml-3.5` tw`-ml-4` tw`-ml-5` tw`-ml-6` +tw`-ml-7` tw`-ml-8` +tw`-ml-9` tw`-ml-10` +tw`-ml-11` tw`-ml-12` +tw`-ml-14` tw`-ml-16` tw`-ml-20` tw`-ml-24` +tw`-ml-28` tw`-ml-32` +tw`-ml-36` tw`-ml-40` +tw`-ml-44` tw`-ml-48` +tw`-ml-52` tw`-ml-56` +tw`-ml-60` tw`-ml-64` +tw`-ml-72` +tw`-ml-80` +tw`-ml-96` tw`-ml-px` + +// https://tailwindcss.com/docs/space +tw`space-x-0` +tw`space-x-0.5` +tw`space-x-1` +tw`space-x-1.5` +tw`space-x-2` +tw`space-x-2.5` +tw`space-x-3` +tw`space-x-3.5` +tw`space-x-4` +tw`space-x-5` +tw`space-x-6` +tw`space-x-7` +tw`space-x-8` +tw`space-x-9` +tw`space-x-10` +tw`space-x-11` +tw`space-x-12` +tw`space-x-14` +tw`space-x-16` +tw`space-x-20` +tw`space-x-24` +tw`space-x-28` +tw`space-x-32` +tw`space-x-36` +tw`space-x-40` +tw`space-x-44` +tw`space-x-48` +tw`space-x-52` +tw`space-x-56` +tw`space-x-60` +tw`space-x-64` +tw`space-x-72` +tw`space-x-80` +tw`space-x-96` +tw`space-x-px` +tw`space-y-0` +tw`space-y-0.5` +tw`space-y-1` +tw`space-y-1.5` +tw`space-y-2` +tw`space-y-2.5` +tw`space-y-3` +tw`space-y-3.5` +tw`space-y-4` +tw`space-y-5` +tw`space-y-6` +tw`space-y-7` +tw`space-y-8` +tw`space-y-9` +tw`space-y-10` +tw`space-y-12` +tw`space-y-14` +tw`space-y-16` +tw`space-y-20` +tw`space-y-24` +tw`space-y-28` +tw`space-y-32` +tw`space-y-36` +tw`space-y-40` +tw`space-y-44` +tw`space-y-48` +tw`space-y-52` +tw`space-y-56` +tw`space-y-60` +tw`space-y-64` +tw`space-y-72` +tw`space-y-80` +tw`space-y-px` +tw`-space-x-0` +tw`-space-x-0.5` +tw`-space-x-1` +tw`-space-x-1.5` +tw`-space-x-2` +tw`-space-x-2.5` +tw`-space-x-3` +tw`-space-x-3.5` +tw`-space-x-4` +tw`-space-x-5` +tw`-space-x-6` +tw`-space-x-7` +tw`-space-x-8` +tw`-space-x-9` +tw`-space-x-10` +tw`-space-x-12` +tw`-space-x-14` +tw`-space-x-16` +tw`-space-x-20` +tw`-space-x-24` +tw`-space-x-28` +tw`-space-x-32` +tw`-space-x-36` +tw`-space-x-40` +tw`-space-x-44` +tw`-space-x-48` +tw`-space-x-52` +tw`-space-x-56` +tw`-space-x-60` +tw`-space-x-64` +tw`-space-x-72` +tw`-space-x-80` +tw`-space-x-96` +tw`-space-x-px` +tw`-space-y-0` +tw`-space-y-0.5` +tw`-space-y-1` +tw`-space-y-1.5` +tw`-space-y-2` +tw`-space-y-2.5` +tw`-space-y-3` +tw`-space-y-3.5` +tw`-space-y-4` +tw`-space-y-5` +tw`-space-y-6` +tw`-space-y-7` +tw`-space-y-8` +tw`-space-y-9` +tw`-space-y-10` +tw`-space-y-12` +tw`-space-y-14` +tw`-space-y-16` +tw`-space-y-20` +tw`-space-y-24` +tw`-space-y-28` +tw`-space-y-32` +tw`-space-y-36` +tw`-space-y-40` +tw`-space-y-44` +tw`-space-y-48` +tw`-space-y-52` +tw`-space-y-56` +tw`-space-y-60` +tw`-space-y-64` +tw`-space-y-72` +tw`-space-y-80` +tw`-space-y-96` +tw`-space-y-px` +tw`space-x-reverse` +tw`space-y-reverse` + +tw`space-x-reverse space-x-0` +tw`space-x-0 space-x-reverse` +tw`space-y-reverse space-y-0` +tw`space-y-0 space-y-reverse` + +tw`space-x-reverse space-x-32` +tw`space-x-32 space-x-reverse` +tw`space-y-reverse space-y-32` +tw`space-y-32 space-y-reverse` + +tw`space-x-reverse space-x-px` +tw`space-x-px space-x-reverse` +tw`space-y-reverse space-y-px` +tw`space-y-px space-y-reverse` + +tw`-space-x-reverse space-x-12` +tw`space-x-12 -space-x-reverse` +tw`-space-y-reverse space-y-12` +tw`space-y-12 -space-y-reverse` diff --git a/__fixtures__/transforms.js b/__fixtures__/transforms.js index 86d1f267..cbfd9cdb 100644 --- a/__fixtures__/transforms.js +++ b/__fixtures__/transforms.js @@ -1,5 +1,21 @@ import tw from './macro' +// https://tailwindcss.com/docs/transform +tw`transform` +// tw`transform-gpu` +// tw`transform-none` + +// https://tailwindcss.com/docs/transform-origin +tw`origin-center` +tw`origin-top` +tw`origin-top-right` +tw`origin-right` +tw`origin-bottom-right` +tw`origin-bottom` +tw`origin-bottom-left` +tw`origin-left` +tw`origin-top-left` + // https://tailwindcss.com/docs/scale tw`scale-0` tw`scale-50` @@ -53,87 +69,173 @@ tw`-rotate-180` // https://tailwindcss.com/docs/translate tw`translate-x-0` +tw`translate-x-0.5` tw`translate-x-1` +tw`translate-x-1.5` tw`translate-x-2` +tw`translate-x-2.5` tw`translate-x-3` +tw`translate-x-3.5` tw`translate-x-4` tw`translate-x-5` tw`translate-x-6` +tw`translate-x-7` tw`translate-x-8` +tw`translate-x-9` tw`translate-x-10` +tw`translate-x-11` tw`translate-x-12` +tw`translate-x-14` tw`translate-x-16` tw`translate-x-20` tw`translate-x-24` +tw`translate-x-28` tw`translate-x-32` +tw`translate-x-36` tw`translate-x-40` +tw`translate-x-44` tw`translate-x-48` +tw`translate-x-52` tw`translate-x-56` +tw`translate-x-60` tw`translate-x-64` +tw`translate-x-72` +tw`translate-x-80` +tw`translate-x-96` tw`translate-x-px` +tw`translate-x-1/2` +tw`translate-x-1/3` +tw`translate-x-2/3` +tw`translate-x-1/4` +tw`translate-x-2/4` +tw`translate-x-3/4` +tw`translate-x-full` +tw`-translate-x-0` +tw`-translate-x-0.5` tw`-translate-x-1` +tw`-translate-x-1.5` tw`-translate-x-2` +tw`-translate-x-2.5` tw`-translate-x-3` +tw`-translate-x-3.5` tw`-translate-x-4` tw`-translate-x-5` tw`-translate-x-6` +tw`-translate-x-7` tw`-translate-x-8` +tw`-translate-x-9` tw`-translate-x-10` +tw`-translate-x-11` tw`-translate-x-12` +tw`-translate-x-14` tw`-translate-x-16` tw`-translate-x-20` tw`-translate-x-24` +tw`-translate-x-28` tw`-translate-x-32` +tw`-translate-x-36` tw`-translate-x-40` +tw`-translate-x-44` tw`-translate-x-48` +tw`-translate-x-52` tw`-translate-x-56` +tw`-translate-x-60` tw`-translate-x-64` +tw`-translate-x-72` +tw`-translate-x-80` +tw`-translate-x-96` tw`-translate-x-px` -tw`-translate-x-full` tw`-translate-x-1/2` -tw`translate-x-1/2` -tw`translate-x-full` +tw`-translate-x-1/3` +tw`-translate-x-2/3` +tw`-translate-x-1/4` +tw`-translate-x-2/4` +tw`-translate-x-3/4` +tw`-translate-x-full` tw`translate-y-0` +tw`translate-y-0.5` tw`translate-y-1` +tw`translate-y-1.5` tw`translate-y-2` +tw`translate-y-2.5` tw`translate-y-3` +tw`translate-y-3.5` tw`translate-y-4` tw`translate-y-5` tw`translate-y-6` +tw`translate-y-7` tw`translate-y-8` +tw`translate-y-9` tw`translate-y-10` +tw`translate-y-11` tw`translate-y-12` +tw`translate-y-14` tw`translate-y-16` tw`translate-y-20` tw`translate-y-24` +tw`translate-y-28` tw`translate-y-32` +tw`translate-y-36` tw`translate-y-40` +tw`translate-y-44` tw`translate-y-48` +tw`translate-y-52` tw`translate-y-56` +tw`translate-y-60` tw`translate-y-64` +tw`translate-y-72` +tw`translate-y-80` +tw`translate-y-96` tw`translate-y-px` +tw`translate-y-1/2` +tw`translate-y-1/3` +tw`translate-y-2/3` +tw`translate-y-1/4` +tw`translate-y-2/4` +tw`translate-y-3/4` +tw`translate-y-full` +tw`-translate-y-0` +tw`-translate-y-0.5` tw`-translate-y-1` +tw`-translate-y-1.5` tw`-translate-y-2` +tw`-translate-y-2.5` tw`-translate-y-3` +tw`-translate-y-3.5` tw`-translate-y-4` tw`-translate-y-5` tw`-translate-y-6` +tw`-translate-y-7` tw`-translate-y-8` +tw`-translate-y-9` tw`-translate-y-10` +tw`-translate-y-11` tw`-translate-y-12` +tw`-translate-y-14` tw`-translate-y-16` tw`-translate-y-20` tw`-translate-y-24` +tw`-translate-y-28` tw`-translate-y-32` +tw`-translate-y-36` tw`-translate-y-40` +tw`-translate-y-44` tw`-translate-y-48` +tw`-translate-y-52` tw`-translate-y-56` +tw`-translate-y-60` tw`-translate-y-64` +tw`-translate-y-72` +tw`-translate-y-80` +tw`-translate-y-96` tw`-translate-y-px` -tw`-translate-y-full` tw`-translate-y-1/2` -tw`translate-y-1/2` -tw`translate-y-full` +tw`-translate-y-1/3` +tw`-translate-y-2/3` +tw`-translate-y-1/4` +tw`-translate-y-2/4` +tw`-translate-y-3/4` +tw`-translate-y-full` // https://tailwindcss.com/docs/skew tw`skew-x-0` @@ -142,32 +244,19 @@ tw`skew-x-2` tw`skew-x-3` tw`skew-x-6` tw`skew-x-12` -tw`-skew-x-1` -tw`-skew-x-2` -tw`-skew-x-3` -tw`-skew-x-6` tw`-skew-x-12` +tw`-skew-x-6` +tw`-skew-x-3` +tw`-skew-x-2` +tw`-skew-x-1` tw`skew-y-0` tw`skew-y-1` tw`skew-y-2` tw`skew-y-3` tw`skew-y-6` tw`skew-y-12` -tw`-skew-y-1` -tw`-skew-y-2` -tw`-skew-y-3` -tw`-skew-y-6` tw`-skew-y-12` - -// https://tailwindcss.com/docs/transform-origin -tw`origin-center` -tw`origin-top` -tw`origin-top-right` -tw`origin-right` -tw`origin-bottom-right` -tw`origin-bottom` -tw`origin-bottom-left` -tw`origin-left` -tw`origin-top-left` - -tw`transform` +tw`-skew-y-6` +tw`-skew-y-3` +tw`-skew-y-2` +tw`-skew-y-1` diff --git a/__fixtures__/typography.js b/__fixtures__/typography.js index 65474d6b..ee364a11 100644 --- a/__fixtures__/typography.js +++ b/__fixtures__/typography.js @@ -16,6 +16,9 @@ tw`text-3xl` tw`text-4xl` tw`text-5xl` tw`text-6xl` +tw`text-7xl` +tw`text-8xl` +tw`text-9xl` // Extended config tw`text-size` @@ -31,8 +34,8 @@ tw`italic` tw`not-italic` // https://tailwindcss.com/docs/font-weight -tw`font-hairline` tw`font-thin` +tw`font-extralight` tw`font-light` tw`font-normal` tw`font-medium` @@ -41,21 +44,27 @@ tw`font-bold` tw`font-extrabold` tw`font-black` +// font-variant-numeric +tw`ordinal` +tw`slashed-zero` +tw`lining-nums` +tw`oldstyle-nums` +tw`proportional-nums` +tw`tabular-nums` +tw`diagonal-fractions` +tw`stacked-fractions` +tw`normal-nums` + // https://tailwindcss.com/docs/letter-spacing tw`tracking-tighter` tw`tracking-tight` +tw`tracking-tight` tw`tracking-normal` tw`tracking-wide` tw`tracking-wider` tw`tracking-widest` // https://tailwindcss.com/docs/line-height -tw`leading-none` -tw`leading-tight` -tw`leading-snug` -tw`leading-normal` -tw`leading-relaxed` -tw`leading-loose` tw`leading-3` tw`leading-4` tw`leading-5` @@ -64,6 +73,12 @@ tw`leading-7` tw`leading-8` tw`leading-9` tw`leading-10` +tw`leading-none` +tw`leading-tight` +tw`leading-snug` +tw`leading-normal` +tw`leading-relaxed` +tw`leading-loose` // https://tailwindcss.com/docs/list-style-type tw`list-none` @@ -79,6 +94,7 @@ tw`placeholder-transparent` tw`placeholder-current` tw`placeholder-black` tw`placeholder-white` +tw`placeholder-gray-50` tw`placeholder-gray-100` tw`placeholder-gray-200` tw`placeholder-gray-300` @@ -88,6 +104,7 @@ tw`placeholder-gray-600` tw`placeholder-gray-700` tw`placeholder-gray-800` tw`placeholder-gray-900` +tw`placeholder-red-50` tw`placeholder-red-100` tw`placeholder-red-200` tw`placeholder-red-300` @@ -97,15 +114,7 @@ tw`placeholder-red-600` tw`placeholder-red-700` tw`placeholder-red-800` tw`placeholder-red-900` -tw`placeholder-orange-100` -tw`placeholder-orange-200` -tw`placeholder-orange-300` -tw`placeholder-orange-400` -tw`placeholder-orange-500` -tw`placeholder-orange-600` -tw`placeholder-orange-700` -tw`placeholder-orange-800` -tw`placeholder-orange-900` +tw`placeholder-yellow-50` tw`placeholder-yellow-100` tw`placeholder-yellow-200` tw`placeholder-yellow-300` @@ -115,6 +124,7 @@ tw`placeholder-yellow-600` tw`placeholder-yellow-700` tw`placeholder-yellow-800` tw`placeholder-yellow-900` +tw`placeholder-green-50` tw`placeholder-green-100` tw`placeholder-green-200` tw`placeholder-green-300` @@ -124,15 +134,7 @@ tw`placeholder-green-600` tw`placeholder-green-700` tw`placeholder-green-800` tw`placeholder-green-900` -tw`placeholder-teal-100` -tw`placeholder-teal-200` -tw`placeholder-teal-300` -tw`placeholder-teal-400` -tw`placeholder-teal-500` -tw`placeholder-teal-600` -tw`placeholder-teal-700` -tw`placeholder-teal-800` -tw`placeholder-teal-900` +tw`placeholder-blue-50` tw`placeholder-blue-100` tw`placeholder-blue-200` tw`placeholder-blue-300` @@ -142,6 +144,7 @@ tw`placeholder-blue-600` tw`placeholder-blue-700` tw`placeholder-blue-800` tw`placeholder-blue-900` +tw`placeholder-indigo-50` tw`placeholder-indigo-100` tw`placeholder-indigo-200` tw`placeholder-indigo-300` @@ -151,6 +154,7 @@ tw`placeholder-indigo-600` tw`placeholder-indigo-700` tw`placeholder-indigo-800` tw`placeholder-indigo-900` +tw`placeholder-purple-50` tw`placeholder-purple-100` tw`placeholder-purple-200` tw`placeholder-purple-300` @@ -160,6 +164,7 @@ tw`placeholder-purple-600` tw`placeholder-purple-700` tw`placeholder-purple-800` tw`placeholder-purple-900` +tw`placeholder-pink-50` tw`placeholder-pink-100` tw`placeholder-pink-200` tw`placeholder-pink-300` @@ -172,9 +177,19 @@ tw`placeholder-pink-900` // https://tailwindcss.com/docs/placeholder-opacity tw`placeholder-opacity-0` +tw`placeholder-opacity-5` +tw`placeholder-opacity-10` +tw`placeholder-opacity-20` tw`placeholder-opacity-25` +tw`placeholder-opacity-30` +tw`placeholder-opacity-40` tw`placeholder-opacity-50` +tw`placeholder-opacity-60` +tw`placeholder-opacity-70` tw`placeholder-opacity-75` +tw`placeholder-opacity-80` +tw`placeholder-opacity-90` +tw`placeholder-opacity-95` tw`placeholder-opacity-100` // https://tailwindcss.com/docs/text-align @@ -188,6 +203,7 @@ tw`text-transparent` tw`text-current` tw`text-black` tw`text-white` +tw`text-gray-50` tw`text-gray-100` tw`text-gray-200` tw`text-gray-300` @@ -197,6 +213,7 @@ tw`text-gray-600` tw`text-gray-700` tw`text-gray-800` tw`text-gray-900` +tw`text-red-50` tw`text-red-100` tw`text-red-200` tw`text-red-300` @@ -206,117 +223,7 @@ tw`text-red-600` tw`text-red-700` tw`text-red-800` tw`text-red-900` -tw`text-orange-100` -tw`text-orange-200` -tw`text-orange-300` -tw`text-orange-400` -tw`text-orange-500` -tw`text-orange-600` -tw`text-orange-700` -tw`text-orange-800` -tw`text-orange-900` -tw`text-yellow-100` -tw`text-yellow-200` -tw`text-yellow-300` -tw`text-yellow-400` -tw`text-yellow-500` -tw`text-yellow-600` -tw`text-yellow-700` -tw`text-yellow-800` -tw`text-yellow-900` -tw`text-green-100` -tw`text-green-200` -tw`text-green-300` -tw`text-green-400` -tw`text-green-500` -tw`text-green-600` -tw`text-green-700` -tw`text-green-800` -tw`text-green-900` -tw`text-teal-100` -tw`text-teal-200` -tw`text-teal-300` -tw`text-teal-400` -tw`text-teal-500` -tw`text-teal-600` -tw`text-teal-700` -tw`text-teal-800` -tw`text-teal-900` -tw`text-blue-100` -tw`text-blue-200` -tw`text-blue-300` -tw`text-blue-400` -tw`text-blue-500` -tw`text-blue-600` -tw`text-blue-700` -tw`text-blue-800` -tw`text-blue-900` -tw`text-indigo-100` -tw`text-indigo-200` -tw`text-indigo-300` -tw`text-indigo-400` -tw`text-indigo-500` -tw`text-indigo-600` -tw`text-indigo-700` -tw`text-indigo-800` -tw`text-indigo-900` -tw`text-purple-100` -tw`text-purple-200` -tw`text-purple-300` -tw`text-purple-400` -tw`text-purple-500` -tw`text-purple-600` -tw`text-purple-700` -tw`text-purple-800` -tw`text-purple-900` -tw`text-pink-100` -tw`text-pink-200` -tw`text-pink-300` -tw`text-pink-400` -tw`text-pink-500` -tw`text-pink-600` -tw`text-pink-700` -tw`text-pink-800` -tw`text-pink-900` - -// https://tailwindcss.com/docs/text-align -tw`text-left` -tw`text-center` -tw`text-right` -tw`text-justify` - -// https://tailwindcss.com/docs/text-color -tw`text-transparent` -tw`text-current` -tw`text-black` -tw`text-white` -tw`text-gray-100` -tw`text-gray-200` -tw`text-gray-300` -tw`text-gray-400` -tw`text-gray-500` -tw`text-gray-600` -tw`text-gray-700` -tw`text-gray-800` -tw`text-gray-900` -tw`text-red-100` -tw`text-red-200` -tw`text-red-300` -tw`text-red-400` -tw`text-red-500` -tw`text-red-600` -tw`text-red-700` -tw`text-red-800` -tw`text-red-900` -tw`text-orange-100` -tw`text-orange-200` -tw`text-orange-300` -tw`text-orange-400` -tw`text-orange-500` -tw`text-orange-600` -tw`text-orange-700` -tw`text-orange-800` -tw`text-orange-900` +tw`text-yellow-50` tw`text-yellow-100` tw`text-yellow-200` tw`text-yellow-300` @@ -326,6 +233,7 @@ tw`text-yellow-600` tw`text-yellow-700` tw`text-yellow-800` tw`text-yellow-900` +tw`text-green-50` tw`text-green-100` tw`text-green-200` tw`text-green-300` @@ -335,15 +243,7 @@ tw`text-green-600` tw`text-green-700` tw`text-green-800` tw`text-green-900` -tw`text-teal-100` -tw`text-teal-200` -tw`text-teal-300` -tw`text-teal-400` -tw`text-teal-500` -tw`text-teal-600` -tw`text-teal-700` -tw`text-teal-800` -tw`text-teal-900` +tw`text-blue-50` tw`text-blue-100` tw`text-blue-200` tw`text-blue-300` @@ -353,6 +253,7 @@ tw`text-blue-600` tw`text-blue-700` tw`text-blue-800` tw`text-blue-900` +tw`text-indigo-50` tw`text-indigo-100` tw`text-indigo-200` tw`text-indigo-300` @@ -362,6 +263,7 @@ tw`text-indigo-600` tw`text-indigo-700` tw`text-indigo-800` tw`text-indigo-900` +tw`text-purple-50` tw`text-purple-100` tw`text-purple-200` tw`text-purple-300` @@ -371,6 +273,7 @@ tw`text-purple-600` tw`text-purple-700` tw`text-purple-800` tw`text-purple-900` +tw`text-pink-50` tw`text-pink-100` tw`text-pink-200` tw`text-pink-300` @@ -383,13 +286,21 @@ tw`text-pink-900` // https://tailwindcss.com/docs/text-opacity tw`text-opacity-0` +tw`text-opacity-5` +tw`text-opacity-10` +tw`text-opacity-20` tw`text-opacity-25` +tw`text-opacity-30` +tw`text-opacity-40` tw`text-opacity-50` +tw`text-opacity-60` +tw`text-opacity-70` tw`text-opacity-75` +tw`text-opacity-80` +tw`text-opacity-90` +tw`text-opacity-95` tw`text-opacity-100` -tw`text-pink-900 text-opacity-50` - // https://tailwindcss.com/docs/text-decoration tw`underline` tw`line-through` @@ -401,6 +312,9 @@ tw`lowercase` tw`capitalize` tw`normal-case` +// https://tailwindcss.com/docs/word-break +tw`truncate` + // https://tailwindcss.com/docs/vertical-align tw`align-baseline` tw`align-top` @@ -420,15 +334,3 @@ tw`whitespace-pre-wrap` tw`break-normal` tw`break-words` tw`break-all` -tw`truncate` - -// font-variant-numeric -tw`ordinal` -tw`slashed-zero` -tw`lining-nums` -tw`oldstyle-nums` -tw`proportional-nums` -tw`tabular-nums` -tw`diagonal-fractions` -tw`stacked-fractions` -tw`normal-nums` diff --git a/__snapshots__/plugin.test.js.snap b/__snapshots__/plugin.test.js.snap index f35e9805..9a149db2 100644 --- a/__snapshots__/plugin.test.js.snap +++ b/__snapshots__/plugin.test.js.snap @@ -129,25 +129,25 @@ tw\`stroke-non-scaling\` ;({ '.group:hover &, .group:focus &': { '--bg-opacity': '1', - backgroundColor: 'rgba(245, 101, 101, var(--bg-opacity))', + backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))', }, }) ;({ '.group:focus &': { '--bg-opacity': '1', - backgroundColor: 'rgba(245, 101, 101, var(--bg-opacity))', + backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))', }, }) ;({ '.group:active &': { '--bg-opacity': '1', - backgroundColor: 'rgba(245, 101, 101, var(--bg-opacity))', + backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))', }, }) ;({ '.group:visited &': { '--bg-opacity': '1', - backgroundColor: 'rgba(245, 101, 101, var(--bg-opacity))', + backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))', }, }) ;({ @@ -221,12 +221,12 @@ const styles = { const Box = _styled.div({ '--text-opacity': '1', - color: 'rgba(245, 101, 101, var(--text-opacity))', + color: 'rgba(239, 68, 68, var(--text-opacity))', }) const BoxExtended = _styled(Box)({ '--bg-opacity': '1', - backgroundColor: 'rgba(66, 153, 225, var(--bg-opacity))', + backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity))', }) // Media queries const MediaProperty = { @@ -238,14 +238,14 @@ const MediaProperty = { const MediaColorProperty = _styled.div({ '@media (min-width: 1024px)': { '--text-opacity': '1', - color: 'rgba(245, 101, 101, var(--text-opacity))', + color: 'rgba(239, 68, 68, var(--text-opacity))', }, }) const ElementMediaColorProperty = _styled(Box)({ '@media (min-width: 1024px)': { '--bg-opacity': '1', - backgroundColor: 'rgba(66, 153, 225, var(--bg-opacity))', + backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity))', }, }) @@ -265,28 +265,28 @@ const Important = { const MediaImportant = _styled.div({ '@media (min-width: 1024px)': { '--text-opacity': '1', - color: 'rgba(245, 101, 101, var(--text-opacity)) !important', + color: 'rgba(239, 68, 68, var(--text-opacity)) !important', }, }) const ElementMediaImportant = _styled(Box)({ '@media (min-width: 1024px)': { '--bg-opacity': '1', - backgroundColor: 'rgba(66, 153, 225, var(--bg-opacity)) !important', + backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity)) !important', }, }) const PlaceholderImportant = _styled.input({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(245, 101, 101, var(--placeholder-opacity)) !important', + color: 'rgba(239, 68, 68, var(--placeholder-opacity)) !important', }, }) const StateImportant = _styled.input({ ':hover': { '--text-opacity': '1', - color: 'rgba(245, 101, 101, var(--text-opacity)) !important', + color: 'rgba(239, 68, 68, var(--text-opacity)) !important', }, }) @@ -294,7 +294,7 @@ const StatePlaceholderImportant = _styled.input({ ':hover': { '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(245, 101, 101, var(--placeholder-opacity)) !important', + color: 'rgba(239, 68, 68, var(--placeholder-opacity)) !important', }, }, }) @@ -304,7 +304,7 @@ const StateStatePlaceholderImportant = _styled.input({ ':hover': { '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(245, 101, 101, var(--placeholder-opacity)) !important', + color: 'rgba(239, 68, 68, var(--placeholder-opacity)) !important', }, }, }, @@ -343,7 +343,7 @@ const JsxPlaceholder = () => ( css={{ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(245, 101, 101, var(--placeholder-opacity))', + color: 'rgba(239, 68, 68, var(--placeholder-opacity))', }, }} /> @@ -354,7 +354,7 @@ const JsxPlaceholderImportant = () => ( css={{ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(72, 187, 120, var(--placeholder-opacity)) !important', + color: 'rgba(16, 185, 129, var(--placeholder-opacity)) !important', }, }} /> @@ -365,7 +365,7 @@ const plainConditional = true && 'red' const plainVariable = \`bg-\${plainConditional}-500\` ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(245, 101, 101, var(--bg-opacity))', + backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))', }) @@ -466,14 +466,14 @@ const twPropertyTest = (
) const twFunctionTest = _styled.div({ '--text-opacity': '1', - color: 'rgba(159, 122, 234, var(--text-opacity))', + color: 'rgba(139, 92, 246, var(--text-opacity))', }) const cssFunctionTest = ( @@ -481,7 +481,7 @@ const cssFunctionTest = ( css={_css\` \${{ '--text-opacity': '1', - color: 'rgba(159, 122, 234, var(--text-opacity))', + color: 'rgba(139, 92, 246, var(--text-opacity))', }} background-color: purple; \`} @@ -491,7 +491,7 @@ const styledFunctionTest = _styled.div\` \${_css\` \${{ '--text-opacity': '1', - color: 'rgba(159, 122, 234, var(--text-opacity))', + color: 'rgba(139, 92, 246, var(--text-opacity))', }} background-color: purple; \`} @@ -499,7 +499,7 @@ const styledFunctionTest = _styled.div\` const themeObjectPurple = ( ) @@ -507,6 +507,7 @@ const themeStringFont = ( ) const colorsRed = Object.values({ - '100': '#fff5f5', - '200': '#fed7d7', - '300': '#feb2b2', - '400': '#fc8181', - '500': '#f56565', - '600': '#e53e3e', - '700': '#c53030', - '800': '#9b2c2c', - '900': '#742a2a', + 50: '#fef2f2', + 100: '#fee2e2', + 200: '#fecaca', + 300: '#fca5a5', + 400: '#f87171', + 500: '#ef4444', + 600: '#dc2626', + 700: '#b91c1c', + 800: '#991b1b', + 900: '#7f1d1d', }) const themeFunctionObjectPurple = ( ) @@ -587,7 +589,7 @@ const twPropertyExpression = (
) @@ -601,7 +603,7 @@ import tw from './macro' // This tests the screens end up in the order they are defined in the config -tw.div\`xl:bg-red-500 lg:bg-blue-500 bg-green-500 fill-current md:bg-pink-500 sm:bg-orange-500 sm:text-yellow-500 hidden\` +tw.div\`xl:bg-red-500 lg:bg-blue-500 bg-green-500 fill-current md:bg-pink-500 sm:bg-green-500 sm:text-yellow-500 hidden\` ↓ ↓ ↓ ↓ ↓ ↓ @@ -610,26 +612,26 @@ import _styled from '@emotion/styled' // This tests the screens end up in the order they are defined in the config _styled.div({ '--bg-opacity': '1', - backgroundColor: 'rgba(72, 187, 120, var(--bg-opacity))', + backgroundColor: 'rgba(16, 185, 129, var(--bg-opacity))', fill: 'currentColor', display: 'none', '@media (min-width: 640px)': { '--bg-opacity': '1', - backgroundColor: 'rgba(237, 137, 54, var(--bg-opacity))', + backgroundColor: 'rgba(16, 185, 129, var(--bg-opacity))', '--text-opacity': '1', - color: 'rgba(236, 201, 75, var(--text-opacity))', + color: 'rgba(245, 158, 11, var(--text-opacity))', }, '@media (min-width: 768px)': { '--bg-opacity': '1', - backgroundColor: 'rgba(237, 100, 166, var(--bg-opacity))', + backgroundColor: 'rgba(236, 72, 153, var(--bg-opacity))', }, '@media (min-width: 1024px)': { '--bg-opacity': '1', - backgroundColor: 'rgba(66, 153, 225, var(--bg-opacity))', + backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity))', }, '@media (min-width: 1280px)': { '--bg-opacity': '1', - backgroundColor: 'rgba(245, 101, 101, var(--bg-opacity))', + backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))', }, }) @@ -678,7 +680,7 @@ const addUtilitiesTest = { fontWeight: '500', lineHeight: '1.25', '--text-opacity': '1', - color: 'rgba(245, 101, 101, var(--text-opacity))', + color: 'rgba(239, 68, 68, var(--text-opacity))', '@media (min-width: 768px)': { fontSize: '0.875rem !important', fontWeight: '500 !important', @@ -783,11 +785,11 @@ const addComponentsTestVariants = { const addComponentsTestMediaQueriesVariants = { marginLeft: '2.5rem', marginRight: 'auto', - width: '10%', + width: '100%', ':focus': { marginLeft: '10rem', marginRight: '11rem', - width: '10%', + width: '100%', }, '@media (min-width: 1440px)': { display: 'block', @@ -801,7 +803,7 @@ const addComponentsTestMediaQueriesVariants = { ':focus': { marginLeft: 'auto', marginRight: 'auto', - width: '10%', + width: '100%', }, }, '@media only screen and (max-width: 540px)': { @@ -818,24 +820,24 @@ const addComponentsTestElementSelectors = { }, h1: { fontWeight: '700', - lineHeight: '1.25', fontSize: '3rem', }, + 'h1 lineHeight': { + lineHeight: '1', + }, a: { fontWeight: '700', - color: '#63b3ed', + color: '#60a5fa', }, 'a:hover': { - color: '#3182ce', + color: '#2563eb', textDecoration: 'underline', }, 'a:focus': { - color: '#3182ce', + color: '#2563eb', textDecoration: 'underline', }, - 'a:active': { - color: '#dd6b20', - }, + 'a:active': {}, b: { fontWeight: '700', }, @@ -850,7 +852,10 @@ const addComponentsTestElementSelectors = { }, '@media (min-width: 640px)': { h1: { - fontSize: '4rem', + fontSize: '3.75rem', + }, + 'h1 lineHeight': { + lineHeight: '1', }, }, } @@ -895,23 +900,24 @@ const addComponentsTestElementScreenReplacements = { }, } const addComponentsResponsiveScoping = { - color: '#4a5568', + color: '#374151', maxWidth: '65ch', fontSize: '1rem', lineHeight: '1.75', '[class~="lead"]': { - color: '#4a5568', + color: '#4b5563', fontSize: '1.25em', lineHeight: '1.6', marginTop: '1.2em', marginBottom: '1.2em', }, a: { - color: '#1a202c', + color: '#111827', textDecoration: 'underline', + fontWeight: '500', }, strong: { - color: '#1a202c', + color: '#111827', fontWeight: '600', }, ol: { @@ -928,7 +934,8 @@ const addComponentsResponsiveScoping = { content: 'counter(list-counter) "."', position: 'absolute', fontWeight: '400', - color: '#718096', + color: '#6b7280', + left: '0', }, 'ul > li': { position: 'relative', @@ -937,7 +944,7 @@ const addComponentsResponsiveScoping = { 'ul > li::before': { content: '""', position: 'absolute', - backgroundColor: '#cbd5e0', + backgroundColor: '#d1d5db', borderRadius: '50%', width: '0.375em', height: '0.375em', @@ -945,7 +952,7 @@ const addComponentsResponsiveScoping = { left: '0.25em', }, hr: { - borderColor: '#e2e8f0', + borderColor: '#e5e7eb', borderTopWidth: '1px', marginTop: '3em', marginBottom: '3em', @@ -953,9 +960,9 @@ const addComponentsResponsiveScoping = { blockquote: { fontWeight: '500', fontStyle: 'italic', - color: '#1a202c', + color: '#111827', borderLeftWidth: '0.25rem', - borderLeftColor: '#e2e8f0', + borderLeftColor: '#e5e7eb', quotes: '"\\\\201C""\\\\201D""\\\\2018""\\\\2019"', marginTop: '1.6em', marginBottom: '1.6em', @@ -968,7 +975,7 @@ const addComponentsResponsiveScoping = { content: 'close-quote', }, h1: { - color: '#1a202c', + color: '#111827', fontWeight: '800', fontSize: '2.25em', marginTop: '0', @@ -976,7 +983,7 @@ const addComponentsResponsiveScoping = { lineHeight: '1.1111111', }, h2: { - color: '#1a202c', + color: '#111827', fontWeight: '700', fontSize: '1.5em', marginTop: '2em', @@ -984,7 +991,7 @@ const addComponentsResponsiveScoping = { lineHeight: '1.3333333', }, h3: { - color: '#1a202c', + color: '#111827', fontWeight: '600', fontSize: '1.25em', marginTop: '1.6em', @@ -992,20 +999,20 @@ const addComponentsResponsiveScoping = { lineHeight: '1.6', }, h4: { - color: '#1a202c', + color: '#111827', fontWeight: '600', marginTop: '1.5em', marginBottom: '0.5em', lineHeight: '1.5', }, 'figure figcaption': { - color: '#718096', + color: '#6b7280', fontSize: '0.875em', lineHeight: '1.4285714', marginTop: '0.8571429em', }, code: { - color: '#1a202c', + color: '#111827', fontWeight: '600', fontSize: '0.875em', }, @@ -1015,9 +1022,12 @@ const addComponentsResponsiveScoping = { 'code::after': { content: '"\`"', }, + 'a code': { + color: '#111827', + }, pre: { - color: '#e2e8f0', - backgroundColor: '#2d3748', + color: '#e5e7eb', + backgroundColor: '#1f2937', overflowX: 'auto', fontSize: '0.875em', lineHeight: '1.7142857', @@ -1056,10 +1066,10 @@ const addComponentsResponsiveScoping = { lineHeight: '1.7142857', }, thead: { - color: '#1a202c', + color: '#111827', fontWeight: '600', borderBottomWidth: '1px', - borderBottomColor: '#cbd5e0', + borderBottomColor: '#d1d5db', }, 'thead th': { verticalAlign: 'bottom', @@ -1069,7 +1079,7 @@ const addComponentsResponsiveScoping = { }, 'tbody tr': { borderBottomWidth: '1px', - borderBottomColor: '#e2e8f0', + borderBottomColor: '#e5e7eb', }, 'tbody tr:last-child': { borderBottomWidth: '0', @@ -1115,9 +1125,6 @@ const addComponentsResponsiveScoping = { marginTop: '0.5em', marginBottom: '0.5em', }, - 'ol > li:before': { - left: '0', - }, '> ul > li p': { marginTop: '0.75em', marginBottom: '0.75em', @@ -1277,7 +1284,7 @@ const addComponentsResponsiveScoping = { 'ol > li': { paddingLeft: '1.5714286em', }, - 'ol > li:before': { + 'ol > li::before': { left: '0', }, 'ul > li': { @@ -1468,7 +1475,7 @@ const addComponentsResponsiveScoping = { 'ol > li': { paddingLeft: '1.6666667em', }, - 'ol > li:before': { + 'ol > li::before': { left: '0', }, 'ul > li': { @@ -1659,7 +1666,7 @@ const addComponentsResponsiveScoping = { 'ol > li': { paddingLeft: '1.8em', }, - 'ol > li:before': { + 'ol > li::before': { left: '0', }, 'ul > li': { @@ -2240,19 +2247,19 @@ const multiVariants = tw\`xl:placeholder-red-500! first:md:block sm:disabled:fle }) // Dark/Light themes ;({ - '.dark &': { + '@media (prefers-color-scheme: dark)': { '--bg-opacity': '1', backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', }, }) ;({ - '.light &': { + '@media (prefers-color-scheme: light)': { '--bg-opacity': '1', backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', }, }) ;({ - '.dark &': { + '@media (prefers-color-scheme: dark)': { '@media (min-width: 640px)': { '--bg-opacity': '1', backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', @@ -2260,7 +2267,7 @@ const multiVariants = tw\`xl:placeholder-red-500! first:md:block sm:disabled:fle }, }) ;({ - '.light &': { + '@media (prefers-color-scheme: light)': { '@media (min-width: 640px)': { '--bg-opacity': '1', backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', @@ -2268,18 +2275,22 @@ const multiVariants = tw\`xl:placeholder-red-500! first:md:block sm:disabled:fle }, }) ;({ - '.dark .group:hover &, .dark.group:hover &': { - '@media (min-width: 640px)': { - '--bg-opacity': '1', - backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', + '@media (prefers-color-scheme: dark)': { + '.group:hover &': { + '@media (min-width: 640px)': { + '--bg-opacity': '1', + backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', + }, }, }, }) ;({ - '.light .group:hover &, .light .group:focus &, .light.group:hover &, .light.group:focus &': { - '@media (min-width: 640px)': { - '--bg-opacity': '1', - backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', + '@media (prefers-color-scheme: light)': { + '.group:hover &, .group:focus &': { + '@media (min-width: 640px)': { + '--bg-opacity': '1', + backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', + }, }, }, }) @@ -2297,7 +2308,7 @@ const multiVariants = { '@media (min-width: 1280px)': { '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(245, 101, 101, var(--placeholder-opacity)) !important', + color: 'rgba(239, 68, 68, var(--placeholder-opacity)) !important', }, }, } @@ -2339,39 +2350,6 @@ tw\`not-sr-only\` }) -`; - -exports[`twin.macro animation.js: animation.js 1`] = ` - -import tw from './macro' - -// https://tailwindcss.com/docs/animation -tw\`animate-none\` -tw\`animate-spin\` -tw\`animate-ping\` -tw\`animate-pulse\` -tw\`animate-bounce\` - - ↓ ↓ ↓ ↓ ↓ ↓ - -// https://tailwindcss.com/docs/animation -;({ - animation: 'none', -}) -;({ - animation: 'spin 1s linear infinite', -}) -;({ - animation: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite', -}) -;({ - animation: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite', -}) -;({ - animation: 'bounce 1s infinite', -}) - - `; exports[`twin.macro backgrounds.js: backgrounds.js 1`] = ` @@ -2394,6 +2372,7 @@ tw\`bg-transparent\` tw\`bg-current\` tw\`bg-black\` tw\`bg-white\` +tw\`bg-gray-50\` tw\`bg-gray-100\` tw\`bg-gray-200\` tw\`bg-gray-300\` @@ -2403,6 +2382,7 @@ tw\`bg-gray-600\` tw\`bg-gray-700\` tw\`bg-gray-800\` tw\`bg-gray-900\` +tw\`bg-red-50\` tw\`bg-red-100\` tw\`bg-red-200\` tw\`bg-red-300\` @@ -2412,15 +2392,7 @@ tw\`bg-red-600\` tw\`bg-red-700\` tw\`bg-red-800\` tw\`bg-red-900\` -tw\`bg-orange-100\` -tw\`bg-orange-200\` -tw\`bg-orange-300\` -tw\`bg-orange-400\` -tw\`bg-orange-500\` -tw\`bg-orange-600\` -tw\`bg-orange-700\` -tw\`bg-orange-800\` -tw\`bg-orange-900\` +tw\`bg-yellow-50\` tw\`bg-yellow-100\` tw\`bg-yellow-200\` tw\`bg-yellow-300\` @@ -2430,6 +2402,7 @@ tw\`bg-yellow-600\` tw\`bg-yellow-700\` tw\`bg-yellow-800\` tw\`bg-yellow-900\` +tw\`bg-green-50\` tw\`bg-green-100\` tw\`bg-green-200\` tw\`bg-green-300\` @@ -2439,15 +2412,7 @@ tw\`bg-green-600\` tw\`bg-green-700\` tw\`bg-green-800\` tw\`bg-green-900\` -tw\`bg-teal-100\` -tw\`bg-teal-200\` -tw\`bg-teal-300\` -tw\`bg-teal-400\` -tw\`bg-teal-500\` -tw\`bg-teal-600\` -tw\`bg-teal-700\` -tw\`bg-teal-800\` -tw\`bg-teal-900\` +tw\`bg-blue-50\` tw\`bg-blue-100\` tw\`bg-blue-200\` tw\`bg-blue-300\` @@ -2457,6 +2422,7 @@ tw\`bg-blue-600\` tw\`bg-blue-700\` tw\`bg-blue-800\` tw\`bg-blue-900\` +tw\`bg-indigo-50\` tw\`bg-indigo-100\` tw\`bg-indigo-200\` tw\`bg-indigo-300\` @@ -2466,6 +2432,7 @@ tw\`bg-indigo-600\` tw\`bg-indigo-700\` tw\`bg-indigo-800\` tw\`bg-indigo-900\` +tw\`bg-purple-50\` tw\`bg-purple-100\` tw\`bg-purple-200\` tw\`bg-purple-300\` @@ -2475,6 +2442,7 @@ tw\`bg-purple-600\` tw\`bg-purple-700\` tw\`bg-purple-800\` tw\`bg-purple-900\` +tw\`bg-pink-50\` tw\`bg-pink-100\` tw\`bg-pink-200\` tw\`bg-pink-300\` @@ -2487,13 +2455,21 @@ tw\`bg-pink-900\` // https://tailwindcss.com/docs/background-opacity tw\`bg-opacity-0\` +tw\`bg-opacity-5\` +tw\`bg-opacity-10\` +tw\`bg-opacity-20\` tw\`bg-opacity-25\` +tw\`bg-opacity-30\` +tw\`bg-opacity-40\` tw\`bg-opacity-50\` +tw\`bg-opacity-60\` +tw\`bg-opacity-70\` tw\`bg-opacity-75\` +tw\`bg-opacity-80\` +tw\`bg-opacity-90\` +tw\`bg-opacity-95\` tw\`bg-opacity-100\` -tw\`bg-pink-900 bg-opacity-50\` - // https://tailwindcss.com/docs/background-position tw\`bg-bottom\` tw\`bg-center\` @@ -2518,4242 +2494,4258 @@ tw\`bg-auto\` tw\`bg-cover\` tw\`bg-contain\` - ↓ ↓ ↓ ↓ ↓ ↓ +// https://tailwindcss.com/docs/gradient-color-stops +tw\`bg-none\` +tw\`bg-gradient-to-t\` +tw\`bg-gradient-to-tr\` +tw\`bg-gradient-to-r\` +tw\`bg-gradient-to-br\` +tw\`bg-gradient-to-b\` +tw\`bg-gradient-to-bl\` +tw\`bg-gradient-to-l\` +tw\`bg-gradient-to-tl\` -// https://tailwindcss.com/docs/background-attachment -;({ - backgroundAttachment: 'fixed', -}) -;({ - backgroundAttachment: 'local', -}) -;({ - backgroundAttachment: 'scroll', -}) // https://tailwindcss.com/docs/background-clip +tw\`sm:focus:bg-gradient-to-tl\` +tw\`md:hover:bg-gradient-to-tl\` -;({ - '-webkitBackgroundClip': 'border-box', - backgroundClip: 'border-box', -}) -;({ - '-webkitBackgroundClip': 'padding-box', - backgroundClip: 'padding-box', -}) -;({ - '-webkitBackgroundClip': 'content-box', - backgroundClip: 'content-box', -}) -;({ - '-webkitBackgroundClip': 'text', - backgroundClip: 'text', -}) // https://tailwindcss.com/docs/background-color +tw\`from-transparent\` +tw\`from-current\` +tw\`from-black\` +tw\`from-white\` +tw\`from-gray-50\` +tw\`from-gray-100\` +tw\`from-gray-200\` +tw\`from-gray-300\` +tw\`from-gray-400\` +tw\`from-gray-500\` +tw\`from-gray-600\` +tw\`from-gray-700\` +tw\`from-gray-800\` +tw\`from-gray-900\` +tw\`from-red-50\` +tw\`from-red-100\` +tw\`from-red-200\` +tw\`from-red-300\` +tw\`from-red-400\` +tw\`from-red-500\` +tw\`from-red-600\` +tw\`from-red-700\` +tw\`from-red-800\` +tw\`from-red-900\` +tw\`from-yellow-50\` +tw\`from-yellow-100\` +tw\`from-yellow-200\` +tw\`from-yellow-300\` +tw\`from-yellow-400\` +tw\`from-yellow-500\` +tw\`from-yellow-600\` +tw\`from-yellow-700\` +tw\`from-yellow-800\` +tw\`from-yellow-900\` +tw\`from-green-50\` +tw\`from-green-100\` +tw\`from-green-200\` +tw\`from-green-300\` +tw\`from-green-400\` +tw\`from-green-500\` +tw\`from-green-600\` +tw\`from-green-700\` +tw\`from-green-800\` +tw\`from-green-900\` +tw\`from-blue-50\` +tw\`from-blue-100\` +tw\`from-blue-200\` +tw\`from-blue-300\` +tw\`from-blue-400\` +tw\`from-blue-500\` +tw\`from-blue-600\` +tw\`from-blue-700\` +tw\`from-blue-800\` +tw\`from-blue-900\` +tw\`from-indigo-50\` +tw\`from-indigo-100\` +tw\`from-indigo-200\` +tw\`from-indigo-300\` +tw\`from-indigo-400\` +tw\`from-indigo-500\` +tw\`from-indigo-600\` +tw\`from-indigo-700\` +tw\`from-indigo-800\` +tw\`from-indigo-900\` +tw\`from-purple-50\` +tw\`from-purple-100\` +tw\`from-purple-200\` +tw\`from-purple-300\` +tw\`from-purple-400\` +tw\`from-purple-500\` +tw\`from-purple-600\` +tw\`from-purple-700\` +tw\`from-purple-800\` +tw\`from-purple-900\` +tw\`from-pink-50\` +tw\`from-pink-100\` +tw\`from-pink-200\` +tw\`from-pink-300\` +tw\`from-pink-400\` +tw\`from-pink-500\` +tw\`from-pink-600\` +tw\`from-pink-700\` +tw\`from-pink-800\` +tw\`from-pink-900\` -;({ - backgroundColor: 'transparent', -}) -;({ - backgroundColor: 'currentColor', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(255, 255, 255, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(247, 250, 252, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(237, 242, 247, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(226, 232, 240, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(203, 213, 224, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(160, 174, 192, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(113, 128, 150, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(74, 85, 104, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(45, 55, 72, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(26, 32, 44, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(255, 245, 245, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(254, 215, 215, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(254, 178, 178, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(252, 129, 129, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(245, 101, 101, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(229, 62, 62, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(197, 48, 48, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(155, 44, 44, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(116, 42, 42, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(255, 250, 240, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(254, 235, 200, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(251, 211, 141, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(246, 173, 85, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(237, 137, 54, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(221, 107, 32, var(--bg-opacity))', -}) -;({ - '--bg-opacity': '1', - backgroundColor: 'rgba(192, 86, 33, var(--bg-opacity))', +tw\`sm:focus:from-pink-800\` +tw\`md:hover:from-pink-900\` + +tw\`via-transparent\` +tw\`via-current\` +tw\`via-black\` +tw\`via-white\` +tw\`via-gray-50\` +tw\`via-gray-100\` +tw\`via-gray-200\` +tw\`via-gray-300\` +tw\`via-gray-400\` +tw\`via-gray-500\` +tw\`via-gray-600\` +tw\`via-gray-700\` +tw\`via-gray-800\` +tw\`via-gray-900\` +tw\`via-red-50\` +tw\`via-red-100\` +tw\`via-red-200\` +tw\`via-red-300\` +tw\`via-red-400\` +tw\`via-red-500\` +tw\`via-red-600\` +tw\`via-red-700\` +tw\`via-red-800\` +tw\`via-red-900\` +tw\`via-yellow-50\` +tw\`via-yellow-100\` +tw\`via-yellow-200\` +tw\`via-yellow-300\` +tw\`via-yellow-400\` +tw\`via-yellow-500\` +tw\`via-yellow-600\` +tw\`via-yellow-700\` +tw\`via-yellow-800\` +tw\`via-yellow-900\` +tw\`via-green-50\` +tw\`via-green-100\` +tw\`via-green-200\` +tw\`via-green-300\` +tw\`via-green-400\` +tw\`via-green-500\` +tw\`via-green-600\` +tw\`via-green-700\` +tw\`via-green-800\` +tw\`via-green-900\` +tw\`via-blue-50\` +tw\`via-blue-100\` +tw\`via-blue-200\` +tw\`via-blue-300\` +tw\`via-blue-400\` +tw\`via-blue-500\` +tw\`via-blue-600\` +tw\`via-blue-700\` +tw\`via-blue-800\` +tw\`via-blue-900\` +tw\`via-indigo-50\` +tw\`via-indigo-100\` +tw\`via-indigo-200\` +tw\`via-indigo-300\` +tw\`via-indigo-400\` +tw\`via-indigo-500\` +tw\`via-indigo-600\` +tw\`via-indigo-700\` +tw\`via-indigo-800\` +tw\`via-indigo-900\` +tw\`via-purple-50\` +tw\`via-purple-100\` +tw\`via-purple-200\` +tw\`via-purple-300\` +tw\`via-purple-400\` +tw\`via-purple-500\` +tw\`via-purple-600\` +tw\`via-purple-700\` +tw\`via-purple-800\` +tw\`via-purple-900\` +tw\`via-pink-50\` +tw\`via-pink-100\` +tw\`via-pink-200\` +tw\`via-pink-300\` +tw\`via-pink-400\` +tw\`via-pink-500\` +tw\`via-pink-600\` +tw\`via-pink-700\` +tw\`via-pink-800\` +tw\`via-pink-900\` + +tw\`sm:focus:via-pink-800\` +tw\`md:hover:via-pink-900\` + +tw\`to-transparent\` +tw\`to-current\` +tw\`to-black\` +tw\`to-white\` +tw\`to-gray-50\` +tw\`to-gray-100\` +tw\`to-gray-200\` +tw\`to-gray-300\` +tw\`to-gray-400\` +tw\`to-gray-500\` +tw\`to-gray-600\` +tw\`to-gray-700\` +tw\`to-gray-800\` +tw\`to-gray-900\` +tw\`to-red-50\` +tw\`to-red-100\` +tw\`to-red-200\` +tw\`to-red-300\` +tw\`to-red-400\` +tw\`to-red-500\` +tw\`to-red-600\` +tw\`to-red-700\` +tw\`to-red-800\` +tw\`to-red-900\` +tw\`to-yellow-50\` +tw\`to-yellow-100\` +tw\`to-yellow-200\` +tw\`to-yellow-300\` +tw\`to-yellow-400\` +tw\`to-yellow-500\` +tw\`to-yellow-600\` +tw\`to-yellow-700\` +tw\`to-yellow-800\` +tw\`to-yellow-900\` +tw\`to-green-50\` +tw\`to-green-100\` +tw\`to-green-200\` +tw\`to-green-300\` +tw\`to-green-400\` +tw\`to-green-500\` +tw\`to-green-600\` +tw\`to-green-700\` +tw\`to-green-800\` +tw\`to-green-900\` +tw\`to-blue-50\` +tw\`to-blue-100\` +tw\`to-blue-200\` +tw\`to-blue-300\` +tw\`to-blue-400\` +tw\`to-blue-500\` +tw\`to-blue-600\` +tw\`to-blue-700\` +tw\`to-blue-800\` +tw\`to-blue-900\` +tw\`to-indigo-50\` +tw\`to-indigo-100\` +tw\`to-indigo-200\` +tw\`to-indigo-300\` +tw\`to-indigo-400\` +tw\`to-indigo-500\` +tw\`to-indigo-600\` +tw\`to-indigo-700\` +tw\`to-indigo-800\` +tw\`to-indigo-900\` +tw\`to-purple-50\` +tw\`to-purple-100\` +tw\`to-purple-200\` +tw\`to-purple-300\` +tw\`to-purple-400\` +tw\`to-purple-500\` +tw\`to-purple-600\` +tw\`to-purple-700\` +tw\`to-purple-800\` +tw\`to-purple-900\` +tw\`to-pink-50\` +tw\`to-pink-100\` +tw\`to-pink-200\` +tw\`to-pink-300\` +tw\`to-pink-400\` +tw\`to-pink-500\` +tw\`to-pink-600\` +tw\`to-pink-700\` +tw\`to-pink-800\` +tw\`to-pink-900\` + +tw\`sm:focus:to-pink-800\` +tw\`md:hover:to-pink-900\` + +tw\`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50\` + + ↓ ↓ ↓ ↓ ↓ ↓ + +// https://tailwindcss.com/docs/background-attachment +;({ + backgroundAttachment: 'fixed', +}) +;({ + backgroundAttachment: 'local', +}) +;({ + backgroundAttachment: 'scroll', +}) // https://tailwindcss.com/docs/background-clip + +;({ + '-webkitBackgroundClip': 'border-box', + backgroundClip: 'border-box', +}) +;({ + '-webkitBackgroundClip': 'padding-box', + backgroundClip: 'padding-box', +}) +;({ + '-webkitBackgroundClip': 'content-box', + backgroundClip: 'content-box', +}) +;({ + '-webkitBackgroundClip': 'text', + backgroundClip: 'text', +}) // https://tailwindcss.com/docs/background-color + +;({ + backgroundColor: 'transparent', +}) +;({ + backgroundColor: 'currentColor', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(156, 66, 33, var(--bg-opacity))', + backgroundColor: 'rgba(0, 0, 0, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(123, 52, 30, var(--bg-opacity))', + backgroundColor: 'rgba(255, 255, 255, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(255, 255, 240, var(--bg-opacity))', + backgroundColor: 'rgba(249, 250, 251, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(254, 252, 191, var(--bg-opacity))', + backgroundColor: 'rgba(243, 244, 246, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(250, 240, 137, var(--bg-opacity))', + backgroundColor: 'rgba(229, 231, 235, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(246, 224, 94, var(--bg-opacity))', + backgroundColor: 'rgba(209, 213, 219, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(236, 201, 75, var(--bg-opacity))', + backgroundColor: 'rgba(156, 163, 175, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(214, 158, 46, var(--bg-opacity))', + backgroundColor: 'rgba(107, 114, 128, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(183, 121, 31, var(--bg-opacity))', + backgroundColor: 'rgba(75, 85, 99, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(151, 90, 22, var(--bg-opacity))', + backgroundColor: 'rgba(55, 65, 81, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(116, 66, 16, var(--bg-opacity))', + backgroundColor: 'rgba(31, 41, 55, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(240, 255, 244, var(--bg-opacity))', + backgroundColor: 'rgba(17, 24, 39, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(198, 246, 213, var(--bg-opacity))', + backgroundColor: 'rgba(254, 242, 242, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(154, 230, 180, var(--bg-opacity))', + backgroundColor: 'rgba(254, 226, 226, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(104, 211, 145, var(--bg-opacity))', + backgroundColor: 'rgba(254, 202, 202, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(72, 187, 120, var(--bg-opacity))', + backgroundColor: 'rgba(252, 165, 165, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(56, 161, 105, var(--bg-opacity))', + backgroundColor: 'rgba(248, 113, 113, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(47, 133, 90, var(--bg-opacity))', + backgroundColor: 'rgba(239, 68, 68, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(39, 103, 73, var(--bg-opacity))', + backgroundColor: 'rgba(220, 38, 38, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(34, 84, 61, var(--bg-opacity))', + backgroundColor: 'rgba(185, 28, 28, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(230, 255, 250, var(--bg-opacity))', + backgroundColor: 'rgba(153, 27, 27, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(178, 245, 234, var(--bg-opacity))', + backgroundColor: 'rgba(127, 29, 29, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(129, 230, 217, var(--bg-opacity))', + backgroundColor: 'rgba(255, 251, 235, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(79, 209, 197, var(--bg-opacity))', + backgroundColor: 'rgba(254, 243, 199, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(56, 178, 172, var(--bg-opacity))', + backgroundColor: 'rgba(253, 230, 138, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(49, 151, 149, var(--bg-opacity))', + backgroundColor: 'rgba(252, 211, 77, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(44, 122, 123, var(--bg-opacity))', + backgroundColor: 'rgba(251, 191, 36, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(40, 94, 97, var(--bg-opacity))', + backgroundColor: 'rgba(245, 158, 11, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(35, 78, 82, var(--bg-opacity))', + backgroundColor: 'rgba(217, 119, 6, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(235, 248, 255, var(--bg-opacity))', + backgroundColor: 'rgba(180, 83, 9, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(190, 227, 248, var(--bg-opacity))', + backgroundColor: 'rgba(146, 64, 14, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(144, 205, 244, var(--bg-opacity))', + backgroundColor: 'rgba(120, 53, 15, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(99, 179, 237, var(--bg-opacity))', + backgroundColor: 'rgba(236, 253, 245, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(66, 153, 225, var(--bg-opacity))', + backgroundColor: 'rgba(209, 250, 229, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(49, 130, 206, var(--bg-opacity))', + backgroundColor: 'rgba(167, 243, 208, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(43, 108, 176, var(--bg-opacity))', + backgroundColor: 'rgba(110, 231, 183, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(44, 82, 130, var(--bg-opacity))', + backgroundColor: 'rgba(52, 211, 153, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(42, 67, 101, var(--bg-opacity))', + backgroundColor: 'rgba(16, 185, 129, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(235, 244, 255, var(--bg-opacity))', + backgroundColor: 'rgba(5, 150, 105, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(195, 218, 254, var(--bg-opacity))', + backgroundColor: 'rgba(4, 120, 87, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(163, 191, 250, var(--bg-opacity))', + backgroundColor: 'rgba(6, 95, 70, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(127, 156, 245, var(--bg-opacity))', + backgroundColor: 'rgba(6, 78, 59, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(102, 126, 234, var(--bg-opacity))', + backgroundColor: 'rgba(239, 246, 255, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(90, 103, 216, var(--bg-opacity))', + backgroundColor: 'rgba(219, 234, 254, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(76, 81, 191, var(--bg-opacity))', + backgroundColor: 'rgba(191, 219, 254, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(67, 65, 144, var(--bg-opacity))', + backgroundColor: 'rgba(147, 197, 253, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(60, 54, 107, var(--bg-opacity))', + backgroundColor: 'rgba(96, 165, 250, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(250, 245, 255, var(--bg-opacity))', + backgroundColor: 'rgba(59, 130, 246, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(233, 216, 253, var(--bg-opacity))', + backgroundColor: 'rgba(37, 99, 235, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(214, 188, 250, var(--bg-opacity))', + backgroundColor: 'rgba(29, 78, 216, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(183, 148, 244, var(--bg-opacity))', + backgroundColor: 'rgba(30, 64, 175, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(159, 122, 234, var(--bg-opacity))', + backgroundColor: 'rgba(30, 58, 138, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(128, 90, 213, var(--bg-opacity))', + backgroundColor: 'rgba(238, 242, 255, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(107, 70, 193, var(--bg-opacity))', + backgroundColor: 'rgba(224, 231, 255, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(85, 60, 154, var(--bg-opacity))', + backgroundColor: 'rgba(199, 210, 254, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(68, 51, 122, var(--bg-opacity))', + backgroundColor: 'rgba(165, 180, 252, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(255, 245, 247, var(--bg-opacity))', + backgroundColor: 'rgba(129, 140, 248, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(254, 215, 226, var(--bg-opacity))', + backgroundColor: 'rgba(99, 102, 241, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(251, 182, 206, var(--bg-opacity))', + backgroundColor: 'rgba(79, 70, 229, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(246, 135, 179, var(--bg-opacity))', + backgroundColor: 'rgba(67, 56, 202, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(237, 100, 166, var(--bg-opacity))', + backgroundColor: 'rgba(55, 48, 163, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(213, 63, 140, var(--bg-opacity))', + backgroundColor: 'rgba(49, 46, 129, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(184, 50, 128, var(--bg-opacity))', + backgroundColor: 'rgba(245, 243, 255, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(151, 38, 109, var(--bg-opacity))', + backgroundColor: 'rgba(237, 233, 254, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', - backgroundColor: 'rgba(112, 36, 89, var(--bg-opacity))', -}) // https://tailwindcss.com/docs/background-opacity - + backgroundColor: 'rgba(221, 214, 254, var(--bg-opacity))', +}) ;({ - '--bg-opacity': '0', + '--bg-opacity': '1', + backgroundColor: 'rgba(196, 181, 253, var(--bg-opacity))', }) ;({ - '--bg-opacity': '0.25', + '--bg-opacity': '1', + backgroundColor: 'rgba(167, 139, 250, var(--bg-opacity))', }) ;({ - '--bg-opacity': '0.5', + '--bg-opacity': '1', + backgroundColor: 'rgba(139, 92, 246, var(--bg-opacity))', }) ;({ - '--bg-opacity': '0.75', + '--bg-opacity': '1', + backgroundColor: 'rgba(124, 58, 237, var(--bg-opacity))', }) ;({ '--bg-opacity': '1', + backgroundColor: 'rgba(109, 40, 217, var(--bg-opacity))', }) ;({ - '--bg-opacity': '0.5', - backgroundColor: 'rgba(112, 36, 89, var(--bg-opacity))', -}) // https://tailwindcss.com/docs/background-position - + '--bg-opacity': '1', + backgroundColor: 'rgba(91, 33, 182, var(--bg-opacity))', +}) ;({ - backgroundPosition: 'bottom', + '--bg-opacity': '1', + backgroundColor: 'rgba(76, 29, 149, var(--bg-opacity))', }) ;({ - backgroundPosition: 'center', + '--bg-opacity': '1', + backgroundColor: 'rgba(253, 242, 248, var(--bg-opacity))', }) ;({ - backgroundPosition: 'left', + '--bg-opacity': '1', + backgroundColor: 'rgba(252, 231, 243, var(--bg-opacity))', }) ;({ - backgroundPosition: 'left bottom', + '--bg-opacity': '1', + backgroundColor: 'rgba(251, 207, 232, var(--bg-opacity))', }) ;({ - backgroundPosition: 'left top', + '--bg-opacity': '1', + backgroundColor: 'rgba(249, 168, 212, var(--bg-opacity))', }) ;({ - backgroundPosition: 'right', + '--bg-opacity': '1', + backgroundColor: 'rgba(244, 114, 182, var(--bg-opacity))', }) ;({ - backgroundPosition: 'right bottom', + '--bg-opacity': '1', + backgroundColor: 'rgba(236, 72, 153, var(--bg-opacity))', }) ;({ - backgroundPosition: 'right top', + '--bg-opacity': '1', + backgroundColor: 'rgba(219, 39, 119, var(--bg-opacity))', }) ;({ - backgroundPosition: 'top', -}) // https://tailwindcss.com/docs/background-repeat + '--bg-opacity': '1', + backgroundColor: 'rgba(190, 24, 93, var(--bg-opacity))', +}) +;({ + '--bg-opacity': '1', + backgroundColor: 'rgba(157, 23, 77, var(--bg-opacity))', +}) +;({ + '--bg-opacity': '1', + backgroundColor: 'rgba(131, 24, 67, var(--bg-opacity))', +}) // https://tailwindcss.com/docs/background-opacity ;({ - backgroundRepeat: 'repeat', + '--bg-opacity': '0', }) ;({ - backgroundRepeat: 'no-repeat', + '--bg-opacity': '0.05', }) ;({ - backgroundRepeat: 'repeat-x', + '--bg-opacity': '0.1', }) ;({ - backgroundRepeat: 'repeat-y', + '--bg-opacity': '0.2', }) ;({ - backgroundRepeat: 'round', + '--bg-opacity': '0.25', }) ;({ - backgroundRepeat: 'space', -}) // https://tailwindcss.com/docs/background-size - + '--bg-opacity': '0.3', +}) ;({ - backgroundSize: 'auto', + '--bg-opacity': '0.4', }) ;({ - backgroundSize: 'cover', + '--bg-opacity': '0.5', }) ;({ - backgroundSize: 'contain', + '--bg-opacity': '0.6', }) +;({ + '--bg-opacity': '0.7', +}) +;({ + '--bg-opacity': '0.75', +}) +;({ + '--bg-opacity': '0.8', +}) +;({ + '--bg-opacity': '0.9', +}) +;({ + '--bg-opacity': '0.95', +}) +;({ + '--bg-opacity': '1', +}) // https://tailwindcss.com/docs/background-position +;({ + backgroundPosition: 'bottom', +}) +;({ + backgroundPosition: 'center', +}) +;({ + backgroundPosition: 'left', +}) +;({ + backgroundPosition: 'left bottom', +}) +;({ + backgroundPosition: 'left top', +}) +;({ + backgroundPosition: 'right', +}) +;({ + backgroundPosition: 'right bottom', +}) +;({ + backgroundPosition: 'right top', +}) +;({ + backgroundPosition: 'top', +}) // https://tailwindcss.com/docs/background-repeat -`; - -exports[`twin.macro borders.js: borders.js 1`] = ` - -import tw from './macro' - -// https://tailwindcss.com/docs/border-radius -tw\`rounded-none\` -tw\`rounded-sm\` -tw\`rounded\` -tw\`rounded-md\` -tw\`rounded-lg\` -tw\`rounded-xl\` -tw\`rounded-2xl\` -tw\`rounded-3xl\` -tw\`rounded-full\` -tw\`rounded-t-none\` -tw\`rounded-r-none\` -tw\`rounded-b-none\` -tw\`rounded-l-none\` -tw\`rounded-t-sm\` -tw\`rounded-r-sm\` -tw\`rounded-b-sm\` -tw\`rounded-l-sm\` -tw\`rounded-t\` -tw\`rounded-r\` -tw\`rounded-b\` -tw\`rounded-l\` -tw\`rounded-t-lg\` -tw\`rounded-r-lg\` -tw\`rounded-b-lg\` -tw\`rounded-l-lg\` -tw\`rounded-t-xl\` -tw\`rounded-r-xl\` -tw\`rounded-b-xl\` -tw\`rounded-l-xl\` -tw\`rounded-t-2xl\` -tw\`rounded-r-2xl\` -tw\`rounded-b-2xl\` -tw\`rounded-l-2xl\` -tw\`rounded-t-3xl\` -tw\`rounded-r-3xl\` -tw\`rounded-b-3xl\` -tw\`rounded-l-3xl\` -tw\`rounded-t-full\` -tw\`rounded-r-full\` -tw\`rounded-b-full\` -tw\`rounded-l-full\` -tw\`rounded-tl-none\` -tw\`rounded-tr-none\` -tw\`rounded-br-none\` -tw\`rounded-bl-none\` -tw\`rounded-tl-sm\` -tw\`rounded-tr-sm\` -tw\`rounded-br-sm\` -tw\`rounded-bl-sm\` -tw\`rounded-tl\` -tw\`rounded-tr\` -tw\`rounded-br\` -tw\`rounded-bl\` -tw\`rounded-tl-lg\` -tw\`rounded-tr-lg\` -tw\`rounded-br-lg\` -tw\`rounded-bl-lg\` -tw\`rounded-tl-xl\` -tw\`rounded-tr-xl\` -tw\`rounded-br-xl\` -tw\`rounded-bl-xl\` -tw\`rounded-tl-2xl\` -tw\`rounded-tr-2xl\` -tw\`rounded-br-2xl\` -tw\`rounded-bl-2xl\` -tw\`rounded-tl-3xl\` -tw\`rounded-tr-3xl\` -tw\`rounded-br-3xl\` -tw\`rounded-bl-3xl\` -tw\`rounded-tl-full\` -tw\`rounded-tr-full\` -tw\`rounded-br-full\` -tw\`rounded-bl-full\` - -// https://tailwindcss.com/docs/border-width -tw\`border\` -tw\`border-0\` -tw\`border-2\` -tw\`border-4\` -tw\`border-8\` -tw\`border-t\` -tw\`border-r\` -tw\`border-b\` -tw\`border-l\` -tw\`border-t-0\` -tw\`border-r-0\` -tw\`border-b-0\` -tw\`border-l-0\` -tw\`border-t-2\` -tw\`border-r-2\` -tw\`border-b-2\` -tw\`border-l-2\` -tw\`border-t-4\` -tw\`border-r-4\` -tw\`border-b-4\` -tw\`border-l-4\` -tw\`border-t-8\` -tw\`border-r-8\` -tw\`border-b-8\` -tw\`border-l-8\` +;({ + backgroundRepeat: 'repeat', +}) +;({ + backgroundRepeat: 'no-repeat', +}) +;({ + backgroundRepeat: 'repeat-x', +}) +;({ + backgroundRepeat: 'repeat-y', +}) +;({ + backgroundRepeat: 'round', +}) +;({ + backgroundRepeat: 'space', +}) // https://tailwindcss.com/docs/background-size -// https://tailwindcss.com/docs/border-color -tw\`border-transparent\` -tw\`border-current\` -tw\`border-black\` -tw\`border-white\` -tw\`border-gray-100\` -tw\`border-gray-200\` -tw\`border-gray-300\` -tw\`border-gray-400\` -tw\`border-gray-500\` -tw\`border-gray-600\` -tw\`border-gray-700\` -tw\`border-gray-800\` -tw\`border-gray-900\` -tw\`border-red-100\` -tw\`border-red-200\` -tw\`border-red-300\` -tw\`border-red-400\` -tw\`border-red-500\` -tw\`border-red-600\` -tw\`border-red-700\` -tw\`border-red-800\` -tw\`border-red-900\` -tw\`border-orange-100\` -tw\`border-orange-200\` -tw\`border-orange-300\` -tw\`border-orange-400\` -tw\`border-orange-500\` -tw\`border-orange-600\` -tw\`border-orange-700\` -tw\`border-orange-800\` -tw\`border-orange-900\` -tw\`border-yellow-100\` -tw\`border-yellow-200\` -tw\`border-yellow-300\` -tw\`border-yellow-400\` -tw\`border-yellow-500\` -tw\`border-yellow-600\` -tw\`border-yellow-700\` -tw\`border-yellow-800\` -tw\`border-yellow-900\` -tw\`border-green-100\` -tw\`border-green-200\` -tw\`border-green-300\` -tw\`border-green-400\` -tw\`border-green-500\` -tw\`border-green-600\` -tw\`border-green-700\` -tw\`border-green-800\` -tw\`border-green-900\` -tw\`border-teal-100\` -tw\`border-teal-200\` -tw\`border-teal-300\` -tw\`border-teal-400\` -tw\`border-teal-500\` -tw\`border-teal-600\` -tw\`border-teal-700\` -tw\`border-teal-800\` -tw\`border-teal-900\` -tw\`border-blue-100\` -tw\`border-blue-200\` -tw\`border-blue-300\` -tw\`border-blue-400\` -tw\`border-blue-500\` -tw\`border-blue-600\` -tw\`border-blue-700\` -tw\`border-blue-800\` -tw\`border-blue-900\` -tw\`border-indigo-100\` -tw\`border-indigo-200\` -tw\`border-indigo-300\` -tw\`border-indigo-400\` -tw\`border-indigo-500\` -tw\`border-indigo-600\` -tw\`border-indigo-700\` -tw\`border-indigo-800\` -tw\`border-indigo-900\` -tw\`border-purple-100\` -tw\`border-purple-200\` -tw\`border-purple-300\` -tw\`border-purple-400\` -tw\`border-purple-500\` -tw\`border-purple-600\` -tw\`border-purple-700\` -tw\`border-purple-800\` -tw\`border-purple-900\` -tw\`border-pink-100\` -tw\`border-pink-200\` -tw\`border-pink-300\` -tw\`border-pink-400\` -tw\`border-pink-500\` -tw\`border-pink-600\` -tw\`border-pink-700\` -tw\`border-pink-800\` -tw\`border-pink-900\` +;({ + backgroundSize: 'auto', +}) +;({ + backgroundSize: 'cover', +}) +;({ + backgroundSize: 'contain', +}) // https://tailwindcss.com/docs/gradient-color-stops -// https://tailwindcss.com/docs/border-opacity -tw\`border-opacity-0\` -tw\`border-opacity-25\` -tw\`border-opacity-50\` -tw\`border-opacity-75\` -tw\`border-opacity-100\` - -// https://tailwindcss.com/docs/border-style -tw\`border-solid\` -tw\`border-dashed\` -tw\`border-dotted\` -tw\`border-double\` -tw\`border-none\` - -// https://tailwindcss.com/docs/divide -tw\`divide-x-0\` -tw\`divide-x-2\` -tw\`divide-x-4\` -tw\`divide-x-8\` -tw\`divide-x\` -tw\`divide-y-0\` -tw\`divide-y-2\` -tw\`divide-y-4\` -tw\`divide-y-8\` -tw\`divide-y\` -tw\`divide-x-reverse\` -tw\`divide-y-reverse\` - -// https://tailwindcss.com/docs/divide-color -tw\`divide-transparent\` -tw\`divide-current\` -tw\`divide-black\` -tw\`divide-white\` -tw\`divide-gray-100\` -tw\`divide-gray-200\` -tw\`divide-gray-300\` -tw\`divide-gray-400\` -tw\`divide-gray-500\` -tw\`divide-gray-600\` -tw\`divide-gray-700\` -tw\`divide-gray-800\` -tw\`divide-gray-900\` -tw\`divide-red-100\` -tw\`divide-red-200\` -tw\`divide-red-300\` -tw\`divide-red-400\` -tw\`divide-red-500\` -tw\`divide-red-600\` -tw\`divide-red-700\` -tw\`divide-red-800\` -tw\`divide-red-900\` -tw\`divide-orange-100\` -tw\`divide-orange-200\` -tw\`divide-orange-300\` -tw\`divide-orange-400\` -tw\`divide-orange-500\` -tw\`divide-orange-600\` -tw\`divide-orange-700\` -tw\`divide-orange-800\` -tw\`divide-orange-900\` -tw\`divide-yellow-100\` -tw\`divide-yellow-200\` -tw\`divide-yellow-300\` -tw\`divide-yellow-400\` -tw\`divide-yellow-500\` -tw\`divide-yellow-600\` -tw\`divide-yellow-700\` -tw\`divide-yellow-800\` -tw\`divide-yellow-900\` -tw\`divide-green-100\` -tw\`divide-green-200\` -tw\`divide-green-300\` -tw\`divide-green-400\` -tw\`divide-green-500\` -tw\`divide-green-600\` -tw\`divide-green-700\` -tw\`divide-green-800\` -tw\`divide-green-900\` -tw\`divide-teal-100\` -tw\`divide-teal-200\` -tw\`divide-teal-300\` -tw\`divide-teal-400\` -tw\`divide-teal-500\` -tw\`divide-teal-600\` -tw\`divide-teal-700\` -tw\`divide-teal-800\` -tw\`divide-teal-900\` -tw\`divide-blue-100\` -tw\`divide-blue-200\` -tw\`divide-blue-300\` -tw\`divide-blue-400\` -tw\`divide-blue-500\` -tw\`divide-blue-600\` -tw\`divide-blue-700\` -tw\`divide-blue-800\` -tw\`divide-blue-900\` -tw\`divide-indigo-100\` -tw\`divide-indigo-200\` -tw\`divide-indigo-300\` -tw\`divide-indigo-400\` -tw\`divide-indigo-500\` -tw\`divide-indigo-600\` -tw\`divide-indigo-700\` -tw\`divide-indigo-800\` -tw\`divide-indigo-900\` -tw\`divide-purple-100\` -tw\`divide-purple-200\` -tw\`divide-purple-300\` -tw\`divide-purple-400\` -tw\`divide-purple-500\` -tw\`divide-purple-600\` -tw\`divide-purple-700\` -tw\`divide-purple-800\` -tw\`divide-purple-900\` -tw\`divide-pink-100\` -tw\`divide-pink-200\` -tw\`divide-pink-300\` -tw\`divide-pink-400\` -tw\`divide-pink-500\` -tw\`divide-pink-600\` -tw\`divide-pink-700\` -tw\`divide-pink-800\` -tw\`divide-pink-900\` - -tw\`divide-solid\` -tw\`divide-dashed\` -tw\`divide-dotted\` -tw\`divide-double\` -tw\`divide-none\` - -// https://tailwindcss.com/docs/divide-opacity -tw\`border-opacity-0\` -tw\`border-opacity-25\` -tw\`border-opacity-50\` -tw\`border-opacity-75\` -tw\`border-opacity-100\` - - ↓ ↓ ↓ ↓ ↓ ↓ - -// https://tailwindcss.com/docs/border-radius ;({ - borderRadius: '0', + backgroundImage: 'none', }) ;({ - borderRadius: '0.125rem', + backgroundImage: 'linear-gradient(to top, var(--tw-gradient-stops))', }) ;({ - borderRadius: '0.25rem', + backgroundImage: 'linear-gradient(to top right, var(--tw-gradient-stops))', }) ;({ - borderRadius: '0.375rem', + backgroundImage: 'linear-gradient(to right, var(--tw-gradient-stops))', }) ;({ - borderRadius: '0.5rem', + backgroundImage: 'linear-gradient(to bottom right, var(--tw-gradient-stops))', }) ;({ - borderRadius: '0.75rem', + backgroundImage: 'linear-gradient(to bottom, var(--tw-gradient-stops))', }) ;({ - borderRadius: '1rem', + backgroundImage: 'linear-gradient(to bottom left, var(--tw-gradient-stops))', }) ;({ - borderRadius: '1.5rem', + backgroundImage: 'linear-gradient(to left, var(--tw-gradient-stops))', }) ;({ - borderRadius: '9999px', + backgroundImage: 'linear-gradient(to top left, var(--tw-gradient-stops))', }) ;({ - borderTopLeftRadius: '0', - borderTopRightRadius: '0', + '@media (min-width: 640px)': { + ':focus': { + backgroundImage: 'linear-gradient(to top left, var(--tw-gradient-stops))', + }, + }, }) ;({ - borderTopRightRadius: '0', - borderBottomRightRadius: '0', + '@media (min-width: 768px)': { + ':hover': { + backgroundImage: 'linear-gradient(to top left, var(--tw-gradient-stops))', + }, + }, }) ;({ - borderBottomLeftRadius: '0', - borderBottomRightRadius: '0', + '--gradient-from-color': 'transparent', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', }) ;({ - borderTopLeftRadius: '0', - borderBottomLeftRadius: '0', + '--gradient-from-color': 'currentColor', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', }) ;({ - borderTopLeftRadius: '0.125rem', - borderTopRightRadius: '0.125rem', + '--gradient-from-color': '#000', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', }) ;({ - borderTopRightRadius: '0.125rem', - borderBottomRightRadius: '0.125rem', + '--gradient-from-color': '#fff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', }) ;({ - borderBottomLeftRadius: '0.125rem', - borderBottomRightRadius: '0.125rem', + '--gradient-from-color': '#f9fafb', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(249, 250, 251, 0))', }) ;({ - borderTopLeftRadius: '0.125rem', - borderBottomLeftRadius: '0.125rem', + '--gradient-from-color': '#f3f4f6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(243, 244, 246, 0))', }) ;({ - borderTopLeftRadius: '0.25rem', - borderTopRightRadius: '0.25rem', + '--gradient-from-color': '#e5e7eb', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(229, 231, 235, 0))', }) ;({ - borderTopRightRadius: '0.25rem', - borderBottomRightRadius: '0.25rem', + '--gradient-from-color': '#d1d5db', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(209, 213, 219, 0))', }) ;({ - borderBottomLeftRadius: '0.25rem', - borderBottomRightRadius: '0.25rem', + '--gradient-from-color': '#9ca3af', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(156, 163, 175, 0))', }) ;({ - borderTopLeftRadius: '0.25rem', - borderBottomLeftRadius: '0.25rem', + '--gradient-from-color': '#6b7280', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(107, 114, 128, 0))', }) ;({ - borderTopLeftRadius: '0.5rem', - borderTopRightRadius: '0.5rem', + '--gradient-from-color': '#4b5563', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(75, 85, 99, 0))', }) ;({ - borderTopRightRadius: '0.5rem', - borderBottomRightRadius: '0.5rem', + '--gradient-from-color': '#374151', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(55, 65, 81, 0))', }) ;({ - borderBottomLeftRadius: '0.5rem', - borderBottomRightRadius: '0.5rem', + '--gradient-from-color': '#1f2937', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(31, 41, 55, 0))', }) ;({ - borderTopLeftRadius: '0.5rem', - borderBottomLeftRadius: '0.5rem', + '--gradient-from-color': '#111827', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(17, 24, 39, 0))', }) ;({ - borderTopLeftRadius: '0.75rem', - borderTopRightRadius: '0.75rem', + '--gradient-from-color': '#fef2f2', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 242, 242, 0))', }) ;({ - borderTopRightRadius: '0.75rem', - borderBottomRightRadius: '0.75rem', + '--gradient-from-color': '#fee2e2', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 226, 226, 0))', }) ;({ - borderBottomLeftRadius: '0.75rem', - borderBottomRightRadius: '0.75rem', + '--gradient-from-color': '#fecaca', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 202, 202, 0))', }) ;({ - borderTopLeftRadius: '0.75rem', - borderBottomLeftRadius: '0.75rem', + '--gradient-from-color': '#fca5a5', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 165, 165, 0))', }) ;({ - borderTopLeftRadius: '1rem', - borderTopRightRadius: '1rem', + '--gradient-from-color': '#f87171', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(248, 113, 113, 0))', }) ;({ - borderTopRightRadius: '1rem', - borderBottomRightRadius: '1rem', + '--gradient-from-color': '#ef4444', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(239, 68, 68, 0))', }) ;({ - borderBottomLeftRadius: '1rem', - borderBottomRightRadius: '1rem', + '--gradient-from-color': '#dc2626', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(220, 38, 38, 0))', }) ;({ - borderTopLeftRadius: '1rem', - borderBottomLeftRadius: '1rem', + '--gradient-from-color': '#b91c1c', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(185, 28, 28, 0))', }) ;({ - borderTopLeftRadius: '1.5rem', - borderTopRightRadius: '1.5rem', + '--gradient-from-color': '#991b1b', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(153, 27, 27, 0))', }) ;({ - borderTopRightRadius: '1.5rem', - borderBottomRightRadius: '1.5rem', + '--gradient-from-color': '#7f1d1d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(127, 29, 29, 0))', }) ;({ - borderBottomLeftRadius: '1.5rem', - borderBottomRightRadius: '1.5rem', + '--gradient-from-color': '#fffbeb', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 251, 235, 0))', }) ;({ - borderTopLeftRadius: '1.5rem', - borderBottomLeftRadius: '1.5rem', + '--gradient-from-color': '#fef3c7', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 243, 199, 0))', }) ;({ - borderTopLeftRadius: '9999px', - borderTopRightRadius: '9999px', + '--gradient-from-color': '#fde68a', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(253, 230, 138, 0))', }) ;({ - borderTopRightRadius: '9999px', - borderBottomRightRadius: '9999px', + '--gradient-from-color': '#fcd34d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 211, 77, 0))', }) ;({ - borderBottomLeftRadius: '9999px', - borderBottomRightRadius: '9999px', + '--gradient-from-color': '#fbbf24', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(251, 191, 36, 0))', }) ;({ - borderTopLeftRadius: '9999px', - borderBottomLeftRadius: '9999px', + '--gradient-from-color': '#f59e0b', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(245, 158, 11, 0))', }) ;({ - borderTopLeftRadius: '0', + '--gradient-from-color': '#d97706', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(217, 119, 6, 0))', }) ;({ - borderTopRightRadius: '0', + '--gradient-from-color': '#b45309', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(180, 83, 9, 0))', }) ;({ - borderBottomRightRadius: '0', + '--gradient-from-color': '#92400e', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(146, 64, 14, 0))', }) ;({ - borderBottomLeftRadius: '0', + '--gradient-from-color': '#78350f', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(120, 53, 15, 0))', }) ;({ - borderTopLeftRadius: '0.125rem', + '--gradient-from-color': '#ecfdf5', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(236, 253, 245, 0))', }) ;({ - borderTopRightRadius: '0.125rem', + '--gradient-from-color': '#d1fae5', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(209, 250, 229, 0))', }) ;({ - borderBottomRightRadius: '0.125rem', + '--gradient-from-color': '#a7f3d0', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(167, 243, 208, 0))', }) ;({ - borderBottomLeftRadius: '0.125rem', + '--gradient-from-color': '#6ee7b7', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(110, 231, 183, 0))', }) ;({ - borderTopLeftRadius: '0.25rem', + '--gradient-from-color': '#34d399', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(52, 211, 153, 0))', }) ;({ - borderTopRightRadius: '0.25rem', + '--gradient-from-color': '#10b981', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(16, 185, 129, 0))', }) ;({ - borderBottomRightRadius: '0.25rem', + '--gradient-from-color': '#059669', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(5, 150, 105, 0))', }) ;({ - borderBottomLeftRadius: '0.25rem', + '--gradient-from-color': '#047857', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(4, 120, 87, 0))', }) ;({ - borderTopLeftRadius: '0.5rem', + '--gradient-from-color': '#065f46', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(6, 95, 70, 0))', }) ;({ - borderTopRightRadius: '0.5rem', + '--gradient-from-color': '#064e3b', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(6, 78, 59, 0))', }) ;({ - borderBottomRightRadius: '0.5rem', + '--gradient-from-color': '#eff6ff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(239, 246, 255, 0))', }) ;({ - borderBottomLeftRadius: '0.5rem', + '--gradient-from-color': '#dbeafe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(219, 234, 254, 0))', }) ;({ - borderTopLeftRadius: '0.75rem', + '--gradient-from-color': '#bfdbfe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(191, 219, 254, 0))', }) ;({ - borderTopRightRadius: '0.75rem', + '--gradient-from-color': '#93c5fd', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(147, 197, 253, 0))', }) ;({ - borderBottomRightRadius: '0.75rem', + '--gradient-from-color': '#60a5fa', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(96, 165, 250, 0))', }) ;({ - borderBottomLeftRadius: '0.75rem', + '--gradient-from-color': '#3b82f6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(59, 130, 246, 0))', }) ;({ - borderTopLeftRadius: '1rem', + '--gradient-from-color': '#2563eb', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(37, 99, 235, 0))', }) ;({ - borderTopRightRadius: '1rem', + '--gradient-from-color': '#1d4ed8', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(29, 78, 216, 0))', }) ;({ - borderBottomRightRadius: '1rem', + '--gradient-from-color': '#1e40af', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(30, 64, 175, 0))', }) ;({ - borderBottomLeftRadius: '1rem', + '--gradient-from-color': '#1e3a8a', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(30, 58, 138, 0))', }) ;({ - borderTopLeftRadius: '1.5rem', + '--gradient-from-color': '#eef2ff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(238, 242, 255, 0))', }) ;({ - borderTopRightRadius: '1.5rem', + '--gradient-from-color': '#e0e7ff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(224, 231, 255, 0))', }) ;({ - borderBottomRightRadius: '1.5rem', + '--gradient-from-color': '#c7d2fe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(199, 210, 254, 0))', }) ;({ - borderBottomLeftRadius: '1.5rem', + '--gradient-from-color': '#a5b4fc', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(165, 180, 252, 0))', }) ;({ - borderTopLeftRadius: '9999px', + '--gradient-from-color': '#818cf8', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(129, 140, 248, 0))', }) ;({ - borderTopRightRadius: '9999px', + '--gradient-from-color': '#6366f1', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(99, 102, 241, 0))', }) ;({ - borderBottomRightRadius: '9999px', + '--gradient-from-color': '#4f46e5', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(79, 70, 229, 0))', }) ;({ - borderBottomLeftRadius: '9999px', -}) // https://tailwindcss.com/docs/border-width - -;({ - borderWidth: '1px', + '--gradient-from-color': '#4338ca', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(67, 56, 202, 0))', }) ;({ - borderWidth: '0', + '--gradient-from-color': '#3730a3', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(55, 48, 163, 0))', }) ;({ - borderWidth: '2px', + '--gradient-from-color': '#312e81', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(49, 46, 129, 0))', }) ;({ - borderWidth: '4px', + '--gradient-from-color': '#f5f3ff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(245, 243, 255, 0))', }) ;({ - borderWidth: '8px', + '--gradient-from-color': '#ede9fe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(237, 233, 254, 0))', }) ;({ - borderTopWidth: '1px', + '--gradient-from-color': '#ddd6fe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(221, 214, 254, 0))', }) ;({ - borderRightWidth: '1px', + '--gradient-from-color': '#c4b5fd', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(196, 181, 253, 0))', }) ;({ - borderBottomWidth: '1px', + '--gradient-from-color': '#a78bfa', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(167, 139, 250, 0))', }) ;({ - borderLeftWidth: '1px', + '--gradient-from-color': '#8b5cf6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(139, 92, 246, 0))', }) ;({ - borderTopWidth: '0', + '--gradient-from-color': '#7c3aed', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(124, 58, 237, 0))', }) ;({ - borderRightWidth: '0', + '--gradient-from-color': '#6d28d9', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(109, 40, 217, 0))', }) ;({ - borderBottomWidth: '0', + '--gradient-from-color': '#5b21b6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(91, 33, 182, 0))', }) ;({ - borderLeftWidth: '0', + '--gradient-from-color': '#4c1d95', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(76, 29, 149, 0))', }) ;({ - borderTopWidth: '2px', + '--gradient-from-color': '#fdf2f8', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(253, 242, 248, 0))', }) ;({ - borderRightWidth: '2px', + '--gradient-from-color': '#fce7f3', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 231, 243, 0))', }) ;({ - borderBottomWidth: '2px', + '--gradient-from-color': '#fbcfe8', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(251, 207, 232, 0))', }) ;({ - borderLeftWidth: '2px', + '--gradient-from-color': '#f9a8d4', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(249, 168, 212, 0))', }) ;({ - borderTopWidth: '4px', + '--gradient-from-color': '#f472b6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(244, 114, 182, 0))', }) ;({ - borderRightWidth: '4px', + '--gradient-from-color': '#ec4899', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(236, 72, 153, 0))', }) ;({ - borderBottomWidth: '4px', + '--gradient-from-color': '#db2777', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(219, 39, 119, 0))', }) ;({ - borderLeftWidth: '4px', + '--gradient-from-color': '#be185d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(190, 24, 93, 0))', }) ;({ - borderTopWidth: '8px', + '--gradient-from-color': '#9d174d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0))', }) ;({ - borderRightWidth: '8px', + '--gradient-from-color': '#831843', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0))', }) ;({ - borderBottomWidth: '8px', + '@media (min-width: 640px)': { + ':focus': { + '--gradient-from-color': '#9d174d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(157, 23, 77, 0))', + }, + }, }) ;({ - borderLeftWidth: '8px', -}) // https://tailwindcss.com/docs/border-color - + '@media (min-width: 768px)': { + ':hover': { + '--gradient-from-color': '#831843', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-to-color, rgba(131, 24, 67, 0))', + }, + }, +}) ;({ - borderColor: 'transparent', + '--gradient-via-color': 'transparent', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', }) ;({ - borderColor: 'currentColor', + '--gradient-via-color': 'currentColor', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(0, 0, 0, var(--border-opacity))', + '--gradient-via-color': '#000', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(255, 255, 255, var(--border-opacity))', + '--gradient-via-color': '#fff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(247, 250, 252, var(--border-opacity))', + '--gradient-via-color': '#f9fafb', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 250, 251, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(237, 242, 247, var(--border-opacity))', + '--gradient-via-color': '#f3f4f6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 244, 246, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(226, 232, 240, var(--border-opacity))', + '--gradient-via-color': '#e5e7eb', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 231, 235, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(203, 213, 224, var(--border-opacity))', + '--gradient-via-color': '#d1d5db', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 213, 219, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(160, 174, 192, var(--border-opacity))', + '--gradient-via-color': '#9ca3af', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 163, 175, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(113, 128, 150, var(--border-opacity))', + '--gradient-via-color': '#6b7280', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 114, 128, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(74, 85, 104, var(--border-opacity))', + '--gradient-via-color': '#4b5563', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(75, 85, 99, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(45, 55, 72, var(--border-opacity))', + '--gradient-via-color': '#374151', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 65, 81, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(26, 32, 44, var(--border-opacity))', + '--gradient-via-color': '#1f2937', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 41, 55, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(255, 245, 245, var(--border-opacity))', + '--gradient-via-color': '#111827', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(17, 24, 39, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(254, 215, 215, var(--border-opacity))', + '--gradient-via-color': '#fef2f2', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 242, 242, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(254, 178, 178, var(--border-opacity))', + '--gradient-via-color': '#fee2e2', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 226, 226, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(252, 129, 129, var(--border-opacity))', + '--gradient-via-color': '#fecaca', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 202, 202, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(245, 101, 101, var(--border-opacity))', + '--gradient-via-color': '#fca5a5', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 165, 165, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(229, 62, 62, var(--border-opacity))', + '--gradient-via-color': '#f87171', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 113, 113, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(197, 48, 48, var(--border-opacity))', + '--gradient-via-color': '#ef4444', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 68, 68, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(155, 44, 44, var(--border-opacity))', + '--gradient-via-color': '#dc2626', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(220, 38, 38, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(116, 42, 42, var(--border-opacity))', + '--gradient-via-color': '#b91c1c', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(185, 28, 28, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(255, 250, 240, var(--border-opacity))', + '--gradient-via-color': '#991b1b', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(153, 27, 27, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(254, 235, 200, var(--border-opacity))', + '--gradient-via-color': '#7f1d1d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 29, 29, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(251, 211, 141, var(--border-opacity))', + '--gradient-via-color': '#fffbeb', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 251, 235, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(246, 173, 85, var(--border-opacity))', + '--gradient-via-color': '#fef3c7', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 243, 199, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(237, 137, 54, var(--border-opacity))', + '--gradient-via-color': '#fde68a', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 230, 138, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(221, 107, 32, var(--border-opacity))', + '--gradient-via-color': '#fcd34d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 211, 77, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(192, 86, 33, var(--border-opacity))', + '--gradient-via-color': '#fbbf24', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 191, 36, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(156, 66, 33, var(--border-opacity))', + '--gradient-via-color': '#f59e0b', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 158, 11, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(123, 52, 30, var(--border-opacity))', + '--gradient-via-color': '#d97706', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(217, 119, 6, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(255, 255, 240, var(--border-opacity))', + '--gradient-via-color': '#b45309', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(180, 83, 9, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(254, 252, 191, var(--border-opacity))', + '--gradient-via-color': '#92400e', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(146, 64, 14, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(250, 240, 137, var(--border-opacity))', + '--gradient-via-color': '#78350f', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(120, 53, 15, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(246, 224, 94, var(--border-opacity))', + '--gradient-via-color': '#ecfdf5', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 253, 245, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(236, 201, 75, var(--border-opacity))', + '--gradient-via-color': '#d1fae5', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(209, 250, 229, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(214, 158, 46, var(--border-opacity))', + '--gradient-via-color': '#a7f3d0', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 243, 208, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(183, 121, 31, var(--border-opacity))', + '--gradient-via-color': '#6ee7b7', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(110, 231, 183, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(151, 90, 22, var(--border-opacity))', + '--gradient-via-color': '#34d399', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 211, 153, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(116, 66, 16, var(--border-opacity))', + '--gradient-via-color': '#10b981', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(16, 185, 129, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(240, 255, 244, var(--border-opacity))', + '--gradient-via-color': '#059669', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(5, 150, 105, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(198, 246, 213, var(--border-opacity))', + '--gradient-via-color': '#047857', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(4, 120, 87, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(154, 230, 180, var(--border-opacity))', + '--gradient-via-color': '#065f46', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 95, 70, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(104, 211, 145, var(--border-opacity))', + '--gradient-via-color': '#064e3b', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(6, 78, 59, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(72, 187, 120, var(--border-opacity))', + '--gradient-via-color': '#eff6ff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 246, 255, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(56, 161, 105, var(--border-opacity))', + '--gradient-via-color': '#dbeafe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 234, 254, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(47, 133, 90, var(--border-opacity))', + '--gradient-via-color': '#bfdbfe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(191, 219, 254, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(39, 103, 73, var(--border-opacity))', + '--gradient-via-color': '#93c5fd', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(147, 197, 253, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(34, 84, 61, var(--border-opacity))', + '--gradient-via-color': '#60a5fa', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 165, 250, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(230, 255, 250, var(--border-opacity))', + '--gradient-via-color': '#3b82f6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 130, 246, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(178, 245, 234, var(--border-opacity))', + '--gradient-via-color': '#2563eb', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(37, 99, 235, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(129, 230, 217, var(--border-opacity))', + '--gradient-via-color': '#1d4ed8', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(29, 78, 216, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(79, 209, 197, var(--border-opacity))', + '--gradient-via-color': '#1e40af', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 64, 175, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(56, 178, 172, var(--border-opacity))', + '--gradient-via-color': '#1e3a8a', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(30, 58, 138, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(49, 151, 149, var(--border-opacity))', + '--gradient-via-color': '#eef2ff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(238, 242, 255, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(44, 122, 123, var(--border-opacity))', + '--gradient-via-color': '#e0e7ff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(224, 231, 255, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(40, 94, 97, var(--border-opacity))', + '--gradient-via-color': '#c7d2fe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 210, 254, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(35, 78, 82, var(--border-opacity))', + '--gradient-via-color': '#a5b4fc', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(165, 180, 252, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(235, 248, 255, var(--border-opacity))', + '--gradient-via-color': '#818cf8', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 140, 248, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(190, 227, 248, var(--border-opacity))', + '--gradient-via-color': '#6366f1', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 102, 241, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(144, 205, 244, var(--border-opacity))', + '--gradient-via-color': '#4f46e5', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 70, 229, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(99, 179, 237, var(--border-opacity))', + '--gradient-via-color': '#4338ca', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 56, 202, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(66, 153, 225, var(--border-opacity))', + '--gradient-via-color': '#3730a3', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 48, 163, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(49, 130, 206, var(--border-opacity))', + '--gradient-via-color': '#312e81', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 46, 129, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(43, 108, 176, var(--border-opacity))', + '--gradient-via-color': '#f5f3ff', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 243, 255, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(44, 82, 130, var(--border-opacity))', + '--gradient-via-color': '#ede9fe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 233, 254, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(42, 67, 101, var(--border-opacity))', + '--gradient-via-color': '#ddd6fe', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 214, 254, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(235, 244, 255, var(--border-opacity))', + '--gradient-via-color': '#c4b5fd', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(196, 181, 253, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(195, 218, 254, var(--border-opacity))', + '--gradient-via-color': '#a78bfa', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 139, 250, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(163, 191, 250, var(--border-opacity))', + '--gradient-via-color': '#8b5cf6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(139, 92, 246, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(127, 156, 245, var(--border-opacity))', + '--gradient-via-color': '#7c3aed', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(124, 58, 237, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(102, 126, 234, var(--border-opacity))', + '--gradient-via-color': '#6d28d9', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(109, 40, 217, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(90, 103, 216, var(--border-opacity))', + '--gradient-via-color': '#5b21b6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(91, 33, 182, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(76, 81, 191, var(--border-opacity))', + '--gradient-via-color': '#4c1d95', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 29, 149, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(67, 65, 144, var(--border-opacity))', + '--gradient-via-color': '#fdf2f8', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(253, 242, 248, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(60, 54, 107, var(--border-opacity))', + '--gradient-via-color': '#fce7f3', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 231, 243, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(250, 245, 255, var(--border-opacity))', + '--gradient-via-color': '#fbcfe8', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 207, 232, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(233, 216, 253, var(--border-opacity))', + '--gradient-via-color': '#f9a8d4', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 168, 212, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(214, 188, 250, var(--border-opacity))', + '--gradient-via-color': '#f472b6', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(244, 114, 182, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(183, 148, 244, var(--border-opacity))', + '--gradient-via-color': '#ec4899', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 72, 153, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(159, 122, 234, var(--border-opacity))', + '--gradient-via-color': '#db2777', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(219, 39, 119, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(128, 90, 213, var(--border-opacity))', + '--gradient-via-color': '#be185d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 24, 93, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(107, 70, 193, var(--border-opacity))', + '--gradient-via-color': '#9d174d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(85, 60, 154, var(--border-opacity))', + '--gradient-via-color': '#831843', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0))', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(68, 51, 122, var(--border-opacity))', + '@media (min-width: 640px)': { + ':focus': { + '--gradient-via-color': '#9d174d', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(157, 23, 77, 0))', + }, + }, }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(255, 245, 247, var(--border-opacity))', + '@media (min-width: 768px)': { + ':hover': { + '--gradient-via-color': '#831843', + '--tw-gradient-stops': + 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(131, 24, 67, 0))', + }, + }, }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(254, 215, 226, var(--border-opacity))', + '--gradient-to-color': 'transparent', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(251, 182, 206, var(--border-opacity))', + '--gradient-to-color': 'currentColor', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(246, 135, 179, var(--border-opacity))', + '--gradient-to-color': '#000', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(237, 100, 166, var(--border-opacity))', + '--gradient-to-color': '#fff', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(213, 63, 140, var(--border-opacity))', + '--gradient-to-color': '#f9fafb', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(184, 50, 128, var(--border-opacity))', + '--gradient-to-color': '#f3f4f6', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(151, 38, 109, var(--border-opacity))', + '--gradient-to-color': '#e5e7eb', }) ;({ - '--border-opacity': '1', - borderColor: 'rgba(112, 36, 89, var(--border-opacity))', -}) // https://tailwindcss.com/docs/border-opacity - + '--gradient-to-color': '#d1d5db', +}) ;({ - '--border-opacity': '0', + '--gradient-to-color': '#9ca3af', }) ;({ - '--border-opacity': '0.25', + '--gradient-to-color': '#6b7280', }) ;({ - '--border-opacity': '0.5', + '--gradient-to-color': '#4b5563', }) ;({ - '--border-opacity': '0.75', + '--gradient-to-color': '#374151', }) ;({ - '--border-opacity': '1', -}) // https://tailwindcss.com/docs/border-style - + '--gradient-to-color': '#1f2937', +}) ;({ - borderStyle: 'solid', + '--gradient-to-color': '#111827', }) ;({ - borderStyle: 'dashed', + '--gradient-to-color': '#fef2f2', }) ;({ - borderStyle: 'dotted', + '--gradient-to-color': '#fee2e2', }) ;({ - borderStyle: 'double', + '--gradient-to-color': '#fecaca', }) ;({ - borderStyle: 'none', -}) // https://tailwindcss.com/docs/divide - + '--gradient-to-color': '#fca5a5', +}) ;({ - '> :not(template) ~ :not(template)': { - '--divide-x-reverse': 0, - borderRightWidth: 'calc(0px * var(--divide-x-reverse))', - borderLeftWidth: 'calc(0px * calc(1 - var(--divide-x-reverse)))', - }, + '--gradient-to-color': '#f87171', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-x-reverse': 0, - borderRightWidth: 'calc(2px * var(--divide-x-reverse))', - borderLeftWidth: 'calc(2px * calc(1 - var(--divide-x-reverse)))', - }, + '--gradient-to-color': '#ef4444', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-x-reverse': 0, - borderRightWidth: 'calc(4px * var(--divide-x-reverse))', - borderLeftWidth: 'calc(4px * calc(1 - var(--divide-x-reverse)))', - }, + '--gradient-to-color': '#dc2626', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-x-reverse': 0, - borderRightWidth: 'calc(8px * var(--divide-x-reverse))', - borderLeftWidth: 'calc(8px * calc(1 - var(--divide-x-reverse)))', - }, + '--gradient-to-color': '#b91c1c', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-x-reverse': 0, - borderRightWidth: 'calc(1px * var(--divide-x-reverse))', - borderLeftWidth: 'calc(1px * calc(1 - var(--divide-x-reverse)))', - }, + '--gradient-to-color': '#991b1b', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-y-reverse': 0, - borderTopWidth: 'calc(0px * calc(1 - var(--divide-y-reverse)))', - borderBottomWidth: 'calc(0px * var(--divide-y-reverse))', - }, + '--gradient-to-color': '#7f1d1d', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-y-reverse': 0, - borderTopWidth: 'calc(2px * calc(1 - var(--divide-y-reverse)))', - borderBottomWidth: 'calc(2px * var(--divide-y-reverse))', - }, + '--gradient-to-color': '#fffbeb', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-y-reverse': 0, - borderTopWidth: 'calc(4px * calc(1 - var(--divide-y-reverse)))', - borderBottomWidth: 'calc(4px * var(--divide-y-reverse))', - }, + '--gradient-to-color': '#fef3c7', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-y-reverse': 0, - borderTopWidth: 'calc(8px * calc(1 - var(--divide-y-reverse)))', - borderBottomWidth: 'calc(8px * var(--divide-y-reverse))', - }, + '--gradient-to-color': '#fde68a', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-y-reverse': 0, - borderTopWidth: 'calc(1px * calc(1 - var(--divide-y-reverse)))', - borderBottomWidth: 'calc(1px * var(--divide-y-reverse))', - }, + '--gradient-to-color': '#fcd34d', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-x-reverse': 1, - }, + '--gradient-to-color': '#fbbf24', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-y-reverse': 1, - }, -}) // https://tailwindcss.com/docs/divide-color - + '--gradient-to-color': '#f59e0b', +}) ;({ - '> :not(template) ~ :not(template)': { - borderColor: 'transparent', - }, + '--gradient-to-color': '#d97706', }) ;({ - '> :not(template) ~ :not(template)': { - borderColor: 'currentColor', - }, + '--gradient-to-color': '#b45309', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(0, 0, 0, var(--divide-opacity))', - }, + '--gradient-to-color': '#92400e', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(255, 255, 255, var(--divide-opacity))', - }, + '--gradient-to-color': '#78350f', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(247, 250, 252, var(--divide-opacity))', - }, + '--gradient-to-color': '#ecfdf5', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(237, 242, 247, var(--divide-opacity))', - }, + '--gradient-to-color': '#d1fae5', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(226, 232, 240, var(--divide-opacity))', - }, + '--gradient-to-color': '#a7f3d0', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(203, 213, 224, var(--divide-opacity))', - }, + '--gradient-to-color': '#6ee7b7', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(160, 174, 192, var(--divide-opacity))', - }, + '--gradient-to-color': '#34d399', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(113, 128, 150, var(--divide-opacity))', - }, + '--gradient-to-color': '#10b981', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(74, 85, 104, var(--divide-opacity))', - }, + '--gradient-to-color': '#059669', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(45, 55, 72, var(--divide-opacity))', - }, + '--gradient-to-color': '#047857', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(26, 32, 44, var(--divide-opacity))', - }, + '--gradient-to-color': '#065f46', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(255, 245, 245, var(--divide-opacity))', - }, + '--gradient-to-color': '#064e3b', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(254, 215, 215, var(--divide-opacity))', - }, + '--gradient-to-color': '#eff6ff', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(254, 178, 178, var(--divide-opacity))', - }, + '--gradient-to-color': '#dbeafe', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(252, 129, 129, var(--divide-opacity))', - }, + '--gradient-to-color': '#bfdbfe', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(245, 101, 101, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(229, 62, 62, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(197, 48, 48, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(155, 44, 44, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(116, 42, 42, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(255, 250, 240, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(254, 235, 200, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(251, 211, 141, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(246, 173, 85, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(237, 137, 54, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(221, 107, 32, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(192, 86, 33, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(156, 66, 33, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(123, 52, 30, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(255, 255, 240, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(254, 252, 191, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(250, 240, 137, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(246, 224, 94, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(236, 201, 75, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(214, 158, 46, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(183, 121, 31, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(151, 90, 22, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(116, 66, 16, var(--divide-opacity))', - }, + '--gradient-to-color': '#93c5fd', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(240, 255, 244, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(198, 246, 213, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(154, 230, 180, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(104, 211, 145, var(--divide-opacity))', - }, + '--gradient-to-color': '#60a5fa', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(72, 187, 120, var(--divide-opacity))', - }, + '--gradient-to-color': '#3b82f6', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(56, 161, 105, var(--divide-opacity))', - }, + '--gradient-to-color': '#2563eb', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(47, 133, 90, var(--divide-opacity))', - }, + '--gradient-to-color': '#1d4ed8', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(39, 103, 73, var(--divide-opacity))', - }, + '--gradient-to-color': '#1e40af', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(34, 84, 61, var(--divide-opacity))', - }, + '--gradient-to-color': '#1e3a8a', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(230, 255, 250, var(--divide-opacity))', - }, + '--gradient-to-color': '#eef2ff', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(178, 245, 234, var(--divide-opacity))', - }, + '--gradient-to-color': '#e0e7ff', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(129, 230, 217, var(--divide-opacity))', - }, + '--gradient-to-color': '#c7d2fe', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(79, 209, 197, var(--divide-opacity))', - }, + '--gradient-to-color': '#a5b4fc', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(56, 178, 172, var(--divide-opacity))', - }, + '--gradient-to-color': '#818cf8', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(49, 151, 149, var(--divide-opacity))', - }, + '--gradient-to-color': '#6366f1', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(44, 122, 123, var(--divide-opacity))', - }, + '--gradient-to-color': '#4f46e5', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(40, 94, 97, var(--divide-opacity))', - }, + '--gradient-to-color': '#4338ca', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(35, 78, 82, var(--divide-opacity))', - }, + '--gradient-to-color': '#3730a3', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(235, 248, 255, var(--divide-opacity))', - }, + '--gradient-to-color': '#312e81', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(190, 227, 248, var(--divide-opacity))', - }, + '--gradient-to-color': '#f5f3ff', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(144, 205, 244, var(--divide-opacity))', - }, + '--gradient-to-color': '#ede9fe', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(99, 179, 237, var(--divide-opacity))', - }, + '--gradient-to-color': '#ddd6fe', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(66, 153, 225, var(--divide-opacity))', - }, + '--gradient-to-color': '#c4b5fd', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(49, 130, 206, var(--divide-opacity))', - }, + '--gradient-to-color': '#a78bfa', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(43, 108, 176, var(--divide-opacity))', - }, + '--gradient-to-color': '#8b5cf6', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(44, 82, 130, var(--divide-opacity))', - }, + '--gradient-to-color': '#7c3aed', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(42, 67, 101, var(--divide-opacity))', - }, + '--gradient-to-color': '#6d28d9', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(235, 244, 255, var(--divide-opacity))', - }, + '--gradient-to-color': '#5b21b6', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(195, 218, 254, var(--divide-opacity))', - }, + '--gradient-to-color': '#4c1d95', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(163, 191, 250, var(--divide-opacity))', - }, + '--gradient-to-color': '#fdf2f8', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(127, 156, 245, var(--divide-opacity))', - }, + '--gradient-to-color': '#fce7f3', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(102, 126, 234, var(--divide-opacity))', - }, + '--gradient-to-color': '#fbcfe8', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(90, 103, 216, var(--divide-opacity))', - }, + '--gradient-to-color': '#f9a8d4', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(76, 81, 191, var(--divide-opacity))', - }, + '--gradient-to-color': '#f472b6', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(67, 65, 144, var(--divide-opacity))', - }, + '--gradient-to-color': '#ec4899', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(60, 54, 107, var(--divide-opacity))', - }, + '--gradient-to-color': '#db2777', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(250, 245, 255, var(--divide-opacity))', - }, + '--gradient-to-color': '#be185d', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(233, 216, 253, var(--divide-opacity))', - }, + '--gradient-to-color': '#9d174d', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(214, 188, 250, var(--divide-opacity))', - }, + '--gradient-to-color': '#831843', }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(183, 148, 244, var(--divide-opacity))', + '@media (min-width: 640px)': { + ':focus': { + '--gradient-to-color': '#9d174d', + }, }, }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(159, 122, 234, var(--divide-opacity))', + '@media (min-width: 768px)': { + ':hover': { + '--gradient-to-color': '#831843', + }, }, }) ;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(128, 90, 213, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(107, 70, 193, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(85, 60, 154, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(68, 51, 122, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(255, 245, 247, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(254, 215, 226, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(251, 182, 206, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(246, 135, 179, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(237, 100, 166, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(213, 63, 140, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(184, 50, 128, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(151, 38, 109, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - '--divide-opacity': '1', - borderColor: 'rgba(112, 36, 89, var(--divide-opacity))', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - borderStyle: 'solid', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - borderStyle: 'dashed', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - borderStyle: 'dotted', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - borderStyle: 'double', - }, -}) -;({ - '> :not(template) ~ :not(template)': { - borderStyle: 'none', - }, -}) // https://tailwindcss.com/docs/divide-opacity - -;({ - '--border-opacity': '0', -}) -;({ - '--border-opacity': '0.25', -}) -;({ - '--border-opacity': '0.5', -}) -;({ - '--border-opacity': '0.75', -}) -;({ - '--border-opacity': '1', + backgroundImage: 'linear-gradient(to top, var(--tw-gradient-stops))', + '--gradient-from-color': 'rgb(219, 0, 255)', + '--tw-gradient-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', + color: 'rgba(139, 92, 246, var(--text-opacity))', }) `; -exports[`twin.macro effects.js: effects.js 1`] = ` +exports[`twin.macro borders.js: borders.js 1`] = ` import tw from './macro' -// https://tailwindcss.com/docs/box-shadow -tw\`shadow-xs\` -tw\`shadow-sm\` -tw\`shadow\` -tw\`shadow-md\` -tw\`shadow-lg\` -tw\`shadow-xl\` -tw\`shadow-2xl\` -tw\`shadow-inner\` -tw\`shadow-outline\` -tw\`shadow-none\` - -// https://tailwindcss.com/docs/opacity -tw\`opacity-100\` -tw\`opacity-75\` -tw\`opacity-50\` -tw\`opacity-25\` -tw\`opacity-0\` - - ↓ ↓ ↓ ↓ ↓ ↓ +// https://tailwindcss.com/docs/border-radius +tw\`rounded-none\` +tw\`rounded-sm\` +tw\`rounded\` +tw\`rounded-md\` +tw\`rounded-lg\` +tw\`rounded-xl\` +tw\`rounded-2xl\` +tw\`rounded-3xl\` +tw\`rounded-full\` +tw\`rounded-t-none\` +tw\`rounded-r-none\` +tw\`rounded-b-none\` +tw\`rounded-l-none\` +tw\`rounded-t-sm\` +tw\`rounded-r-sm\` +tw\`rounded-b-sm\` +tw\`rounded-l-sm\` +tw\`rounded-t\` +tw\`rounded-r\` +tw\`rounded-b\` +tw\`rounded-l\` +tw\`rounded-t-lg\` +tw\`rounded-r-lg\` +tw\`rounded-b-lg\` +tw\`rounded-l-lg\` +tw\`rounded-t-xl\` +tw\`rounded-r-xl\` +tw\`rounded-b-xl\` +tw\`rounded-l-xl\` +tw\`rounded-t-2xl\` +tw\`rounded-r-2xl\` +tw\`rounded-b-2xl\` +tw\`rounded-l-2xl\` +tw\`rounded-t-3xl\` +tw\`rounded-r-3xl\` +tw\`rounded-b-3xl\` +tw\`rounded-l-3xl\` +tw\`rounded-t-full\` +tw\`rounded-r-full\` +tw\`rounded-b-full\` +tw\`rounded-l-full\` +tw\`rounded-tl-none\` +tw\`rounded-tr-none\` +tw\`rounded-br-none\` +tw\`rounded-bl-none\` +tw\`rounded-tl-sm\` +tw\`rounded-tr-sm\` +tw\`rounded-br-sm\` +tw\`rounded-bl-sm\` +tw\`rounded-tl\` +tw\`rounded-tr\` +tw\`rounded-br\` +tw\`rounded-bl\` +tw\`rounded-tl-lg\` +tw\`rounded-tr-lg\` +tw\`rounded-br-lg\` +tw\`rounded-bl-lg\` +tw\`rounded-tl-xl\` +tw\`rounded-tr-xl\` +tw\`rounded-br-xl\` +tw\`rounded-bl-xl\` +tw\`rounded-tl-2xl\` +tw\`rounded-tr-2xl\` +tw\`rounded-br-2xl\` +tw\`rounded-bl-2xl\` +tw\`rounded-tl-3xl\` +tw\`rounded-tr-3xl\` +tw\`rounded-br-3xl\` +tw\`rounded-bl-3xl\` +tw\`rounded-tl-full\` +tw\`rounded-tr-full\` +tw\`rounded-br-full\` +tw\`rounded-bl-full\` -// https://tailwindcss.com/docs/box-shadow -;({ - boxShadow: '0 0 0 1px rgba(0, 0, 0, 0.05)', -}) -;({ - boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', -}) -;({ - boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', -}) -;({ - boxShadow: - '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', -}) -;({ - boxShadow: - '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', -}) -;({ - boxShadow: - '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)', -}) -;({ - boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)', -}) -;({ - boxShadow: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)', -}) -;({ - boxShadow: '0 0 0 3px rgba(66, 153, 225, 0.5)', -}) -;({ - boxShadow: 'none', -}) // https://tailwindcss.com/docs/opacity +// https://tailwindcss.com/docs/border-width +tw\`border\` +tw\`border-0\` +tw\`border-2\` +tw\`border-4\` +tw\`border-8\` +tw\`border-t\` +tw\`border-r\` +tw\`border-b\` +tw\`border-l\` +tw\`border-t-0\` +tw\`border-r-0\` +tw\`border-b-0\` +tw\`border-l-0\` +tw\`border-t-2\` +tw\`border-r-2\` +tw\`border-b-2\` +tw\`border-l-2\` +tw\`border-t-4\` +tw\`border-r-4\` +tw\`border-b-4\` +tw\`border-l-4\` +tw\`border-t-8\` +tw\`border-r-8\` +tw\`border-b-8\` +tw\`border-l-8\` -;({ - opacity: '1', -}) -;({ - opacity: '0.75', -}) -;({ - opacity: '0.5', -}) -;({ - opacity: '0.25', -}) -;({ - opacity: '0', -}) - - -`; +// https://tailwindcss.com/docs/border-color +tw\`border-transparent\` +tw\`border-current\` +tw\`border-black\` +tw\`border-white\` +tw\`border-gray-50\` +tw\`border-gray-100\` +tw\`border-gray-200\` +tw\`border-gray-300\` +tw\`border-gray-400\` +tw\`border-gray-500\` +tw\`border-gray-600\` +tw\`border-gray-700\` +tw\`border-gray-800\` +tw\`border-gray-900\` +tw\`border-red-50\` +tw\`border-red-100\` +tw\`border-red-200\` +tw\`border-red-300\` +tw\`border-red-400\` +tw\`border-red-500\` +tw\`border-red-600\` +tw\`border-red-700\` +tw\`border-red-800\` +tw\`border-red-900\` +tw\`border-yellow-50\` +tw\`border-yellow-100\` +tw\`border-yellow-200\` +tw\`border-yellow-300\` +tw\`border-yellow-400\` +tw\`border-yellow-500\` +tw\`border-yellow-600\` +tw\`border-yellow-700\` +tw\`border-yellow-800\` +tw\`border-yellow-900\` +tw\`border-green-50\` +tw\`border-green-100\` +tw\`border-green-200\` +tw\`border-green-300\` +tw\`border-green-400\` +tw\`border-green-500\` +tw\`border-green-600\` +tw\`border-green-700\` +tw\`border-green-800\` +tw\`border-green-900\` +tw\`border-blue-50\` +tw\`border-blue-100\` +tw\`border-blue-200\` +tw\`border-blue-300\` +tw\`border-blue-400\` +tw\`border-blue-500\` +tw\`border-blue-600\` +tw\`border-blue-700\` +tw\`border-blue-800\` +tw\`border-blue-900\` +tw\`border-indigo-50\` +tw\`border-indigo-100\` +tw\`border-indigo-200\` +tw\`border-indigo-300\` +tw\`border-indigo-400\` +tw\`border-indigo-500\` +tw\`border-indigo-600\` +tw\`border-indigo-700\` +tw\`border-indigo-800\` +tw\`border-indigo-900\` +tw\`border-purple-50\` +tw\`border-purple-100\` +tw\`border-purple-200\` +tw\`border-purple-300\` +tw\`border-purple-400\` +tw\`border-purple-500\` +tw\`border-purple-600\` +tw\`border-purple-700\` +tw\`border-purple-800\` +tw\`border-purple-900\` +tw\`border-pink-50\` +tw\`border-pink-100\` +tw\`border-pink-200\` +tw\`border-pink-300\` +tw\`border-pink-400\` +tw\`border-pink-500\` +tw\`border-pink-600\` +tw\`border-pink-700\` +tw\`border-pink-800\` +tw\`border-pink-900\` -exports[`twin.macro flexbox.js: flexbox.js 1`] = ` +// https://tailwindcss.com/docs/border-opacity +tw\`border-opacity-0\` +tw\`border-opacity-5\` +tw\`border-opacity-10\` +tw\`border-opacity-20\` +tw\`border-opacity-25\` +tw\`border-opacity-30\` +tw\`border-opacity-40\` +tw\`border-opacity-50\` +tw\`border-opacity-60\` +tw\`border-opacity-70\` +tw\`border-opacity-75\` +tw\`border-opacity-80\` +tw\`border-opacity-90\` +tw\`border-opacity-95\` +tw\`border-opacity-100\` -import tw from './macro' +// https://tailwindcss.com/docs/border-style +tw\`border-solid\` +tw\`border-dashed\` +tw\`border-dotted\` +tw\`border-double\` +tw\`border-none\` -// https://tailwindcss.com/docs/flex-direction -tw\`flex-row\` -tw\`flex-row-reverse\` -tw\`flex-col\` -tw\`flex-col-reverse\` +// https://tailwindcss.com/docs/divide +tw\`divide-x-0\` +tw\`divide-x-2\` +tw\`divide-x-4\` +tw\`divide-x-8\` +tw\`divide-x\` +tw\`divide-y-0\` +tw\`divide-y-2\` +tw\`divide-y-4\` +tw\`divide-y-8\` +tw\`divide-y\` +tw\`divide-x-reverse\` +tw\`divide-y-reverse\` -// https://tailwindcss.com/docs/flex-wrap -tw\`flex-no-wrap\` -tw\`flex-wrap\` -tw\`flex-wrap-reverse\` +// https://tailwindcss.com/docs/divide-color +tw\`divide-transparent\` +tw\`divide-current\` +tw\`divide-black\` +tw\`divide-white\` +tw\`divide-gray-50\` +tw\`divide-gray-100\` +tw\`divide-gray-200\` +tw\`divide-gray-300\` +tw\`divide-gray-400\` +tw\`divide-gray-500\` +tw\`divide-gray-600\` +tw\`divide-gray-700\` +tw\`divide-gray-800\` +tw\`divide-gray-900\` +tw\`divide-red-50\` +tw\`divide-red-100\` +tw\`divide-red-200\` +tw\`divide-red-300\` +tw\`divide-red-400\` +tw\`divide-red-500\` +tw\`divide-red-600\` +tw\`divide-red-700\` +tw\`divide-red-800\` +tw\`divide-red-900\` +tw\`divide-yellow-50\` +tw\`divide-yellow-100\` +tw\`divide-yellow-200\` +tw\`divide-yellow-300\` +tw\`divide-yellow-400\` +tw\`divide-yellow-500\` +tw\`divide-yellow-600\` +tw\`divide-yellow-700\` +tw\`divide-yellow-800\` +tw\`divide-yellow-900\` +tw\`divide-green-50\` +tw\`divide-green-100\` +tw\`divide-green-200\` +tw\`divide-green-300\` +tw\`divide-green-400\` +tw\`divide-green-500\` +tw\`divide-green-600\` +tw\`divide-green-700\` +tw\`divide-green-800\` +tw\`divide-green-900\` +tw\`divide-blue-50\` +tw\`divide-blue-100\` +tw\`divide-blue-200\` +tw\`divide-blue-300\` +tw\`divide-blue-400\` +tw\`divide-blue-500\` +tw\`divide-blue-600\` +tw\`divide-blue-700\` +tw\`divide-blue-800\` +tw\`divide-blue-900\` +tw\`divide-indigo-50\` +tw\`divide-indigo-100\` +tw\`divide-indigo-200\` +tw\`divide-indigo-300\` +tw\`divide-indigo-400\` +tw\`divide-indigo-500\` +tw\`divide-indigo-600\` +tw\`divide-indigo-700\` +tw\`divide-indigo-800\` +tw\`divide-indigo-900\` +tw\`divide-purple-50\` +tw\`divide-purple-100\` +tw\`divide-purple-200\` +tw\`divide-purple-300\` +tw\`divide-purple-400\` +tw\`divide-purple-500\` +tw\`divide-purple-600\` +tw\`divide-purple-700\` +tw\`divide-purple-800\` +tw\`divide-purple-900\` +tw\`divide-pink-50\` +tw\`divide-pink-100\` +tw\`divide-pink-200\` +tw\`divide-pink-300\` +tw\`divide-pink-400\` +tw\`divide-pink-500\` +tw\`divide-pink-600\` +tw\`divide-pink-700\` +tw\`divide-pink-800\` +tw\`divide-pink-900\` -// https://tailwindcss.com/docs/align-items -tw\`items-stretch\` -tw\`items-start\` -tw\`items-center\` -tw\`items-end\` -tw\`items-baseline\` +// https://tailwindcss.com/docs/divide-opacity +tw\`divide-opacity-0\` +tw\`divide-opacity-5\` +tw\`divide-opacity-10\` +tw\`divide-opacity-20\` +tw\`divide-opacity-25\` +tw\`divide-opacity-30\` +tw\`divide-opacity-40\` +tw\`divide-opacity-50\` +tw\`divide-opacity-60\` +tw\`divide-opacity-70\` +tw\`divide-opacity-75\` +tw\`divide-opacity-80\` +tw\`divide-opacity-90\` +tw\`divide-opacity-95\` +tw\`divide-opacity-100\` + +// https://tailwindcss.com/docs/divide-style +tw\`divide-solid\` +tw\`divide-dashed\` +tw\`divide-dotted\` +tw\`divide-double\` +tw\`divide-none\` -// https://tailwindcss.com/docs/align-content -tw\`content-start\` -tw\`content-center\` -tw\`content-end\` -tw\`content-between\` -tw\`content-around\` +// https://tailwindcss.com/docs/ring-width +// ... -// https://tailwindcss.com/docs/align-self -tw\`self-auto\` -tw\`self-start\` -tw\`self-center\` -tw\`self-end\` -tw\`self-stretch\` +// https://tailwindcss.com/docs/ring-color +// ... -// https://tailwindcss.com/docs/justify-content -tw\`justify-start\` -tw\`justify-center\` -tw\`justify-end\` -tw\`justify-between\` -tw\`justify-around\` -tw\`justify-evenly\` +// https://tailwindcss.com/docs/ring-opacity +// ... -// https://tailwindcss.com/docs/flex -tw\`flex-initial\` -tw\`flex-1\` -tw\`flex-auto\` -tw\`flex-none\` +// https://tailwindcss.com/docs/ring-offset-width +// ... -// https://tailwindcss.com/docs/flex-grow -tw\`flex-grow\` -tw\`flex-grow-0\` +// https://tailwindcss.com/docs/ring-offset-color +// ... -// https://tailwindcss.com/docs/flex-shrink -tw\`flex-shrink\` -tw\`flex-shrink-0\` + ↓ ↓ ↓ ↓ ↓ ↓ -// https://tailwindcss.com/docs/order -tw\`order-first\` -tw\`order-last\` -tw\`order-none\` -tw\`order-1\` -tw\`order-2\` -tw\`order-3\` -tw\`order-4\` -tw\`order-5\` -tw\`order-6\` -tw\`order-7\` -tw\`order-8\` -tw\`order-9\` -tw\`order-10\` -tw\`order-11\` -tw\`order-12\` - - ↓ ↓ ↓ ↓ ↓ ↓ - -// https://tailwindcss.com/docs/flex-direction +// https://tailwindcss.com/docs/border-radius ;({ - flexDirection: 'row', + borderRadius: '0px', }) ;({ - flexDirection: 'row-reverse', + borderRadius: '0.125rem', }) ;({ - flexDirection: 'column', + borderRadius: '0.25rem', }) ;({ - flexDirection: 'column-reverse', -}) // https://tailwindcss.com/docs/flex-wrap - + borderRadius: '0.375rem', +}) ;({ - flexWrap: 'nowrap', + borderRadius: '0.5rem', }) ;({ - flexWrap: 'wrap', + borderRadius: '0.75rem', }) ;({ - flexWrap: 'wrap-reverse', -}) // https://tailwindcss.com/docs/align-items - + borderRadius: '1rem', +}) ;({ - alignItems: 'stretch', + borderRadius: '1.5rem', }) ;({ - alignItems: 'flex-start', + borderRadius: '9999px', }) ;({ - alignItems: 'center', + borderTopLeftRadius: '0px', + borderTopRightRadius: '0px', }) ;({ - alignItems: 'flex-end', + borderTopRightRadius: '0px', + borderBottomRightRadius: '0px', }) ;({ - alignItems: 'baseline', -}) // https://tailwindcss.com/docs/align-content - + borderBottomLeftRadius: '0px', + borderBottomRightRadius: '0px', +}) ;({ - alignContent: 'flex-start', + borderTopLeftRadius: '0px', + borderBottomLeftRadius: '0px', }) ;({ - alignContent: 'center', + borderTopLeftRadius: '0.125rem', + borderTopRightRadius: '0.125rem', }) ;({ - alignContent: 'flex-end', + borderTopRightRadius: '0.125rem', + borderBottomRightRadius: '0.125rem', }) ;({ - alignContent: 'space-between', + borderBottomLeftRadius: '0.125rem', + borderBottomRightRadius: '0.125rem', }) ;({ - alignContent: 'space-around', -}) // https://tailwindcss.com/docs/align-self - + borderTopLeftRadius: '0.125rem', + borderBottomLeftRadius: '0.125rem', +}) ;({ - alignSelf: 'auto', + borderTopLeftRadius: '0.25rem', + borderTopRightRadius: '0.25rem', }) ;({ - alignSelf: 'flex-start', + borderTopRightRadius: '0.25rem', + borderBottomRightRadius: '0.25rem', }) ;({ - alignSelf: 'center', + borderBottomLeftRadius: '0.25rem', + borderBottomRightRadius: '0.25rem', }) ;({ - alignSelf: 'flex-end', + borderTopLeftRadius: '0.25rem', + borderBottomLeftRadius: '0.25rem', }) ;({ - alignSelf: 'stretch', -}) // https://tailwindcss.com/docs/justify-content - + borderTopLeftRadius: '0.5rem', + borderTopRightRadius: '0.5rem', +}) ;({ - justifyContent: 'flex-start', + borderTopRightRadius: '0.5rem', + borderBottomRightRadius: '0.5rem', }) ;({ - justifyContent: 'center', + borderBottomLeftRadius: '0.5rem', + borderBottomRightRadius: '0.5rem', }) ;({ - justifyContent: 'flex-end', + borderTopLeftRadius: '0.5rem', + borderBottomLeftRadius: '0.5rem', }) ;({ - justifyContent: 'space-between', + borderTopLeftRadius: '0.75rem', + borderTopRightRadius: '0.75rem', }) ;({ - justifyContent: 'space-around', + borderTopRightRadius: '0.75rem', + borderBottomRightRadius: '0.75rem', }) ;({ - justifyContent: 'space-evenly', -}) // https://tailwindcss.com/docs/flex - + borderBottomLeftRadius: '0.75rem', + borderBottomRightRadius: '0.75rem', +}) ;({ - flex: '0 1 auto', + borderTopLeftRadius: '0.75rem', + borderBottomLeftRadius: '0.75rem', }) ;({ - flex: '1 1 0%', + borderTopLeftRadius: '1rem', + borderTopRightRadius: '1rem', }) ;({ - flex: '1 1 auto', + borderTopRightRadius: '1rem', + borderBottomRightRadius: '1rem', }) ;({ - flex: 'none', -}) // https://tailwindcss.com/docs/flex-grow - + borderBottomLeftRadius: '1rem', + borderBottomRightRadius: '1rem', +}) ;({ - flexGrow: '1', + borderTopLeftRadius: '1rem', + borderBottomLeftRadius: '1rem', }) ;({ - flexGrow: '0', -}) // https://tailwindcss.com/docs/flex-shrink - + borderTopLeftRadius: '1.5rem', + borderTopRightRadius: '1.5rem', +}) ;({ - flexShrink: '1', + borderTopRightRadius: '1.5rem', + borderBottomRightRadius: '1.5rem', }) ;({ - flexShrink: '0', -}) // https://tailwindcss.com/docs/order - + borderBottomLeftRadius: '1.5rem', + borderBottomRightRadius: '1.5rem', +}) ;({ - order: '-9999', + borderTopLeftRadius: '1.5rem', + borderBottomLeftRadius: '1.5rem', }) ;({ - order: '9999', + borderTopLeftRadius: '9999px', + borderTopRightRadius: '9999px', }) ;({ - order: '0', + borderTopRightRadius: '9999px', + borderBottomRightRadius: '9999px', }) ;({ - order: '1', + borderBottomLeftRadius: '9999px', + borderBottomRightRadius: '9999px', }) ;({ - order: '2', + borderTopLeftRadius: '9999px', + borderBottomLeftRadius: '9999px', }) ;({ - order: '3', + borderTopLeftRadius: '0px', }) ;({ - order: '4', + borderTopRightRadius: '0px', }) ;({ - order: '5', + borderBottomRightRadius: '0px', }) ;({ - order: '6', + borderBottomLeftRadius: '0px', }) ;({ - order: '7', + borderTopLeftRadius: '0.125rem', }) ;({ - order: '8', + borderTopRightRadius: '0.125rem', }) ;({ - order: '9', + borderBottomRightRadius: '0.125rem', }) ;({ - order: '10', + borderBottomLeftRadius: '0.125rem', }) ;({ - order: '11', + borderTopLeftRadius: '0.25rem', }) ;({ - order: '12', + borderTopRightRadius: '0.25rem', }) +;({ + borderBottomRightRadius: '0.25rem', +}) +;({ + borderBottomLeftRadius: '0.25rem', +}) +;({ + borderTopLeftRadius: '0.5rem', +}) +;({ + borderTopRightRadius: '0.5rem', +}) +;({ + borderBottomRightRadius: '0.5rem', +}) +;({ + borderBottomLeftRadius: '0.5rem', +}) +;({ + borderTopLeftRadius: '0.75rem', +}) +;({ + borderTopRightRadius: '0.75rem', +}) +;({ + borderBottomRightRadius: '0.75rem', +}) +;({ + borderBottomLeftRadius: '0.75rem', +}) +;({ + borderTopLeftRadius: '1rem', +}) +;({ + borderTopRightRadius: '1rem', +}) +;({ + borderBottomRightRadius: '1rem', +}) +;({ + borderBottomLeftRadius: '1rem', +}) +;({ + borderTopLeftRadius: '1.5rem', +}) +;({ + borderTopRightRadius: '1.5rem', +}) +;({ + borderBottomRightRadius: '1.5rem', +}) +;({ + borderBottomLeftRadius: '1.5rem', +}) +;({ + borderTopLeftRadius: '9999px', +}) +;({ + borderTopRightRadius: '9999px', +}) +;({ + borderBottomRightRadius: '9999px', +}) +;({ + borderBottomLeftRadius: '9999px', +}) // https://tailwindcss.com/docs/border-width - -`; - -exports[`twin.macro gradients.js: gradients.js 1`] = ` - -import tw from './macro' - -// https://tailwindcss.com/docs/gradient-color-stops -tw\`bg-none\` -tw\`bg-gradient-to-t\` -tw\`bg-gradient-to-tr\` -tw\`bg-gradient-to-r\` -tw\`bg-gradient-to-br\` -tw\`bg-gradient-to-b\` -tw\`bg-gradient-to-bl\` -tw\`bg-gradient-to-l\` -tw\`bg-gradient-to-tl\` - -tw\`sm:focus:bg-gradient-to-tl\` -tw\`md:hover:bg-gradient-to-tl\` - -tw\`from-transparent\` -tw\`from-current\` -tw\`from-black\` -tw\`from-white\` -tw\`from-gray-100\` -tw\`from-gray-200\` -tw\`from-gray-300\` -tw\`from-gray-400\` -tw\`from-gray-500\` -tw\`from-gray-600\` -tw\`from-gray-700\` -tw\`from-gray-800\` -tw\`from-gray-900\` -tw\`from-red-100\` -tw\`from-red-200\` -tw\`from-red-300\` -tw\`from-red-400\` -tw\`from-red-500\` -tw\`from-red-600\` -tw\`from-red-700\` -tw\`from-red-800\` -tw\`from-red-900\` -tw\`from-orange-100\` -tw\`from-orange-200\` -tw\`from-orange-300\` -tw\`from-orange-400\` -tw\`from-orange-500\` -tw\`from-orange-600\` -tw\`from-orange-700\` -tw\`from-orange-800\` -tw\`from-orange-900\` -tw\`from-yellow-100\` -tw\`from-yellow-200\` -tw\`from-yellow-300\` -tw\`from-yellow-400\` -tw\`from-yellow-500\` -tw\`from-yellow-600\` -tw\`from-yellow-700\` -tw\`from-yellow-800\` -tw\`from-yellow-900\` -tw\`from-green-100\` -tw\`from-green-200\` -tw\`from-green-300\` -tw\`from-green-400\` -tw\`from-green-500\` -tw\`from-green-600\` -tw\`from-green-700\` -tw\`from-green-800\` -tw\`from-green-900\` -tw\`from-teal-100\` -tw\`from-teal-200\` -tw\`from-teal-300\` -tw\`from-teal-400\` -tw\`from-teal-500\` -tw\`from-teal-600\` -tw\`from-teal-700\` -tw\`from-teal-800\` -tw\`from-teal-900\` -tw\`from-blue-100\` -tw\`from-blue-200\` -tw\`from-blue-300\` -tw\`from-blue-400\` -tw\`from-blue-500\` -tw\`from-blue-600\` -tw\`from-blue-700\` -tw\`from-blue-800\` -tw\`from-blue-900\` -tw\`from-indigo-100\` -tw\`from-indigo-200\` -tw\`from-indigo-300\` -tw\`from-indigo-400\` -tw\`from-indigo-500\` -tw\`from-indigo-600\` -tw\`from-indigo-700\` -tw\`from-indigo-800\` -tw\`from-indigo-900\` -tw\`from-purple-100\` -tw\`from-purple-200\` -tw\`from-purple-300\` -tw\`from-purple-400\` -tw\`from-purple-500\` -tw\`from-purple-600\` -tw\`from-purple-700\` -tw\`from-purple-800\` -tw\`from-purple-900\` -tw\`from-pink-100\` -tw\`from-pink-200\` -tw\`from-pink-300\` -tw\`from-pink-400\` -tw\`from-pink-500\` -tw\`from-pink-600\` -tw\`from-pink-700\` -tw\`from-pink-800\` -tw\`from-pink-900\` - -tw\`sm:focus:from-pink-800\` -tw\`md:hover:from-pink-900\` - -tw\`via-transparent\` -tw\`via-current\` -tw\`via-black\` -tw\`via-white\` -tw\`via-gray-100\` -tw\`via-gray-200\` -tw\`via-gray-300\` -tw\`via-gray-400\` -tw\`via-gray-500\` -tw\`via-gray-600\` -tw\`via-gray-700\` -tw\`via-gray-800\` -tw\`via-gray-900\` -tw\`via-red-100\` -tw\`via-red-200\` -tw\`via-red-300\` -tw\`via-red-400\` -tw\`via-red-500\` -tw\`via-red-600\` -tw\`via-red-700\` -tw\`via-red-800\` -tw\`via-red-900\` -tw\`via-orange-100\` -tw\`via-orange-200\` -tw\`via-orange-300\` -tw\`via-orange-400\` -tw\`via-orange-500\` -tw\`via-orange-600\` -tw\`via-orange-700\` -tw\`via-orange-800\` -tw\`via-orange-900\` -tw\`via-yellow-100\` -tw\`via-yellow-200\` -tw\`via-yellow-300\` -tw\`via-yellow-400\` -tw\`via-yellow-500\` -tw\`via-yellow-600\` -tw\`via-yellow-700\` -tw\`via-yellow-800\` -tw\`via-yellow-900\` -tw\`via-green-100\` -tw\`via-green-200\` -tw\`via-green-300\` -tw\`via-green-400\` -tw\`via-green-500\` -tw\`via-green-600\` -tw\`via-green-700\` -tw\`via-green-800\` -tw\`via-green-900\` -tw\`via-teal-100\` -tw\`via-teal-200\` -tw\`via-teal-300\` -tw\`via-teal-400\` -tw\`via-teal-500\` -tw\`via-teal-600\` -tw\`via-teal-700\` -tw\`via-teal-800\` -tw\`via-teal-900\` -tw\`via-blue-100\` -tw\`via-blue-200\` -tw\`via-blue-300\` -tw\`via-blue-400\` -tw\`via-blue-500\` -tw\`via-blue-600\` -tw\`via-blue-700\` -tw\`via-blue-800\` -tw\`via-blue-900\` -tw\`via-indigo-100\` -tw\`via-indigo-200\` -tw\`via-indigo-300\` -tw\`via-indigo-400\` -tw\`via-indigo-500\` -tw\`via-indigo-600\` -tw\`via-indigo-700\` -tw\`via-indigo-800\` -tw\`via-indigo-900\` -tw\`via-purple-100\` -tw\`via-purple-200\` -tw\`via-purple-300\` -tw\`via-purple-400\` -tw\`via-purple-500\` -tw\`via-purple-600\` -tw\`via-purple-700\` -tw\`via-purple-800\` -tw\`via-purple-900\` -tw\`via-pink-100\` -tw\`via-pink-200\` -tw\`via-pink-300\` -tw\`via-pink-400\` -tw\`via-pink-500\` -tw\`via-pink-600\` -tw\`via-pink-700\` -tw\`via-pink-800\` -tw\`via-pink-900\` - -tw\`sm:focus:via-pink-800\` -tw\`md:hover:via-pink-900\` - -tw\`to-transparent\` -tw\`to-current\` -tw\`to-black\` -tw\`to-white\` -tw\`to-gray-100\` -tw\`to-gray-200\` -tw\`to-gray-300\` -tw\`to-gray-400\` -tw\`to-gray-500\` -tw\`to-gray-600\` -tw\`to-gray-700\` -tw\`to-gray-800\` -tw\`to-gray-900\` -tw\`to-red-100\` -tw\`to-red-200\` -tw\`to-red-300\` -tw\`to-red-400\` -tw\`to-red-500\` -tw\`to-red-600\` -tw\`to-red-700\` -tw\`to-red-800\` -tw\`to-red-900\` -tw\`to-orange-100\` -tw\`to-orange-200\` -tw\`to-orange-300\` -tw\`to-orange-400\` -tw\`to-orange-500\` -tw\`to-orange-600\` -tw\`to-orange-700\` -tw\`to-orange-800\` -tw\`to-orange-900\` -tw\`to-yellow-100\` -tw\`to-yellow-200\` -tw\`to-yellow-300\` -tw\`to-yellow-400\` -tw\`to-yellow-500\` -tw\`to-yellow-600\` -tw\`to-yellow-700\` -tw\`to-yellow-800\` -tw\`to-yellow-900\` -tw\`to-green-100\` -tw\`to-green-200\` -tw\`to-green-300\` -tw\`to-green-400\` -tw\`to-green-500\` -tw\`to-green-600\` -tw\`to-green-700\` -tw\`to-green-800\` -tw\`to-green-900\` -tw\`to-teal-100\` -tw\`to-teal-200\` -tw\`to-teal-300\` -tw\`to-teal-400\` -tw\`to-teal-500\` -tw\`to-teal-600\` -tw\`to-teal-700\` -tw\`to-teal-800\` -tw\`to-teal-900\` -tw\`to-blue-100\` -tw\`to-blue-200\` -tw\`to-blue-300\` -tw\`to-blue-400\` -tw\`to-blue-500\` -tw\`to-blue-600\` -tw\`to-blue-700\` -tw\`to-blue-800\` -tw\`to-blue-900\` -tw\`to-indigo-100\` -tw\`to-indigo-200\` -tw\`to-indigo-300\` -tw\`to-indigo-400\` -tw\`to-indigo-500\` -tw\`to-indigo-600\` -tw\`to-indigo-700\` -tw\`to-indigo-800\` -tw\`to-indigo-900\` -tw\`to-purple-100\` -tw\`to-purple-200\` -tw\`to-purple-300\` -tw\`to-purple-400\` -tw\`to-purple-500\` -tw\`to-purple-600\` -tw\`to-purple-700\` -tw\`to-purple-800\` -tw\`to-purple-900\` -tw\`to-pink-100\` -tw\`to-pink-200\` -tw\`to-pink-300\` -tw\`to-pink-400\` -tw\`to-pink-500\` -tw\`to-pink-600\` -tw\`to-pink-700\` -tw\`to-pink-800\` -tw\`to-pink-900\` - -tw\`sm:focus:to-pink-800\` -tw\`md:hover:to-pink-900\` - -tw\`bg-gradient-to-t from-electric to-electric text-purple-500 text-opacity-50\` - - ↓ ↓ ↓ ↓ ↓ ↓ - -// https://tailwindcss.com/docs/gradient-color-stops ;({ - backgroundImage: 'none', + borderWidth: '1px', }) ;({ - backgroundImage: 'linear-gradient(to top, var(--gradient-color-stops))', + borderWidth: '0px', }) ;({ - backgroundImage: 'linear-gradient(to top right, var(--gradient-color-stops))', + borderWidth: '2px', }) ;({ - backgroundImage: 'linear-gradient(to right, var(--gradient-color-stops))', + borderWidth: '4px', }) ;({ - backgroundImage: - 'linear-gradient(to bottom right, var(--gradient-color-stops))', + borderWidth: '8px', }) ;({ - backgroundImage: 'linear-gradient(to bottom, var(--gradient-color-stops))', + borderTopWidth: '1px', }) ;({ - backgroundImage: - 'linear-gradient(to bottom left, var(--gradient-color-stops))', + borderRightWidth: '1px', }) ;({ - backgroundImage: 'linear-gradient(to left, var(--gradient-color-stops))', + borderBottomWidth: '1px', }) ;({ - backgroundImage: 'linear-gradient(to top left, var(--gradient-color-stops))', + borderLeftWidth: '1px', }) ;({ - '@media (min-width: 640px)': { - ':focus': { - backgroundImage: - 'linear-gradient(to top left, var(--gradient-color-stops))', - }, - }, + borderTopWidth: '0px', }) ;({ - '@media (min-width: 768px)': { - ':hover': { - backgroundImage: - 'linear-gradient(to top left, var(--gradient-color-stops))', - }, - }, + borderRightWidth: '0px', }) ;({ - '--gradient-from-color': 'transparent', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', + borderBottomWidth: '0px', }) ;({ - '--gradient-from-color': 'currentColor', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', + borderLeftWidth: '0px', }) ;({ - '--gradient-from-color': '#000', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', + borderTopWidth: '2px', }) ;({ - '--gradient-from-color': '#fff', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', -}) -;({ - '--gradient-from-color': '#f7fafc', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))', + borderRightWidth: '2px', }) ;({ - '--gradient-from-color': '#edf2f7', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(237, 242, 247, 0))', + borderBottomWidth: '2px', }) ;({ - '--gradient-from-color': '#e2e8f0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(226, 232, 240, 0))', + borderLeftWidth: '2px', }) ;({ - '--gradient-from-color': '#cbd5e0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(203, 213, 224, 0))', + borderTopWidth: '4px', }) ;({ - '--gradient-from-color': '#a0aec0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(160, 174, 192, 0))', + borderRightWidth: '4px', }) ;({ - '--gradient-from-color': '#718096', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(113, 128, 150, 0))', + borderBottomWidth: '4px', }) ;({ - '--gradient-from-color': '#4a5568', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(74, 85, 104, 0))', + borderLeftWidth: '4px', }) ;({ - '--gradient-from-color': '#2d3748', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(45, 55, 72, 0))', + borderTopWidth: '8px', }) ;({ - '--gradient-from-color': '#1a202c', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(26, 32, 44, 0))', + borderRightWidth: '8px', }) ;({ - '--gradient-from-color': '#fff5f5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 245, 0))', + borderBottomWidth: '8px', }) ;({ - '--gradient-from-color': '#fed7d7', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 215, 0))', -}) + borderLeftWidth: '8px', +}) // https://tailwindcss.com/docs/border-color + ;({ - '--gradient-from-color': '#feb2b2', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 178, 178, 0))', + borderColor: 'transparent', }) ;({ - '--gradient-from-color': '#fc8181', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(252, 129, 129, 0))', + borderColor: 'currentColor', }) ;({ - '--gradient-from-color': '#f56565', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(245, 101, 101, 0))', + '--border-opacity': '1', + borderColor: 'rgba(0, 0, 0, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#e53e3e', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(229, 62, 62, 0))', + '--border-opacity': '1', + borderColor: 'rgba(255, 255, 255, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#c53030', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(197, 48, 48, 0))', + '--border-opacity': '1', + borderColor: 'rgba(249, 250, 251, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#9b2c2c', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(155, 44, 44, 0))', + '--border-opacity': '1', + borderColor: 'rgba(243, 244, 246, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#742a2a', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(116, 42, 42, 0))', + '--border-opacity': '1', + borderColor: 'rgba(229, 231, 235, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#fffaf0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 250, 240, 0))', + '--border-opacity': '1', + borderColor: 'rgba(209, 213, 219, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#feebc8', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 235, 200, 0))', + '--border-opacity': '1', + borderColor: 'rgba(156, 163, 175, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#fbd38d', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(251, 211, 141, 0))', + '--border-opacity': '1', + borderColor: 'rgba(107, 114, 128, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#f6ad55', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(246, 173, 85, 0))', + '--border-opacity': '1', + borderColor: 'rgba(75, 85, 99, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#ed8936', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(237, 137, 54, 0))', + '--border-opacity': '1', + borderColor: 'rgba(55, 65, 81, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#dd6b20', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(221, 107, 32, 0))', + '--border-opacity': '1', + borderColor: 'rgba(31, 41, 55, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#c05621', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(192, 86, 33, 0))', + '--border-opacity': '1', + borderColor: 'rgba(17, 24, 39, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#9c4221', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(156, 66, 33, 0))', + '--border-opacity': '1', + borderColor: 'rgba(254, 242, 242, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#7b341e', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(123, 52, 30, 0))', + '--border-opacity': '1', + borderColor: 'rgba(254, 226, 226, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#fffff0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 240, 0))', + '--border-opacity': '1', + borderColor: 'rgba(254, 202, 202, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#fefcbf', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 252, 191, 0))', + '--border-opacity': '1', + borderColor: 'rgba(252, 165, 165, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#faf089', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(250, 240, 137, 0))', + '--border-opacity': '1', + borderColor: 'rgba(248, 113, 113, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#f6e05e', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(246, 224, 94, 0))', + '--border-opacity': '1', + borderColor: 'rgba(239, 68, 68, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#ecc94b', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(236, 201, 75, 0))', + '--border-opacity': '1', + borderColor: 'rgba(220, 38, 38, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#d69e2e', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(214, 158, 46, 0))', + '--border-opacity': '1', + borderColor: 'rgba(185, 28, 28, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#b7791f', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(183, 121, 31, 0))', + '--border-opacity': '1', + borderColor: 'rgba(153, 27, 27, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#975a16', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(151, 90, 22, 0))', + '--border-opacity': '1', + borderColor: 'rgba(127, 29, 29, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#744210', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(116, 66, 16, 0))', + '--border-opacity': '1', + borderColor: 'rgba(255, 251, 235, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#f0fff4', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(240, 255, 244, 0))', + '--border-opacity': '1', + borderColor: 'rgba(254, 243, 199, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#c6f6d5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(198, 246, 213, 0))', + '--border-opacity': '1', + borderColor: 'rgba(253, 230, 138, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#9ae6b4', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(154, 230, 180, 0))', + '--border-opacity': '1', + borderColor: 'rgba(252, 211, 77, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#68d391', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(104, 211, 145, 0))', + '--border-opacity': '1', + borderColor: 'rgba(251, 191, 36, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#48bb78', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(72, 187, 120, 0))', + '--border-opacity': '1', + borderColor: 'rgba(245, 158, 11, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#38a169', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(56, 161, 105, 0))', + '--border-opacity': '1', + borderColor: 'rgba(217, 119, 6, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#2f855a', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(47, 133, 90, 0))', + '--border-opacity': '1', + borderColor: 'rgba(180, 83, 9, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#276749', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(39, 103, 73, 0))', + '--border-opacity': '1', + borderColor: 'rgba(146, 64, 14, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#22543d', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(34, 84, 61, 0))', + '--border-opacity': '1', + borderColor: 'rgba(120, 53, 15, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#e6fffa', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(230, 255, 250, 0))', + '--border-opacity': '1', + borderColor: 'rgba(236, 253, 245, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#b2f5ea', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(178, 245, 234, 0))', + '--border-opacity': '1', + borderColor: 'rgba(209, 250, 229, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#81e6d9', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(129, 230, 217, 0))', + '--border-opacity': '1', + borderColor: 'rgba(167, 243, 208, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#4fd1c5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(79, 209, 197, 0))', + '--border-opacity': '1', + borderColor: 'rgba(110, 231, 183, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#38b2ac', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(56, 178, 172, 0))', + '--border-opacity': '1', + borderColor: 'rgba(52, 211, 153, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#319795', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(49, 151, 149, 0))', + '--border-opacity': '1', + borderColor: 'rgba(16, 185, 129, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#2c7a7b', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(44, 122, 123, 0))', + '--border-opacity': '1', + borderColor: 'rgba(5, 150, 105, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#285e61', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(40, 94, 97, 0))', + '--border-opacity': '1', + borderColor: 'rgba(4, 120, 87, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#234e52', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(35, 78, 82, 0))', + '--border-opacity': '1', + borderColor: 'rgba(6, 95, 70, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#ebf8ff', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(235, 248, 255, 0))', + '--border-opacity': '1', + borderColor: 'rgba(6, 78, 59, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#bee3f8', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(190, 227, 248, 0))', + '--border-opacity': '1', + borderColor: 'rgba(239, 246, 255, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#90cdf4', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(144, 205, 244, 0))', + '--border-opacity': '1', + borderColor: 'rgba(219, 234, 254, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#63b3ed', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(99, 179, 237, 0))', + '--border-opacity': '1', + borderColor: 'rgba(191, 219, 254, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#4299e1', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(66, 153, 225, 0))', + '--border-opacity': '1', + borderColor: 'rgba(147, 197, 253, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#3182ce', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(49, 130, 206, 0))', + '--border-opacity': '1', + borderColor: 'rgba(96, 165, 250, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#2b6cb0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(43, 108, 176, 0))', + '--border-opacity': '1', + borderColor: 'rgba(59, 130, 246, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#2c5282', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(44, 82, 130, 0))', + '--border-opacity': '1', + borderColor: 'rgba(37, 99, 235, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#2a4365', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(42, 67, 101, 0))', + '--border-opacity': '1', + borderColor: 'rgba(29, 78, 216, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#ebf4ff', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(235, 244, 255, 0))', + '--border-opacity': '1', + borderColor: 'rgba(30, 64, 175, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#c3dafe', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(195, 218, 254, 0))', + '--border-opacity': '1', + borderColor: 'rgba(30, 58, 138, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#a3bffa', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(163, 191, 250, 0))', + '--border-opacity': '1', + borderColor: 'rgba(238, 242, 255, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#7f9cf5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(127, 156, 245, 0))', + '--border-opacity': '1', + borderColor: 'rgba(224, 231, 255, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#667eea', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(102, 126, 234, 0))', + '--border-opacity': '1', + borderColor: 'rgba(199, 210, 254, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#5a67d8', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(90, 103, 216, 0))', + '--border-opacity': '1', + borderColor: 'rgba(165, 180, 252, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#4c51bf', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(76, 81, 191, 0))', + '--border-opacity': '1', + borderColor: 'rgba(129, 140, 248, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#434190', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(67, 65, 144, 0))', + '--border-opacity': '1', + borderColor: 'rgba(99, 102, 241, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#3c366b', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(60, 54, 107, 0))', + '--border-opacity': '1', + borderColor: 'rgba(79, 70, 229, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#faf5ff', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(250, 245, 255, 0))', + '--border-opacity': '1', + borderColor: 'rgba(67, 56, 202, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#e9d8fd', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(233, 216, 253, 0))', + '--border-opacity': '1', + borderColor: 'rgba(55, 48, 163, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#d6bcfa', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(214, 188, 250, 0))', + '--border-opacity': '1', + borderColor: 'rgba(49, 46, 129, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#b794f4', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(183, 148, 244, 0))', + '--border-opacity': '1', + borderColor: 'rgba(245, 243, 255, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#9f7aea', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(159, 122, 234, 0))', + '--border-opacity': '1', + borderColor: 'rgba(237, 233, 254, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#805ad5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(128, 90, 213, 0))', + '--border-opacity': '1', + borderColor: 'rgba(221, 214, 254, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#6b46c1', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(107, 70, 193, 0))', + '--border-opacity': '1', + borderColor: 'rgba(196, 181, 253, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#553c9a', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(85, 60, 154, 0))', + '--border-opacity': '1', + borderColor: 'rgba(167, 139, 250, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#44337a', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(68, 51, 122, 0))', + '--border-opacity': '1', + borderColor: 'rgba(139, 92, 246, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#fff5f7', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 247, 0))', + '--border-opacity': '1', + borderColor: 'rgba(124, 58, 237, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#fed7e2', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(254, 215, 226, 0))', + '--border-opacity': '1', + borderColor: 'rgba(109, 40, 217, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#fbb6ce', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(251, 182, 206, 0))', + '--border-opacity': '1', + borderColor: 'rgba(91, 33, 182, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#f687b3', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(246, 135, 179, 0))', + '--border-opacity': '1', + borderColor: 'rgba(76, 29, 149, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#ed64a6', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(237, 100, 166, 0))', + '--border-opacity': '1', + borderColor: 'rgba(253, 242, 248, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#d53f8c', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(213, 63, 140, 0))', + '--border-opacity': '1', + borderColor: 'rgba(252, 231, 243, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#b83280', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(184, 50, 128, 0))', + '--border-opacity': '1', + borderColor: 'rgba(251, 207, 232, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#97266d', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0))', + '--border-opacity': '1', + borderColor: 'rgba(249, 168, 212, var(--border-opacity))', }) ;({ - '--gradient-from-color': '#702459', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0))', + '--border-opacity': '1', + borderColor: 'rgba(244, 114, 182, var(--border-opacity))', }) ;({ - '@media (min-width: 640px)': { - ':focus': { - '--gradient-from-color': '#97266d', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(151, 38, 109, 0))', - }, - }, + '--border-opacity': '1', + borderColor: 'rgba(236, 72, 153, var(--border-opacity))', }) ;({ - '@media (min-width: 768px)': { - ':hover': { - '--gradient-from-color': '#702459', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-to-color, rgba(112, 36, 89, 0))', - }, - }, + '--border-opacity': '1', + borderColor: 'rgba(219, 39, 119, var(--border-opacity))', }) ;({ - '--gradient-via-color': 'transparent', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', + '--border-opacity': '1', + borderColor: 'rgba(190, 24, 93, var(--border-opacity))', }) ;({ - '--gradient-via-color': 'currentColor', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', + '--border-opacity': '1', + borderColor: 'rgba(157, 23, 77, var(--border-opacity))', }) ;({ - '--gradient-via-color': '#000', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))', -}) + '--border-opacity': '1', + borderColor: 'rgba(131, 24, 67, var(--border-opacity))', +}) // https://tailwindcss.com/docs/border-opacity + ;({ - '--gradient-via-color': '#fff', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))', + '--border-opacity': '0', }) ;({ - '--gradient-via-color': '#f7fafc', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))', + '--border-opacity': '0.05', }) ;({ - '--gradient-via-color': '#edf2f7', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 242, 247, 0))', + '--border-opacity': '0.1', }) ;({ - '--gradient-via-color': '#e2e8f0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 232, 240, 0))', + '--border-opacity': '0.2', }) ;({ - '--gradient-via-color': '#cbd5e0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(203, 213, 224, 0))', + '--border-opacity': '0.25', }) ;({ - '--gradient-via-color': '#a0aec0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(160, 174, 192, 0))', + '--border-opacity': '0.3', }) ;({ - '--gradient-via-color': '#718096', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(113, 128, 150, 0))', + '--border-opacity': '0.4', }) ;({ - '--gradient-via-color': '#4a5568', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(74, 85, 104, 0))', + '--border-opacity': '0.5', }) ;({ - '--gradient-via-color': '#2d3748', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(45, 55, 72, 0))', + '--border-opacity': '0.6', }) ;({ - '--gradient-via-color': '#1a202c', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 32, 44, 0))', + '--border-opacity': '0.7', }) ;({ - '--gradient-via-color': '#fff5f5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 245, 0))', + '--border-opacity': '0.75', }) ;({ - '--gradient-via-color': '#fed7d7', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 215, 0))', + '--border-opacity': '0.8', }) ;({ - '--gradient-via-color': '#feb2b2', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 178, 178, 0))', + '--border-opacity': '0.9', }) ;({ - '--gradient-via-color': '#fc8181', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 129, 129, 0))', + '--border-opacity': '0.95', }) ;({ - '--gradient-via-color': '#f56565', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(245, 101, 101, 0))', -}) + '--border-opacity': '1', +}) // https://tailwindcss.com/docs/border-style + ;({ - '--gradient-via-color': '#e53e3e', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(229, 62, 62, 0))', + borderStyle: 'solid', }) ;({ - '--gradient-via-color': '#c53030', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(197, 48, 48, 0))', + borderStyle: 'dashed', }) ;({ - '--gradient-via-color': '#9b2c2c', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(155, 44, 44, 0))', + borderStyle: 'dotted', }) ;({ - '--gradient-via-color': '#742a2a', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 42, 42, 0))', + borderStyle: 'double', }) ;({ - '--gradient-via-color': '#fffaf0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 250, 240, 0))', -}) + borderStyle: 'none', +}) // https://tailwindcss.com/docs/divide + ;({ - '--gradient-via-color': '#feebc8', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 235, 200, 0))', + '> :not(template) ~ :not(template)': { + '--divide-x-reverse': 0, + borderRightWidth: 'calc(0px * var(--divide-x-reverse))', + borderLeftWidth: 'calc(0px * calc(1 - var(--divide-x-reverse)))', + }, }) ;({ - '--gradient-via-color': '#fbd38d', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 211, 141, 0))', + '> :not(template) ~ :not(template)': { + '--divide-x-reverse': 0, + borderRightWidth: 'calc(2px * var(--divide-x-reverse))', + borderLeftWidth: 'calc(2px * calc(1 - var(--divide-x-reverse)))', + }, }) ;({ - '--gradient-via-color': '#f6ad55', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 173, 85, 0))', + '> :not(template) ~ :not(template)': { + '--divide-x-reverse': 0, + borderRightWidth: 'calc(4px * var(--divide-x-reverse))', + borderLeftWidth: 'calc(4px * calc(1 - var(--divide-x-reverse)))', + }, }) ;({ - '--gradient-via-color': '#ed8936', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 137, 54, 0))', + '> :not(template) ~ :not(template)': { + '--divide-x-reverse': 0, + borderRightWidth: 'calc(8px * var(--divide-x-reverse))', + borderLeftWidth: 'calc(8px * calc(1 - var(--divide-x-reverse)))', + }, }) ;({ - '--gradient-via-color': '#dd6b20', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(221, 107, 32, 0))', + '> :not(template) ~ :not(template)': { + '--divide-x-reverse': 0, + borderRightWidth: 'calc(1px * var(--divide-x-reverse))', + borderLeftWidth: 'calc(1px * calc(1 - var(--divide-x-reverse)))', + }, }) ;({ - '--gradient-via-color': '#c05621', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(192, 86, 33, 0))', + '> :not(template) ~ :not(template)': { + '--divide-y-reverse': 0, + borderTopWidth: 'calc(0px * calc(1 - var(--divide-y-reverse)))', + borderBottomWidth: 'calc(0px * var(--divide-y-reverse))', + }, }) ;({ - '--gradient-via-color': '#9c4221', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(156, 66, 33, 0))', + '> :not(template) ~ :not(template)': { + '--divide-y-reverse': 0, + borderTopWidth: 'calc(2px * calc(1 - var(--divide-y-reverse)))', + borderBottomWidth: 'calc(2px * var(--divide-y-reverse))', + }, }) ;({ - '--gradient-via-color': '#7b341e', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(123, 52, 30, 0))', + '> :not(template) ~ :not(template)': { + '--divide-y-reverse': 0, + borderTopWidth: 'calc(4px * calc(1 - var(--divide-y-reverse)))', + borderBottomWidth: 'calc(4px * var(--divide-y-reverse))', + }, }) ;({ - '--gradient-via-color': '#fffff0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 240, 0))', + '> :not(template) ~ :not(template)': { + '--divide-y-reverse': 0, + borderTopWidth: 'calc(8px * calc(1 - var(--divide-y-reverse)))', + borderBottomWidth: 'calc(8px * var(--divide-y-reverse))', + }, }) ;({ - '--gradient-via-color': '#fefcbf', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 252, 191, 0))', + '> :not(template) ~ :not(template)': { + '--divide-y-reverse': 0, + borderTopWidth: 'calc(1px * calc(1 - var(--divide-y-reverse)))', + borderBottomWidth: 'calc(1px * var(--divide-y-reverse))', + }, }) ;({ - '--gradient-via-color': '#faf089', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 240, 137, 0))', + '> :not(template) ~ :not(template)': { + '--divide-x-reverse': 1, + }, }) ;({ - '--gradient-via-color': '#f6e05e', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 224, 94, 0))', -}) + '> :not(template) ~ :not(template)': { + '--divide-y-reverse': 1, + }, +}) // https://tailwindcss.com/docs/divide-color + ;({ - '--gradient-via-color': '#ecc94b', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(236, 201, 75, 0))', + '> :not(template) ~ :not(template)': { + borderColor: 'transparent', + }, }) ;({ - '--gradient-via-color': '#d69e2e', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 158, 46, 0))', + '> :not(template) ~ :not(template)': { + borderColor: 'currentColor', + }, }) ;({ - '--gradient-via-color': '#b7791f', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 121, 31, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(0, 0, 0, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#975a16', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 90, 22, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(255, 255, 255, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#744210', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(116, 66, 16, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(249, 250, 251, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#f0fff4', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 255, 244, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(243, 244, 246, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#c6f6d5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(198, 246, 213, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(229, 231, 235, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#9ae6b4', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(154, 230, 180, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(209, 213, 219, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#68d391', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(104, 211, 145, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(156, 163, 175, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#48bb78', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(72, 187, 120, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(107, 114, 128, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#38a169', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 161, 105, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(75, 85, 99, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#2f855a', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(47, 133, 90, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(55, 65, 81, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#276749', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 103, 73, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(31, 41, 55, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#22543d', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 84, 61, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(17, 24, 39, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#e6fffa', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(230, 255, 250, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(254, 242, 242, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#b2f5ea', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(178, 245, 234, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(254, 226, 226, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#81e6d9', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(129, 230, 217, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(254, 202, 202, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#4fd1c5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(79, 209, 197, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(252, 165, 165, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#38b2ac', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 178, 172, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(248, 113, 113, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#319795', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 151, 149, 0))', -}) -;({ - '--gradient-via-color': '#2c7a7b', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 122, 123, 0))', -}) -;({ - '--gradient-via-color': '#285e61', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(40, 94, 97, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(239, 68, 68, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#234e52', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(35, 78, 82, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(220, 38, 38, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#ebf8ff', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 248, 255, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(185, 28, 28, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#bee3f8', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(190, 227, 248, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(153, 27, 27, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#90cdf4', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(144, 205, 244, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(127, 29, 29, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#63b3ed', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(99, 179, 237, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(255, 251, 235, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#4299e1', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(66, 153, 225, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(254, 243, 199, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#3182ce', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(49, 130, 206, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(253, 230, 138, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#2b6cb0', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(43, 108, 176, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(252, 211, 77, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#2c5282', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(44, 82, 130, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(251, 191, 36, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#2a4365', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(42, 67, 101, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(245, 158, 11, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#ebf4ff', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(235, 244, 255, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(217, 119, 6, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#c3dafe', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(195, 218, 254, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(180, 83, 9, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#a3bffa', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(163, 191, 250, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(146, 64, 14, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#7f9cf5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(127, 156, 245, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(120, 53, 15, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#667eea', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(102, 126, 234, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(236, 253, 245, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#5a67d8', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(90, 103, 216, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(209, 250, 229, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#4c51bf', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(76, 81, 191, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(167, 243, 208, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#434190', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(67, 65, 144, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(110, 231, 183, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#3c366b', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(60, 54, 107, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(52, 211, 153, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#faf5ff', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 245, 255, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(16, 185, 129, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#e9d8fd', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(233, 216, 253, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(5, 150, 105, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#d6bcfa', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 188, 250, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(4, 120, 87, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#b794f4', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(183, 148, 244, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(6, 95, 70, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#9f7aea', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(159, 122, 234, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(6, 78, 59, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#805ad5', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(128, 90, 213, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(239, 246, 255, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#6b46c1', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(107, 70, 193, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(219, 234, 254, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#553c9a', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(85, 60, 154, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(191, 219, 254, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#44337a', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(68, 51, 122, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(147, 197, 253, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#fff5f7', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 247, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(96, 165, 250, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#fed7e2', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(254, 215, 226, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(59, 130, 246, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#fbb6ce', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(251, 182, 206, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(37, 99, 235, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#f687b3', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 135, 179, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(29, 78, 216, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#ed64a6', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 100, 166, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(30, 64, 175, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#d53f8c', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(213, 63, 140, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(30, 58, 138, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#b83280', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 50, 128, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(238, 242, 255, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#97266d', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(224, 231, 255, var(--divide-opacity))', + }, }) ;({ - '--gradient-via-color': '#702459', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0))', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(199, 210, 254, var(--divide-opacity))', + }, }) ;({ - '@media (min-width: 640px)': { - ':focus': { - '--gradient-via-color': '#97266d', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(151, 38, 109, 0))', - }, + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(165, 180, 252, var(--divide-opacity))', }, }) ;({ - '@media (min-width: 768px)': { - ':hover': { - '--gradient-via-color': '#702459', - '--gradient-color-stops': - 'var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(112, 36, 89, 0))', - }, + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(129, 140, 248, var(--divide-opacity))', }, }) ;({ - '--gradient-to-color': 'transparent', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(99, 102, 241, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': 'currentColor', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(79, 70, 229, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#000', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(67, 56, 202, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#fff', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(55, 48, 163, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#f7fafc', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(49, 46, 129, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#edf2f7', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(245, 243, 255, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#e2e8f0', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(237, 233, 254, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#cbd5e0', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(221, 214, 254, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#a0aec0', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(196, 181, 253, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#718096', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(167, 139, 250, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#4a5568', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(139, 92, 246, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#2d3748', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(124, 58, 237, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#1a202c', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(109, 40, 217, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#fff5f5', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(91, 33, 182, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#fed7d7', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(76, 29, 149, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#feb2b2', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(253, 242, 248, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#fc8181', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(252, 231, 243, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#f56565', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(251, 207, 232, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#e53e3e', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(249, 168, 212, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#c53030', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(244, 114, 182, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#9b2c2c', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(236, 72, 153, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#742a2a', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(219, 39, 119, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#fffaf0', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(190, 24, 93, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#feebc8', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(157, 23, 77, var(--divide-opacity))', + }, }) ;({ - '--gradient-to-color': '#fbd38d', -}) + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + borderColor: 'rgba(131, 24, 67, var(--divide-opacity))', + }, +}) // https://tailwindcss.com/docs/divide-opacity + ;({ - '--gradient-to-color': '#f6ad55', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0', + }, }) ;({ - '--gradient-to-color': '#ed8936', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.05', + }, }) ;({ - '--gradient-to-color': '#dd6b20', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.1', + }, }) ;({ - '--gradient-to-color': '#c05621', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.2', + }, }) ;({ - '--gradient-to-color': '#9c4221', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.25', + }, }) ;({ - '--gradient-to-color': '#7b341e', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.3', + }, }) ;({ - '--gradient-to-color': '#fffff0', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.4', + }, }) ;({ - '--gradient-to-color': '#fefcbf', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.5', + }, }) ;({ - '--gradient-to-color': '#faf089', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.6', + }, }) ;({ - '--gradient-to-color': '#f6e05e', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.7', + }, }) ;({ - '--gradient-to-color': '#ecc94b', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.75', + }, }) ;({ - '--gradient-to-color': '#d69e2e', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.8', + }, }) ;({ - '--gradient-to-color': '#b7791f', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.9', + }, }) ;({ - '--gradient-to-color': '#975a16', + '> :not(template) ~ :not(template)': { + '--divide-opacity': '0.95', + }, }) ;({ - '--gradient-to-color': '#744210', -}) + '> :not(template) ~ :not(template)': { + '--divide-opacity': '1', + }, +}) // https://tailwindcss.com/docs/divide-style + ;({ - '--gradient-to-color': '#f0fff4', + '> :not(template) ~ :not(template)': { + borderStyle: 'solid', + }, }) ;({ - '--gradient-to-color': '#c6f6d5', + '> :not(template) ~ :not(template)': { + borderStyle: 'dashed', + }, }) ;({ - '--gradient-to-color': '#9ae6b4', + '> :not(template) ~ :not(template)': { + borderStyle: 'dotted', + }, }) ;({ - '--gradient-to-color': '#68d391', + '> :not(template) ~ :not(template)': { + borderStyle: 'double', + }, }) ;({ - '--gradient-to-color': '#48bb78', -}) + '> :not(template) ~ :not(template)': { + borderStyle: 'none', + }, +}) // https://tailwindcss.com/docs/ring-width +// ... +// https://tailwindcss.com/docs/ring-color +// ... +// https://tailwindcss.com/docs/ring-opacity +// ... +// https://tailwindcss.com/docs/ring-offset-width +// ... +// https://tailwindcss.com/docs/ring-offset-color +// ... + + +`; + +exports[`twin.macro boxAlignment.js: boxAlignment.js 1`] = ` + +import tw from './macro' + +// https://tailwindcss.com/docs/justify-content +tw\`justify-start\` +tw\`justify-end\` +tw\`justify-center\` +tw\`justify-between\` +tw\`justify-around\` +tw\`justify-evenly\` + +// https://tailwindcss.com/docs/justify-items +tw\`justify-items-auto\` +tw\`justify-items-start\` +tw\`justify-items-end\` +tw\`justify-items-center\` +tw\`justify-items-stretch\` + +// https://tailwindcss.com/docs/justify-self +tw\`justify-self-auto\` +tw\`justify-self-start\` +tw\`justify-self-end\` +tw\`justify-self-center\` +tw\`justify-self-stretch\` + +// https://tailwindcss.com/docs/align-content +tw\`content-start\` +tw\`content-center\` +tw\`content-end\` +tw\`content-between\` +tw\`content-around\` + +// https://tailwindcss.com/docs/align-items +tw\`items-start\` +tw\`items-end\` +tw\`items-center\` +tw\`items-baseline\` +tw\`items-stretch\` + +// https://tailwindcss.com/docs/align-self +tw\`self-auto\` +tw\`self-start\` +tw\`self-end\` +tw\`self-center\` +tw\`self-stretch\` + +// https://tailwindcss.com/docs/place-content +tw\`place-content-center\` +tw\`place-content-start\` +tw\`place-content-end\` +tw\`place-content-between\` +tw\`place-content-around\` +tw\`place-content-evenly\` +tw\`place-content-stretch\` + +// https://tailwindcss.com/docs/place-items +tw\`place-items-auto\` +tw\`place-items-start\` +tw\`place-items-end\` +tw\`place-items-center\` +tw\`place-items-stretch\` + +// https://tailwindcss.com/docs/place-self +tw\`place-self-auto\` +tw\`place-self-start\` +tw\`place-self-end\` +tw\`place-self-center\` +tw\`place-self-stretch\` + + ↓ ↓ ↓ ↓ ↓ ↓ + +// https://tailwindcss.com/docs/justify-content +;({ + justifyContent: 'flex-start', +}) +;({ + justifyContent: 'flex-end', +}) +;({ + justifyContent: 'center', +}) +;({ + justifyContent: 'space-between', +}) +;({ + justifyContent: 'space-around', +}) +;({ + justifyContent: 'space-evenly', +}) // https://tailwindcss.com/docs/justify-items + +;({ + justifyItems: 'auto', +}) +;({ + justifyItems: 'start', +}) +;({ + justifyItems: 'end', +}) +;({ + justifyItems: 'center', +}) +;({ + justifyItems: 'stretch', +}) // https://tailwindcss.com/docs/justify-self + +;({ + justifySelf: 'auto', +}) +;({ + justifySelf: 'start', +}) +;({ + justifySelf: 'end', +}) +;({ + justifySelf: 'center', +}) +;({ + justifySelf: 'stretch', +}) // https://tailwindcss.com/docs/align-content + +;({ + alignContent: 'flex-start', +}) ;({ - '--gradient-to-color': '#38a169', + alignContent: 'center', }) ;({ - '--gradient-to-color': '#2f855a', + alignContent: 'flex-end', }) ;({ - '--gradient-to-color': '#276749', + alignContent: 'space-between', }) ;({ - '--gradient-to-color': '#22543d', + alignContent: 'space-around', +}) // https://tailwindcss.com/docs/align-items + +;({ + alignItems: 'flex-start', }) ;({ - '--gradient-to-color': '#e6fffa', + alignItems: 'flex-end', }) ;({ - '--gradient-to-color': '#b2f5ea', + alignItems: 'center', }) ;({ - '--gradient-to-color': '#81e6d9', + alignItems: 'baseline', }) ;({ - '--gradient-to-color': '#4fd1c5', + alignItems: 'stretch', +}) // https://tailwindcss.com/docs/align-self + +;({ + alignSelf: 'auto', }) ;({ - '--gradient-to-color': '#38b2ac', + alignSelf: 'flex-start', }) ;({ - '--gradient-to-color': '#319795', + alignSelf: 'flex-end', }) ;({ - '--gradient-to-color': '#2c7a7b', + alignSelf: 'center', }) ;({ - '--gradient-to-color': '#285e61', + alignSelf: 'stretch', +}) // https://tailwindcss.com/docs/place-content + +;({ + placeContent: 'center', }) ;({ - '--gradient-to-color': '#234e52', + placeContent: 'start', }) ;({ - '--gradient-to-color': '#ebf8ff', + placeContent: 'end', }) ;({ - '--gradient-to-color': '#bee3f8', + placeContent: 'space-between', }) ;({ - '--gradient-to-color': '#90cdf4', + placeContent: 'space-around', }) ;({ - '--gradient-to-color': '#63b3ed', + placeContent: 'space-evenly', }) ;({ - '--gradient-to-color': '#4299e1', + placeContent: 'stretch', +}) // https://tailwindcss.com/docs/place-items + +;({ + placeItems: 'auto', }) ;({ - '--gradient-to-color': '#3182ce', + placeItems: 'start', }) ;({ - '--gradient-to-color': '#2b6cb0', + placeItems: 'end', }) ;({ - '--gradient-to-color': '#2c5282', + placeItems: 'center', }) ;({ - '--gradient-to-color': '#2a4365', + placeItems: 'stretch', +}) // https://tailwindcss.com/docs/place-self + +;({ + placeSelf: 'auto', }) ;({ - '--gradient-to-color': '#ebf4ff', + placeSelf: 'start', }) ;({ - '--gradient-to-color': '#c3dafe', + placeSelf: 'end', }) ;({ - '--gradient-to-color': '#a3bffa', + placeSelf: 'center', }) ;({ - '--gradient-to-color': '#7f9cf5', + placeSelf: 'stretch', }) + + +`; + +exports[`twin.macro effects.js: effects.js 1`] = ` + +import tw from './macro' + +// https://tailwindcss.com/docs/box-shadow +tw\`shadow-sm\` +tw\`shadow\` +tw\`shadow-md\` +tw\`shadow-lg\` +tw\`shadow-xl\` +tw\`shadow-2xl\` +tw\`shadow-inner\` +tw\`shadow-none\` + +// https://tailwindcss.com/docs/opacity +tw\`opacity-0\` +tw\`opacity-5\` +tw\`opacity-10\` +tw\`opacity-20\` +tw\`opacity-25\` +tw\`opacity-30\` +tw\`opacity-40\` +tw\`opacity-50\` +tw\`opacity-60\` +tw\`opacity-70\` +tw\`opacity-75\` +tw\`opacity-80\` +tw\`opacity-90\` +tw\`opacity-95\` +tw\`opacity-100\` + +// https://tailwindcss.com/docs/animation +tw\`animate-none\` +tw\`animate-spin\` +tw\`animate-ping\` +tw\`animate-pulse\` +tw\`animate-bounce\` + + ↓ ↓ ↓ ↓ ↓ ↓ + +// https://tailwindcss.com/docs/box-shadow ;({ - '--gradient-to-color': '#667eea', + boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)', }) ;({ - '--gradient-to-color': '#5a67d8', + boxShadow: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)', }) ;({ - '--gradient-to-color': '#4c51bf', + boxShadow: + '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', }) ;({ - '--gradient-to-color': '#434190', + boxShadow: + '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)', }) ;({ - '--gradient-to-color': '#3c366b', + boxShadow: + '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)', }) ;({ - '--gradient-to-color': '#faf5ff', + boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)', }) ;({ - '--gradient-to-color': '#e9d8fd', + boxShadow: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)', }) ;({ - '--gradient-to-color': '#d6bcfa', + boxShadow: 'none', +}) // https://tailwindcss.com/docs/opacity + +;({ + opacity: '0', }) ;({ - '--gradient-to-color': '#b794f4', + opacity: '0.05', }) ;({ - '--gradient-to-color': '#9f7aea', + opacity: '0.1', }) ;({ - '--gradient-to-color': '#805ad5', + opacity: '0.2', }) ;({ - '--gradient-to-color': '#6b46c1', + opacity: '0.25', }) ;({ - '--gradient-to-color': '#553c9a', + opacity: '0.3', }) ;({ - '--gradient-to-color': '#44337a', + opacity: '0.4', }) ;({ - '--gradient-to-color': '#fff5f7', + opacity: '0.5', }) ;({ - '--gradient-to-color': '#fed7e2', + opacity: '0.6', }) ;({ - '--gradient-to-color': '#fbb6ce', + opacity: '0.7', }) ;({ - '--gradient-to-color': '#f687b3', + opacity: '0.75', }) ;({ - '--gradient-to-color': '#ed64a6', + opacity: '0.8', }) ;({ - '--gradient-to-color': '#d53f8c', + opacity: '0.9', }) ;({ - '--gradient-to-color': '#b83280', + opacity: '0.95', }) ;({ - '--gradient-to-color': '#97266d', + opacity: '1', +}) // https://tailwindcss.com/docs/animation + +;({ + animation: 'none', }) ;({ - '--gradient-to-color': '#702459', + animation: 'spin 1s linear infinite', }) ;({ - '@media (min-width: 640px)': { - ':focus': { - '--gradient-to-color': '#97266d', - }, - }, + animation: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite', }) ;({ - '@media (min-width: 768px)': { - ':hover': { - '--gradient-to-color': '#702459', - }, - }, + animation: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite', }) ;({ - backgroundImage: 'linear-gradient(to top, var(--gradient-color-stops))', - '--gradient-from-color': 'rgb(219, 0, 255)', - '--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', - color: 'rgba(159, 122, 234, var(--text-opacity))', + animation: 'bounce 1s infinite', }) `; -exports[`twin.macro grid.js: grid.js 1`] = ` +exports[`twin.macro flexbox.js: flexbox.js 1`] = ` import tw from './macro' -// https://tailwindcss.com/docs/grid-template-columns -tw\`grid-cols-1\` -tw\`grid-cols-2\` -tw\`grid-cols-3\` -tw\`grid-cols-4\` -tw\`grid-cols-5\` -tw\`grid-cols-6\` -tw\`grid-cols-7\` -tw\`grid-cols-8\` -tw\`grid-cols-9\` -tw\`grid-cols-10\` -tw\`grid-cols-11\` +// https://tailwindcss.com/docs/flex-direction +tw\`flex-row\` +tw\`flex-row-reverse\` +tw\`flex-col\` +tw\`flex-col-reverse\` + +// https://tailwindcss.com/docs/flex-wrap +tw\`flex-wrap-reverse\` +tw\`flex-wrap\` +tw\`flex-no-wrap\` + +// https://tailwindcss.com/docs/flex +tw\`flex-1\` +tw\`flex-auto\` +tw\`flex-initial\` +tw\`flex-none\` + +// https://tailwindcss.com/docs/flex-grow +tw\`flex-grow-0\` +tw\`flex-grow\` + +// https://tailwindcss.com/docs/flex-shrink +tw\`flex-shrink-0\` +tw\`flex-shrink\` + +// https://tailwindcss.com/docs/order +tw\`order-1\` +tw\`order-2\` +tw\`order-3\` +tw\`order-4\` +tw\`order-5\` +tw\`order-6\` +tw\`order-7\` +tw\`order-8\` +tw\`order-9\` +tw\`order-10\` +tw\`order-11\` +tw\`order-12\` +tw\`order-first\` +tw\`order-last\` +tw\`order-none\` + + ↓ ↓ ↓ ↓ ↓ ↓ + +// https://tailwindcss.com/docs/flex-direction +;({ + flexDirection: 'row', +}) +;({ + flexDirection: 'row-reverse', +}) +;({ + flexDirection: 'column', +}) +;({ + flexDirection: 'column-reverse', +}) // https://tailwindcss.com/docs/flex-wrap + +;({ + flexWrap: 'wrap-reverse', +}) +;({ + flexWrap: 'wrap', +}) +;({ + flexWrap: 'nowrap', +}) // https://tailwindcss.com/docs/flex + +;({ + flex: '1 1 0%', +}) +;({ + flex: '1 1 auto', +}) +;({ + flex: '0 1 auto', +}) +;({ + flex: 'none', +}) // https://tailwindcss.com/docs/flex-grow + +;({ + flexGrow: '0', +}) +;({ + flexGrow: '1', +}) // https://tailwindcss.com/docs/flex-shrink + +;({ + flexShrink: '0', +}) +;({ + flexShrink: '1', +}) // https://tailwindcss.com/docs/order + +;({ + 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: '-9999', +}) +;({ + order: '9999', +}) +;({ + order: '0', +}) + + +`; + +exports[`twin.macro grid.js: grid.js 1`] = ` + +import tw from './macro' + +// https://tailwindcss.com/docs/grid-template-columns +tw\`grid-cols-1\` +tw\`grid-cols-2\` +tw\`grid-cols-3\` +tw\`grid-cols-4\` +tw\`grid-cols-5\` +tw\`grid-cols-6\` +tw\`grid-cols-7\` +tw\`grid-cols-8\` +tw\`grid-cols-9\` +tw\`grid-cols-10\` +tw\`grid-cols-11\` tw\`grid-cols-12\` tw\`grid-cols-none\` @@ -6836,32 +6828,69 @@ tw\`row-end-6\` tw\`row-end-7\` tw\`row-end-auto\` +// https://tailwindcss.com/docs/grid-auto-flow +tw\`grid-flow-row\` +tw\`grid-flow-col\` +tw\`grid-flow-row-dense\` +tw\`grid-flow-col-dense\` + +// https://tailwindcss.com/docs/grid-auto-columns +tw\`auto-cols-auto\` +tw\`auto-cols-min\` +tw\`auto-cols-max\` +tw\`auto-cols-fr\` + +// https://tailwindcss.com/docs/grid-auto-rows +tw\`auto-rows-auto\` +tw\`auto-rows-min\` +tw\`auto-rows-max\` +tw\`auto-rows-fr\` + // https://tailwindcss.com/docs/gap tw\`gap-0\` +tw\`gap-0.5\` tw\`gap-1\` +tw\`gap-1.5\` tw\`gap-2\` +tw\`gap-2.5\` tw\`gap-3\` +tw\`gap-3.5\` tw\`gap-4\` tw\`gap-5\` tw\`gap-6\` +tw\`gap-7\` tw\`gap-8\` +tw\`gap-9\` tw\`gap-10\` tw\`gap-12\` +tw\`gap-14\` tw\`gap-16\` tw\`gap-20\` tw\`gap-24\` +tw\`gap-28\` tw\`gap-32\` +tw\`gap-36\` tw\`gap-40\` +tw\`gap-44\` tw\`gap-48\` +tw\`gap-52\` tw\`gap-56\` +tw\`gap-60\` tw\`gap-64\` +tw\`gap-72\` +tw\`gap-80\` +tw\`gap-96\` tw\`gap-px\` // https://tailwindcss.com/docs/gap tw\`gap-x-0\` +tw\`gap-x-0.5\` tw\`gap-x-1\` +tw\`gap-x-1.5\` tw\`gap-x-2\` +tw\`gap-x-2.5\` tw\`gap-x-3\` +tw\`gap-x-3.5\` tw\`gap-x-4\` tw\`gap-x-5\` tw\`gap-x-6\` @@ -6880,120 +6909,40 @@ tw\`gap-x-px\` // https://tailwindcss.com/docs/gap tw\`gap-y-0\` +tw\`gap-y-0.5\` tw\`gap-y-1\` +tw\`gap-y-1.5\` tw\`gap-y-2\` +tw\`gap-y-2.5\` tw\`gap-y-3\` +tw\`gap-y-3.5\` tw\`gap-y-4\` tw\`gap-y-5\` tw\`gap-y-6\` +tw\`gap-y-7\` tw\`gap-y-8\` +tw\`gap-y-9\` tw\`gap-y-10\` +tw\`gap-y-11\` tw\`gap-y-12\` tw\`gap-y-16\` tw\`gap-y-20\` tw\`gap-y-24\` +tw\`gap-y-28\` tw\`gap-y-32\` +tw\`gap-y-36\` tw\`gap-y-40\` +tw\`gap-y-44\` tw\`gap-y-48\` +tw\`gap-y-52\` tw\`gap-y-56\` +tw\`gap-y-60\` tw\`gap-y-64\` +tw\`gap-y-72\` +tw\`gap-y-80\` +tw\`gap-y-96\` tw\`gap-y-px\` -// Deprecated since tailwindcss v1.7.0 -tw\`row-gap-0\` -tw\`row-gap-1\` -tw\`row-gap-2\` -tw\`row-gap-3\` -tw\`row-gap-4\` -tw\`row-gap-5\` -tw\`row-gap-6\` -tw\`row-gap-8\` -tw\`row-gap-10\` -tw\`row-gap-12\` -tw\`row-gap-16\` -tw\`row-gap-20\` -tw\`row-gap-24\` -tw\`row-gap-32\` -tw\`row-gap-40\` -tw\`row-gap-48\` -tw\`row-gap-56\` -tw\`row-gap-64\` -tw\`row-gap-px\` - -// Deprecated since tailwindcss v1.7.0 -tw\`col-gap-0\` -tw\`col-gap-1\` -tw\`col-gap-2\` -tw\`col-gap-3\` -tw\`col-gap-4\` -tw\`col-gap-5\` -tw\`col-gap-6\` -tw\`col-gap-8\` -tw\`col-gap-10\` -tw\`col-gap-12\` -tw\`col-gap-16\` -tw\`col-gap-20\` -tw\`col-gap-24\` -tw\`col-gap-32\` -tw\`col-gap-40\` -tw\`col-gap-48\` -tw\`col-gap-56\` -tw\`col-gap-64\` -tw\`col-gap-px\` - -// https://tailwindcss.com/docs/grid-auto-flow -tw\`grid-flow-row\` -tw\`grid-flow-col\` -tw\`grid-flow-row-dense\` -tw\`grid-flow-col-dense\` - -// https://tailwindcss.com/docs/grid-auto-columns -tw\`auto-cols-auto\` -tw\`auto-cols-min\` -tw\`auto-cols-max\` -tw\`auto-cols-fr\` - -// https://tailwindcss.com/docs/grid-auto-rows -tw\`auto-rows-auto\` -tw\`auto-rows-min\` -tw\`auto-rows-max\` -tw\`auto-rows-fr\` - -// Grid alignment utilities -// https://github.com/tailwindlabs/tailwindcss/pull/2306 - -tw\`justify-items-auto\` -tw\`justify-items-start\` -tw\`justify-items-end\` -tw\`justify-items-center\` -tw\`justify-items-stretch\` - -tw\`justify-self-auto\` -tw\`justify-self-start\` -tw\`justify-self-end\` -tw\`justify-self-center\` -tw\`justify-self-stretch\` - -tw\`place-content-center\` -tw\`place-content-start\` -tw\`place-content-end\` -tw\`place-content-between\` -tw\`place-content-around\` -tw\`place-content-evenly\` -tw\`place-content-stretch\` - -tw\`place-items-auto\` -tw\`place-items-start\` -tw\`place-items-end\` -tw\`place-items-center\` -tw\`place-items-stretch\` - -tw\`place-self-auto\` -tw\`place-self-start\` -tw\`place-self-end\` -tw\`place-self-center\` -tw\`place-self-stretch\` - ↓ ↓ ↓ ↓ ↓ ↓ // https://tailwindcss.com/docs/grid-template-columns @@ -7257,251 +7206,173 @@ tw\`place-self-stretch\` }) ;({ gridRowEnd: 'auto', -}) // https://tailwindcss.com/docs/gap +}) // https://tailwindcss.com/docs/grid-auto-flow ;({ - gap: '0', + gridAutoFlow: 'row', }) ;({ - gap: '0.25rem', + gridAutoFlow: 'column', }) ;({ - gap: '0.5rem', + gridAutoFlow: 'row dense', }) ;({ - gap: '0.75rem', -}) + gridAutoFlow: 'col dense', +}) // https://tailwindcss.com/docs/grid-auto-columns + ;({ - gap: '1rem', + gridAutoColumns: 'auto', }) ;({ - gap: '1.25rem', + gridAutoColumns: 'min-content', }) ;({ - gap: '1.5rem', + gridAutoColumns: 'max-content', }) ;({ - gap: '2rem', + gridAutoColumns: 'minmax(0, 1fr)', +}) // https://tailwindcss.com/docs/grid-auto-rows + +;({ + gridAutoRows: 'auto', }) ;({ - gap: '2.5rem', + gridAutoRows: 'min-content', }) ;({ - gap: '3rem', -}) -;({ - gap: '4rem', -}) -;({ - gap: '5rem', -}) -;({ - gap: '6rem', -}) -;({ - gap: '8rem', -}) -;({ - gap: '10rem', -}) -;({ - gap: '12rem', -}) -;({ - gap: '14rem', -}) -;({ - gap: '16rem', + gridAutoRows: 'max-content', }) ;({ - gap: '1px', + gridAutoRows: 'minmax(0, 1fr)', }) // https://tailwindcss.com/docs/gap ;({ - columnGap: '0', -}) -;({ - columnGap: '0.25rem', -}) -;({ - columnGap: '0.5rem', -}) -;({ - columnGap: '0.75rem', + gap: '0px', }) ;({ - columnGap: '1rem', + gap: '0.125rem', }) ;({ - columnGap: '1.25rem', + gap: '0.25rem', }) ;({ - columnGap: '1.5rem', + gap: '0.375rem', }) ;({ - columnGap: '2rem', + gap: '0.5rem', }) ;({ - columnGap: '2.5rem', + gap: '0.625rem', }) ;({ - columnGap: '3rem', + gap: '0.75rem', }) ;({ - columnGap: '4rem', + gap: '0.875rem', }) ;({ - columnGap: '5rem', + gap: '1rem', }) ;({ - columnGap: '6rem', + gap: '1.25rem', }) ;({ - columnGap: '8rem', + gap: '1.5rem', }) ;({ - columnGap: '10rem', + gap: '1.75rem', }) ;({ - columnGap: '12rem', + gap: '2rem', }) ;({ - columnGap: '14rem', + gap: '2.25rem', }) ;({ - columnGap: '16rem', + gap: '2.5rem', }) ;({ - columnGap: '1px', -}) // https://tailwindcss.com/docs/gap - -;({ - rowGap: '0', + gap: '3rem', }) ;({ - rowGap: '0.25rem', + gap: '3.5rem', }) ;({ - rowGap: '0.5rem', + gap: '4rem', }) ;({ - rowGap: '0.75rem', + gap: '5rem', }) ;({ - rowGap: '1rem', + gap: '6rem', }) ;({ - rowGap: '1.25rem', + gap: '7rem', }) ;({ - rowGap: '1.5rem', + gap: '8rem', }) ;({ - rowGap: '2rem', + gap: '9rem', }) ;({ - rowGap: '2.5rem', + gap: '10rem', }) ;({ - rowGap: '3rem', + gap: '11rem', }) ;({ - rowGap: '4rem', + gap: '12rem', }) ;({ - rowGap: '5rem', + gap: '13rem', }) ;({ - rowGap: '6rem', + gap: '14rem', }) ;({ - rowGap: '8rem', + gap: '15rem', }) ;({ - rowGap: '10rem', + gap: '16rem', }) ;({ - rowGap: '12rem', + gap: '18rem', }) ;({ - rowGap: '14rem', + gap: '20rem', }) ;({ - rowGap: '16rem', + gap: '24rem', }) ;({ - rowGap: '1px', -}) // Deprecated since tailwindcss v1.7.0 + gap: '1px', +}) // https://tailwindcss.com/docs/gap ;({ - rowGap: '0', -}) -;({ - rowGap: '0.25rem', -}) -;({ - rowGap: '0.5rem', -}) -;({ - rowGap: '0.75rem', -}) -;({ - rowGap: '1rem', -}) -;({ - rowGap: '1.25rem', -}) -;({ - rowGap: '1.5rem', -}) -;({ - rowGap: '2rem', -}) -;({ - rowGap: '2.5rem', -}) -;({ - rowGap: '3rem', -}) -;({ - rowGap: '4rem', -}) -;({ - rowGap: '5rem', -}) -;({ - rowGap: '6rem', -}) -;({ - rowGap: '8rem', -}) -;({ - rowGap: '10rem', + columnGap: '0px', }) ;({ - rowGap: '12rem', + columnGap: '0.125rem', }) ;({ - rowGap: '14rem', + columnGap: '0.25rem', }) ;({ - rowGap: '16rem', + columnGap: '0.375rem', }) ;({ - rowGap: '1px', -}) // Deprecated since tailwindcss v1.7.0 - -;({ - columnGap: '0', + columnGap: '0.5rem', }) ;({ - columnGap: '0.25rem', + columnGap: '0.625rem', }) ;({ - columnGap: '0.5rem', + columnGap: '0.75rem', }) ;({ - columnGap: '0.75rem', + columnGap: '0.875rem', }) ;({ columnGap: '1rem', @@ -7547,128 +7418,109 @@ tw\`place-self-stretch\` }) ;({ columnGap: '1px', -}) // https://tailwindcss.com/docs/grid-auto-flow +}) // https://tailwindcss.com/docs/gap ;({ - gridAutoFlow: 'row', -}) -;({ - gridAutoFlow: 'column', -}) -;({ - gridAutoFlow: 'row dense', + rowGap: '0px', }) ;({ - gridAutoFlow: 'col dense', -}) // https://tailwindcss.com/docs/grid-auto-columns - -;({ - gridAutoColumns: 'auto', + rowGap: '0.125rem', }) ;({ - gridAutoColumns: 'min-content', + rowGap: '0.25rem', }) ;({ - gridAutoColumns: 'max-content', + rowGap: '0.375rem', }) ;({ - gridAutoColumns: 'minmax(0, 1fr)', -}) // https://tailwindcss.com/docs/grid-auto-rows - -;({ - gridAutoRows: 'auto', + rowGap: '0.5rem', }) ;({ - gridAutoRows: 'min-content', + rowGap: '0.625rem', }) ;({ - gridAutoRows: 'max-content', + rowGap: '0.75rem', }) ;({ - gridAutoRows: 'minmax(0, 1fr)', -}) // Grid alignment utilities -// https://github.com/tailwindlabs/tailwindcss/pull/2306 - -;({ - justifyItems: 'auto', + rowGap: '0.875rem', }) ;({ - justifyItems: 'start', + rowGap: '1rem', }) ;({ - justifyItems: 'end', + rowGap: '1.25rem', }) ;({ - justifyItems: 'center', + rowGap: '1.5rem', }) ;({ - justifyItems: 'stretch', + rowGap: '1.75rem', }) ;({ - justifySelf: 'auto', + rowGap: '2rem', }) ;({ - justifySelf: 'start', + rowGap: '2.25rem', }) ;({ - justifySelf: 'end', + rowGap: '2.5rem', }) ;({ - justifySelf: 'center', + rowGap: '2.75rem', }) ;({ - justifySelf: 'stretch', + rowGap: '3rem', }) ;({ - placeContent: 'center', + rowGap: '4rem', }) ;({ - placeContent: 'start', + rowGap: '5rem', }) ;({ - placeContent: 'end', + rowGap: '6rem', }) ;({ - placeContent: 'space-between', + rowGap: '7rem', }) ;({ - placeContent: 'space-around', + rowGap: '8rem', }) ;({ - placeContent: 'space-evenly', + rowGap: '9rem', }) ;({ - placeContent: 'stretch', + rowGap: '10rem', }) ;({ - placeItems: 'auto', + rowGap: '11rem', }) ;({ - placeItems: 'start', + rowGap: '12rem', }) ;({ - placeItems: 'end', + rowGap: '13rem', }) ;({ - placeItems: 'center', + rowGap: '14rem', }) ;({ - placeItems: 'stretch', + rowGap: '15rem', }) ;({ - placeSelf: 'auto', + rowGap: '16rem', }) ;({ - placeSelf: 'start', + rowGap: '18rem', }) ;({ - placeSelf: 'end', + rowGap: '20rem', }) ;({ - placeSelf: 'center', + rowGap: '24rem', }) ;({ - placeSelf: 'stretch', + rowGap: '1px', }) @@ -7701,9 +7553,9 @@ tw\`pointer-events-auto\` // https://tailwindcss.com/docs/resize tw\`resize-none\` -tw\`resize\` tw\`resize-y\` tw\`resize-x\` +tw\`resize\` // https://tailwindcss.com/docs/user-select tw\`select-none\` @@ -7763,14 +7615,14 @@ tw\`select-auto\` ;({ resize: 'none', }) -;({ - resize: 'both', -}) ;({ resize: 'vertical', }) ;({ resize: 'horizontal', +}) +;({ + resize: 'both', }) // https://tailwindcss.com/docs/user-select ;({ @@ -7801,16 +7653,11 @@ tw\`box-border\` tw\`box-content\` // https://tailwindcss.com/docs/display -tw\`hidden\` tw\`block\` -tw\`contents\` tw\`inline-block\` tw\`inline\` -tw\`flow-root\` tw\`flex\` tw\`inline-flex\` -tw\`grid\` -tw\`inline-grid\` tw\`table\` tw\`table-caption\` tw\`table-cell\` @@ -7820,12 +7667,16 @@ tw\`table-footer-group\` tw\`table-header-group\` tw\`table-row-group\` tw\`table-row\` +tw\`flow-root\` +tw\`grid\` +tw\`inline-grid\` +tw\`contents\` +tw\`hidden\` // https://tailwindcss.com/docs/float tw\`float-right\` tw\`float-left\` tw\`float-none\` -tw\`clearfix\` // https://tailwindcss.com/docs/clear tw\`clear-left\` @@ -7864,8 +7715,17 @@ tw\`overflow-x-visible\` tw\`overflow-y-visible\` tw\`overflow-x-scroll\` tw\`overflow-y-scroll\` -tw\`scrolling-touch\` -tw\`scrolling-auto\` + +// https://tailwindcss.com/docs/overscroll-behavior +tw\`overscroll-auto\` +tw\`overscroll-contain\` +tw\`overscroll-none\` +tw\`overscroll-y-auto\` +tw\`overscroll-y-contain\` +tw\`overscroll-y-none\` +tw\`overscroll-x-auto\` +tw\`overscroll-x-contain\` +tw\`overscroll-x-none\` // https://tailwindcss.com/docs/position tw\`static\` @@ -7876,19 +7736,595 @@ tw\`sticky\` // https://tailwindcss.com/docs/top-right-bottom-left tw\`inset-0\` +tw\`-inset-0\` tw\`inset-y-0\` tw\`inset-x-0\` +tw\`-inset-y-0\` +tw\`-inset-x-0\` tw\`top-0\` tw\`right-0\` tw\`bottom-0\` tw\`left-0\` +tw\`-top-0\` +tw\`-right-0\` +tw\`-bottom-0\` +tw\`-left-0\` +tw\`inset-0.5\` +tw\`-inset-0.5\` +tw\`inset-y-0.5\` +tw\`inset-x-0.5\` +tw\`-inset-y-0.5\` +tw\`-inset-x-0.5\` +tw\`top-0.5\` +tw\`right-0.5\` +tw\`bottom-0.5\` +tw\`left-0.5\` +tw\`-top-0.5\` +tw\`-right-0.5\` +tw\`-bottom-0.5\` +tw\`-left-0.5\` +tw\`inset-1\` +tw\`-inset-1\` +tw\`inset-y-1\` +tw\`inset-x-1\` +tw\`-inset-y-1\` +tw\`-inset-x-1\` +tw\`top-1\` +tw\`right-1\` +tw\`bottom-1\` +tw\`left-1\` +tw\`-top-1\` +tw\`-right-1\` +tw\`-bottom-1\` +tw\`-left-1\` +tw\`inset-1.5\` +tw\`-inset-1.5\` +tw\`inset-y-1.5\` +tw\`inset-x-1.5\` +tw\`-inset-y-1.5\` +tw\`-inset-x-1.5\` +tw\`top-1.5\` +tw\`right-1.5\` +tw\`bottom-1.5\` +tw\`left-1.5\` +tw\`-top-1.5\` +tw\`-right-1.5\` +tw\`-bottom-1.5\` +tw\`-left-1.5\` +tw\`inset-2\` +tw\`-inset-2\` +tw\`inset-y-2\` +tw\`inset-x-2\` +tw\`-inset-y-2\` +tw\`-inset-x-2\` +tw\`top-2\` +tw\`right-2\` +tw\`bottom-2\` +tw\`left-2\` +tw\`-top-2\` +tw\`-right-2\` +tw\`-bottom-2\` +tw\`-left-2\` +tw\`inset-2.5\` +tw\`-inset-2.5\` +tw\`inset-y-2.5\` +tw\`inset-x-2.5\` +tw\`-inset-y-2.5\` +tw\`top-2.5\` +tw\`right-2.5\` +tw\`bottom-2.5\` +tw\`left-2.5\` +tw\`-top-2.5\` +tw\`-bottom-2.5\` +tw\`-left-2.5\` +tw\`inset-3\` +tw\`-inset-3\` +tw\`inset-y-3\` +tw\`inset-x-3\` +tw\`-inset-y-3\` +tw\`-inset-x-3\` +tw\`top-3\` +tw\`right-3\` +tw\`bottom-3\` +tw\`left-3\` +tw\`-top-3\` +tw\`-right-3\` +tw\`-bottom-3\` +tw\`-left-3\` +tw\`inset-3.5\` +tw\`-inset-3.5\` +tw\`inset-y-3.5\` +tw\`inset-x-3.5\` +tw\`-inset-y-3.5\` +tw\`-inset-x-3.5\` +tw\`top-3.5\` +tw\`right-3.5\` +tw\`bottom-3.5\` +tw\`left-3.5\` +tw\`-top-3.5\` +tw\`-right-3.5\` +tw\`-bottom-3.5\` +tw\`-left-3.5\` +tw\`inset-4\` +tw\`-inset-4\` +tw\`inset-y-4\` +tw\`inset-x-4\` +tw\`-inset-y-4\` +tw\`-inset-x-4\` +tw\`top-4\` +tw\`right-4\` +tw\`bottom-4\` +tw\`left-4\` +tw\`-top-4\` +tw\`-right-4\` +tw\`-bottom-4\` +tw\`-left-4\` +tw\`inset-5\` +tw\`-inset-5\` +tw\`inset-y-5\` +tw\`inset-x-5\` +tw\`-inset-y-5\` +tw\`-inset-x-5\` +tw\`top-5\` +tw\`right-5\` +tw\`bottom-5\` +tw\`left-5\` +tw\`-top-5\` +tw\`-right-5\` +tw\`-bottom-5\` +tw\`-left-5\` +tw\`inset-6\` +tw\`-inset-6\` +tw\`inset-y-6\` +tw\`inset-x-6\` +tw\`-inset-y-6\` +tw\`-inset-x-6\` +tw\`top-6\` +tw\`right-6\` +tw\`bottom-6\` +tw\`left-6\` +tw\`-top-6\` +tw\`-right-6\` +tw\`-bottom-6\` +tw\`-left-6\` +tw\`inset-7\` +tw\`-inset-7\` +tw\`inset-y-7\` +tw\`inset-x-7\` +tw\`-inset-y-7\` +tw\`-inset-x-7\` +tw\`top-7\` +tw\`right-7\` +tw\`bottom-7\` +tw\`left-7\` +tw\`-top-7\` +tw\`-right-7\` +tw\`-bottom-7\` +tw\`-left-7\` +tw\`inset-8\` +tw\`-inset-8\` +tw\`inset-y-8\` +tw\`inset-x-8\` +tw\`-inset-y-8\` +tw\`-inset-x-8\` +tw\`top-8\` +tw\`right-8\` +tw\`bottom-8\` +tw\`left-8\` +tw\`-top-8\` +tw\`-right-8\` +tw\`-bottom-8\` +tw\`-left-8\` +tw\`inset-9\` +tw\`-inset-9\` +tw\`inset-y-9\` +tw\`inset-x-9\` +tw\`-inset-y-9\` +tw\`-inset-x-9\` +tw\`top-9\` +tw\`right-9\` +tw\`bottom-9\` +tw\`left-9\` +tw\`-top-9\` +tw\`-right-9\` +tw\`-bottom-9\` +tw\`-left-9\` +tw\`inset-10\` +tw\`-inset-10\` +tw\`inset-y-10\` +tw\`inset-x-10\` +tw\`-inset-y-10\` +tw\`-inset-x-10\` +tw\`top-10\` +tw\`right-10\` +tw\`bottom-10\` +tw\`left-10\` +tw\`-top-10\` +tw\`-right-10\` +tw\`-bottom-10\` +tw\`-left-10\` +tw\`inset-11\` +tw\`-inset-11\` +tw\`inset-y-11\` +tw\`inset-x-11\` +tw\`-inset-y-11\` +tw\`-inset-x-11\` +tw\`top-11\` +tw\`right-11\` +tw\`bottom-11\` +tw\`left-11\` +tw\`-top-11\` +tw\`-right-11\` +tw\`-bottom-11\` +tw\`-left-11\` +tw\`inset-12\` +tw\`-inset-12\` +tw\`inset-y-12\` +tw\`inset-x-12\` +tw\`-inset-y-12\` +tw\`-inset-x-12\` +tw\`top-12\` +tw\`right-12\` +tw\`bottom-12\` +tw\`left-12\` +tw\`-top-12\` +tw\`-right-12\` +tw\`-bottom-12\` +tw\`-left-12\` +tw\`inset-14\` +tw\`-inset-14\` +tw\`inset-y-14\` +tw\`inset-x-14\` +tw\`-inset-y-14\` +tw\`-inset-x-14\` +tw\`top-14\` +tw\`right-14\` +tw\`bottom-14\` +tw\`left-14\` +tw\`-top-14\` +tw\`-right-14\` +tw\`-bottom-14\` +tw\`-left-14\` +tw\`inset-16\` +tw\`-inset-16\` +tw\`inset-y-16\` +tw\`inset-x-16\` +tw\`-inset-y-16\` +tw\`-inset-x-16\` +tw\`top-16\` +tw\`right-16\` +tw\`bottom-16\` +tw\`left-16\` +tw\`-top-16\` +tw\`-right-16\` +tw\`-bottom-16\` +tw\`-left-16\` +tw\`inset-20\` +tw\`-inset-20\` +tw\`inset-y-20\` +tw\`inset-x-20\` +tw\`-inset-y-20\` +tw\`-inset-x-20\` +tw\`top-20\` +tw\`right-20\` +tw\`bottom-20\` +tw\`left-20\` +tw\`-top-20\` +tw\`-right-20\` +tw\`-bottom-20\` +tw\`-left-20\` +tw\`inset-24\` +tw\`-inset-24\` +tw\`inset-y-24\` +tw\`inset-x-24\` +tw\`-inset-y-24\` +tw\`-inset-x-24\` +tw\`top-24\` +tw\`right-24\` +tw\`bottom-24\` +tw\`left-24\` +tw\`-right-24\` +tw\`-bottom-24\` +tw\`-left-24\` +tw\`inset-28\` +tw\`-inset-28\` +tw\`inset-y-28\` +tw\`inset-x-28\` +tw\`-inset-y-28\` +tw\`-inset-x-28\` +tw\`top-28\` +tw\`right-28\` +tw\`bottom-28\` +tw\`left-28\` +tw\`-top-28\` +tw\`-right-28\` +tw\`-bottom-28\` +tw\`-left-28\` +tw\`inset-32\` +tw\`-inset-32\` +tw\`inset-y-32\` +tw\`inset-x-32\` +tw\`-inset-y-32\` +tw\`-inset-x-32\` +tw\`right-32\` +tw\`bottom-32\` +tw\`left-32\` +tw\`-top-32\` +tw\`-right-32\` +tw\`-bottom-32\` +tw\`-left-32\` +tw\`inset-36\` +tw\`-inset-36\` +tw\`inset-y-36\` +tw\`inset-x-36\` +tw\`-inset-y-36\` +tw\`-inset-x-36\` +tw\`top-36\` +tw\`right-36\` +tw\`bottom-36\` +tw\`left-36\` +tw\`-top-36\` +tw\`-right-36\` +tw\`-bottom-36\` +tw\`-left-36\` +tw\`inset-40\` +tw\`-inset-40\` +tw\`inset-y-40\` +tw\`inset-x-40\` +tw\`-inset-y-40\` +tw\`-inset-x-40\` +tw\`top-40\` +tw\`right-40\` +tw\`bottom-40\` +tw\`left-40\` +tw\`-top-40\` +tw\`-right-40\` +tw\`-bottom-40\` +tw\`-left-40\` +tw\`inset-44\` +tw\`-inset-44\` +tw\`inset-y-44\` +tw\`inset-x-44\` +tw\`-inset-y-44\` +tw\`-inset-x-44\` +tw\`top-44\` +tw\`right-44\` +tw\`bottom-44\` +tw\`left-44\` +tw\`-top-44\` +tw\`-right-44\` +tw\`-bottom-44\` +tw\`-left-44\` +tw\`inset-48\` +tw\`-inset-48\` +tw\`inset-y-48\` +tw\`inset-x-48\` +tw\`-inset-y-48\` +tw\`-inset-x-48\` +tw\`top-48\` +tw\`right-48\` +tw\`bottom-48\` +tw\`left-48\` +tw\`-right-48\` +tw\`-bottom-48\` +tw\`-left-48\` +tw\`inset-52\` +tw\`-inset-52\` +tw\`inset-y-52\` +tw\`inset-x-52\` +tw\`-inset-y-52\` +tw\`-inset-x-52\` +tw\`top-52\` +tw\`right-52\` +tw\`bottom-52\` +tw\`left-52\` +tw\`-top-52\` +tw\`-right-52\` +tw\`-bottom-52\` +tw\`-left-52\` +tw\`inset-56\` +tw\`-inset-56\` +tw\`inset-y-56\` +tw\`inset-x-56\` +tw\`-inset-y-56\` +tw\`-inset-x-56\` +tw\`top-56\` +tw\`right-56\` +tw\`bottom-56\` +tw\`left-56\` +tw\`-top-56\` +tw\`-right-56\` +tw\`-bottom-56\` +tw\`-left-56\` +tw\`inset-60\` +tw\`-inset-60\` +tw\`inset-y-60\` +tw\`inset-x-60\` +tw\`-inset-y-60\` +tw\`-inset-x-60\` +tw\`top-60\` +tw\`right-60\` +tw\`bottom-60\` +tw\`left-60\` +tw\`-top-60\` +tw\`-right-60\` +tw\`-bottom-60\` +tw\`-left-60\` +tw\`inset-64\` +tw\`-inset-64\` +tw\`inset-y-64\` +tw\`inset-x-64\` +tw\`-inset-y-64\` +tw\`-inset-x-64\` +tw\`top-64\` +tw\`right-64\` +tw\`bottom-64\` +tw\`left-64\` +tw\`-top-64\` +tw\`-right-64\` +tw\`-bottom-64\` +tw\`-left-64\` +tw\`inset-72\` +tw\`-inset-72\` +tw\`inset-y-72\` +tw\`inset-x-72\` +tw\`-inset-y-72\` +tw\`-inset-x-72\` +tw\`top-72\` +tw\`right-72\` +tw\`bottom-72\` +tw\`left-72\` +tw\`-top-72\` +tw\`-right-72\` +tw\`-bottom-72\` +tw\`-left-72\` +tw\`inset-80\` +tw\`-inset-80\` +tw\`inset-y-80\` +tw\`inset-x-80\` +tw\`-inset-y-80\` +tw\`-inset-x-80\` +tw\`top-80\` +tw\`right-80\` +tw\`bottom-80\` +tw\`left-80\` +tw\`-top-80\` +tw\`-right-80\` +tw\`-bottom-80\` +tw\`-left-80\` +tw\`inset-96\` +tw\`-inset-96\` +tw\`inset-y-96\` +tw\`inset-x-96\` +tw\`-inset-y-96\` +tw\`-inset-x-96\` +tw\`top-96\` +tw\`right-96\` +tw\`bottom-96\` +tw\`left-96\` +tw\`-top-96\` +tw\`-right-96\` +tw\`-bottom-96\` +tw\`-left-96\` tw\`inset-auto\` +tw\`inset-px\` +tw\`-inset-px\` +tw\`inset-1/2\` +tw\`inset-1/3\` +tw\`inset-2/3\` +tw\`inset-1/4\` +tw\`inset-2/4\` +tw\`inset-3/4\` +tw\`inset-full\` +tw\`-inset-1/2\` +tw\`-inset-1/3\` +tw\`-inset-2/3\` +tw\`-inset-1/4\` +tw\`-inset-2/4\` +tw\`-inset-3/4\` +tw\`-inset-full\` tw\`inset-y-auto\` tw\`inset-x-auto\` +tw\`inset-y-px\` +tw\`inset-x-px\` +tw\`-inset-y-px\` +tw\`-inset-x-px\` +tw\`inset-y-1/2\` +tw\`inset-x-1/2\` +tw\`inset-y-1/3\` +tw\`inset-x-1/3\` +tw\`inset-y-2/3\` +tw\`inset-x-2/3\` +tw\`inset-y-1/4\` +tw\`inset-x-1/4\` +tw\`inset-y-2/4\` +tw\`inset-x-2/4\` +tw\`inset-y-3/4\` +tw\`inset-x-3/4\` +tw\`inset-y-full\` +tw\`inset-x-full\` +tw\`-inset-y-1/2\` +tw\`-inset-x-1/2\` +tw\`-inset-y-1/3\` +tw\`-inset-x-1/3\` +tw\`-inset-y-2/3\` +tw\`-inset-x-2/3\` +tw\`-inset-y-1/4\` +tw\`-inset-x-1/4\` +tw\`-inset-y-2/4\` +tw\`-inset-x-2/4\` +tw\`-inset-y-3/4\` +tw\`-inset-x-3/4\` +tw\`-inset-y-full\` +tw\`-inset-x-full\` tw\`top-auto\` +tw\`right-auto\` tw\`bottom-auto\` tw\`left-auto\` -tw\`right-auto\` +tw\`top-px\` +tw\`right-px\` +tw\`bottom-px\` +tw\`left-px\` +tw\`-top-px\` +tw\`-right-px\` +tw\`-bottom-px\` +tw\`-left-px\` +tw\`top-1/2\` +tw\`right-1/2\` +tw\`bottom-1/2\` +tw\`left-1/2\` +tw\`top-1/3\` +tw\`right-1/3\` +tw\`bottom-1/3\` +tw\`left-1/3\` +tw\`top-2/3\` +tw\`right-2/3\` +tw\`bottom-2/3\` +tw\`left-2/3\` +tw\`top-1/4\` +tw\`right-1/4\` +tw\`bottom-1/4\` +tw\`left-1/4\` +tw\`top-2/4\` +tw\`right-2/4\` +tw\`bottom-2/4\` +tw\`left-2/4\` +tw\`top-3/4\` +tw\`right-3/4\` +tw\`bottom-3/4\` +tw\`left-3/4\` +tw\`top-full\` +tw\`right-full\` +tw\`bottom-full\` +tw\`left-full\` +tw\`-top-1/2\` +tw\`-right-1/2\` +tw\`-bottom-1/2\` +tw\`-left-1/2\` +tw\`-top-1/3\` +tw\`-right-1/3\` +tw\`-bottom-1/3\` +tw\`-left-1/3\` +tw\`-top-2/3\` +tw\`-right-2/3\` +tw\`-bottom-2/3\` +tw\`-left-2/3\` +tw\`-top-1/4\` +tw\`-right-1/4\` +tw\`-bottom-1/4\` +tw\`-left-1/4\` +tw\`-top-2/4\` +tw\`-right-2/4\` +tw\`-bottom-2/4\` +tw\`-left-2/4\` +tw\`-top-3/4\` +tw\`-right-3/4\` +tw\`-bottom-3/4\` +tw\`-left-3/4\` +tw\`-top-full\` +tw\`-right-full\` +tw\`-bottom-full\` +tw\`-left-full\` // https://tailwindcss.com/docs/visibility tw\`visible\` @@ -7903,115 +8339,11 @@ tw\`z-40\` tw\`z-50\` tw\`z-auto\` -// https://tailwindcss.com/docs/space -tw\`space-x-0\` -tw\`space-x-1\` -tw\`space-x-2\` -tw\`space-x-3\` -tw\`space-x-4\` -tw\`space-x-5\` -tw\`space-x-6\` -tw\`space-x-8\` -tw\`space-x-10\` -tw\`space-x-12\` -tw\`space-x-16\` -tw\`space-x-20\` -tw\`space-x-24\` -tw\`space-x-32\` -tw\`space-x-40\` -tw\`space-x-48\` -tw\`space-x-56\` -tw\`space-x-64\` -tw\`space-x-px\` -tw\`space-y-0\` -tw\`space-y-1\` -tw\`space-y-2\` -tw\`space-y-3\` -tw\`space-y-4\` -tw\`space-y-5\` -tw\`space-y-6\` -tw\`space-y-8\` -tw\`space-y-10\` -tw\`space-y-12\` -tw\`space-y-16\` -tw\`space-y-20\` -tw\`space-y-24\` -tw\`space-y-32\` -tw\`space-y-40\` -tw\`space-y-48\` -tw\`space-y-56\` -tw\`space-y-64\` -tw\`space-y-px\` -tw\`-space-x-0\` -tw\`-space-x-1\` -tw\`-space-x-2\` -tw\`-space-x-3\` -tw\`-space-x-4\` -tw\`-space-x-5\` -tw\`-space-x-6\` -tw\`-space-x-8\` -tw\`-space-x-10\` -tw\`-space-x-12\` -tw\`-space-x-16\` -tw\`-space-x-20\` -tw\`-space-x-24\` -tw\`-space-x-32\` -tw\`-space-x-40\` -tw\`-space-x-48\` -tw\`-space-x-56\` -tw\`-space-x-64\` -tw\`-space-x-px\` -tw\`-space-y-0\` -tw\`-space-y-1\` -tw\`-space-y-2\` -tw\`-space-y-3\` -tw\`-space-y-4\` -tw\`-space-y-5\` -tw\`-space-y-6\` -tw\`-space-y-8\` -tw\`-space-y-10\` -tw\`-space-y-12\` -tw\`-space-y-16\` -tw\`-space-y-20\` -tw\`-space-y-24\` -tw\`-space-y-32\` -tw\`-space-y-40\` -tw\`-space-y-48\` -tw\`-space-y-56\` -tw\`-space-y-64\` -tw\`-space-y-px\` -tw\`space-x-reverse\` -tw\`space-y-reverse\` - -tw\`space-x-reverse space-x-0\` -tw\`space-x-0 space-x-reverse\` -tw\`space-y-reverse space-y-0\` -tw\`space-y-0 space-y-reverse\` - -tw\`space-x-reverse space-x-32\` -tw\`space-x-32 space-x-reverse\` -tw\`space-y-reverse space-y-32\` -tw\`space-y-32 space-y-reverse\` - -tw\`space-x-reverse space-x-px\` -tw\`space-x-px space-x-reverse\` -tw\`space-y-reverse space-y-px\` -tw\`space-y-px space-y-reverse\` - -tw\`-space-x-reverse space-x-12\` -tw\`space-x-12 -space-x-reverse\` -tw\`-space-y-reverse space-y-12\` -tw\`space-y-12 -space-y-reverse\` - ↓ ↓ ↓ ↓ ↓ ↓ // https://tailwindcss.com/docs/container ;({ width: '100%', - paddingLeft: '1rem', - paddingRight: '2rem', - marginLeft: '2rem', - marginRight: '3rem', '@media (min-width: 640px)': { maxWidth: '640px', paddingLeft: '2rem', @@ -8034,6 +8366,9 @@ tw\`space-y-12 -space-y-reverse\` marginLeft: '7rem', marginRight: '7rem', }, + '@media (min-width: 1536px)': { + maxWidth: '1536px', + }, '@media (min-width: 968px)': { maxWidth: '968px', paddingLeft: '8rem', @@ -8058,36 +8393,21 @@ tw\`space-y-12 -space-y-reverse\` boxSizing: 'content-box', }) // https://tailwindcss.com/docs/display -;({ - display: 'none', -}) ;({ display: 'block', }) -;({ - display: 'contents', -}) ;({ display: 'inline-block', }) ;({ display: 'inline', }) -;({ - display: 'flow-root', -}) ;({ display: 'flex', }) ;({ display: 'inline-flex', }) -;({ - display: 'grid', -}) -;({ - display: 'inline-grid', -}) ;({ display: 'table', }) @@ -8114,6 +8434,21 @@ tw\`space-y-12 -space-y-reverse\` }) ;({ display: 'table-row', +}) +;({ + display: 'flow-root', +}) +;({ + display: 'grid', +}) +;({ + display: 'inline-grid', +}) +;({ + display: 'contents', +}) +;({ + display: 'none', }) // https://tailwindcss.com/docs/float ;({ @@ -8124,13 +8459,6 @@ tw\`space-y-12 -space-y-reverse\` }) ;({ float: 'none', -}) -;({ - '::after': { - content: '""', - display: 'table', - clear: 'both', - }, }) // https://tailwindcss.com/docs/clear ;({ @@ -8225,12 +8553,34 @@ tw\`space-y-12 -space-y-reverse\` }) ;({ overflowY: 'scroll', +}) // https://tailwindcss.com/docs/overscroll-behavior + +;({ + 'overscroll-behavior': 'auto', +}) +;({ + 'overscroll-behavior': 'contain', +}) +;({ + 'overscroll-behavior': 'none', +}) +;({ + 'overscroll-behavior-y': 'auto', +}) +;({ + 'overscroll-behavior-y': 'contain', +}) +;({ + 'overscroll-behavior-y': 'none', }) ;({ - WebkitOverflowScrolling: 'touch', + 'overscroll-behavior-x': 'auto', +}) +;({ + 'overscroll-behavior-x': 'contain', }) ;({ - WebkitOverflowScrolling: 'auto', + 'overscroll-behavior-x': 'none', }) // https://tailwindcss.com/docs/position ;({ @@ -8250,2913 +8600,7408 @@ tw\`space-y-12 -space-y-reverse\` }) // https://tailwindcss.com/docs/top-right-bottom-left ;({ - top: '0', - right: '0', - bottom: '0', - left: '0', + top: '0px', + right: '0px', + bottom: '0px', + left: '0px', }) ;({ - top: '0', - bottom: '0', + top: '-0px', + right: '-0px', + bottom: '-0px', + left: '-0px', }) ;({ - left: '0', - right: '0', + top: '0px', + bottom: '0px', }) ;({ - top: '0', + left: '0px', + right: '0px', }) ;({ - right: '0', + top: '-0px', + bottom: '-0px', }) ;({ - bottom: '0', + left: '-0px', + right: '-0px', }) ;({ - left: '0', + top: '0px', }) ;({ - top: 'auto', - right: 'auto', - bottom: 'auto', - left: 'auto', + right: '0px', }) ;({ - top: 'auto', - bottom: 'auto', + bottom: '0px', }) ;({ - left: 'auto', - right: 'auto', + left: '0px', }) ;({ - top: 'auto', + top: '-0px', }) ;({ - bottom: 'auto', + right: '-0px', }) ;({ - left: 'auto', + bottom: '-0px', }) ;({ - right: 'auto', -}) // https://tailwindcss.com/docs/visibility - + left: '-0px', +}) ;({ - visibility: 'visible', + top: '0.125rem', + right: '0.125rem', + bottom: '0.125rem', + left: '0.125rem', }) ;({ - visibility: 'hidden', -}) // https://tailwindcss.com/docs/z-index - + top: '-0.125rem', + right: '-0.125rem', + bottom: '-0.125rem', + left: '-0.125rem', +}) ;({ - zIndex: '0', + top: '0.125rem', + bottom: '0.125rem', }) ;({ - zIndex: '10', + left: '0.125rem', + right: '0.125rem', }) ;({ - zIndex: '20', + top: '-0.125rem', + bottom: '-0.125rem', }) ;({ - zIndex: '30', + left: '-0.125rem', + right: '-0.125rem', }) ;({ - zIndex: '40', + top: '0.125rem', }) ;({ - zIndex: '50', + right: '0.125rem', }) ;({ - zIndex: 'auto', -}) // https://tailwindcss.com/docs/space - + bottom: '0.125rem', +}) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(0px * var(--space-x-reverse))', - marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))', - }, + left: '0.125rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(0.25rem * var(--space-x-reverse))', - marginLeft: 'calc(0.25rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.125rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(0.5rem * var(--space-x-reverse))', - marginLeft: 'calc(0.5rem * calc(1 - var(--space-x-reverse)))', - }, + right: '-0.125rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(0.75rem * var(--space-x-reverse))', - marginLeft: 'calc(0.75rem * calc(1 - var(--space-x-reverse)))', - }, + bottom: '-0.125rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(1rem * var(--space-x-reverse))', - marginLeft: 'calc(1rem * calc(1 - var(--space-x-reverse)))', - }, + left: '-0.125rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(1.25rem * var(--space-x-reverse))', - marginLeft: 'calc(1.25rem * calc(1 - var(--space-x-reverse)))', - }, + top: '0.25rem', + right: '0.25rem', + bottom: '0.25rem', + left: '0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(1.5rem * var(--space-x-reverse))', - marginLeft: 'calc(1.5rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.25rem', + right: '-0.25rem', + bottom: '-0.25rem', + left: '-0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(2rem * var(--space-x-reverse))', - marginLeft: 'calc(2rem * calc(1 - var(--space-x-reverse)))', - }, + top: '0.25rem', + bottom: '0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(2.5rem * var(--space-x-reverse))', - marginLeft: 'calc(2.5rem * calc(1 - var(--space-x-reverse)))', - }, + left: '0.25rem', + right: '0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(3rem * var(--space-x-reverse))', - marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.25rem', + bottom: '-0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(4rem * var(--space-x-reverse))', - marginLeft: 'calc(4rem * calc(1 - var(--space-x-reverse)))', - }, + left: '-0.25rem', + right: '-0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(5rem * var(--space-x-reverse))', - marginLeft: 'calc(5rem * calc(1 - var(--space-x-reverse)))', - }, + top: '0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(6rem * var(--space-x-reverse))', - marginLeft: 'calc(6rem * calc(1 - var(--space-x-reverse)))', - }, + right: '0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(8rem * var(--space-x-reverse))', - marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))', - }, + bottom: '0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(10rem * var(--space-x-reverse))', - marginLeft: 'calc(10rem * calc(1 - var(--space-x-reverse)))', - }, + left: '0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(12rem * var(--space-x-reverse))', - marginLeft: 'calc(12rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(14rem * var(--space-x-reverse))', - marginLeft: 'calc(14rem * calc(1 - var(--space-x-reverse)))', - }, + right: '-0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(16rem * var(--space-x-reverse))', - marginLeft: 'calc(16rem * calc(1 - var(--space-x-reverse)))', - }, + bottom: '-0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(1px * var(--space-x-reverse))', - marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))', - }, + left: '-0.25rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(0px * var(--space-y-reverse))', - }, + top: '0.375rem', + right: '0.375rem', + bottom: '0.375rem', + left: '0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(0.25rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(0.25rem * var(--space-y-reverse))', - }, + top: '-0.375rem', + right: '-0.375rem', + bottom: '-0.375rem', + left: '-0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(0.5rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(0.5rem * var(--space-y-reverse))', - }, + top: '0.375rem', + bottom: '0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(0.75rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(0.75rem * var(--space-y-reverse))', - }, + left: '0.375rem', + right: '0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(1rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(1rem * var(--space-y-reverse))', - }, + top: '-0.375rem', + bottom: '-0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(1.25rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(1.25rem * var(--space-y-reverse))', - }, + left: '-0.375rem', + right: '-0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(1.5rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(1.5rem * var(--space-y-reverse))', - }, + top: '0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(2rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(2rem * var(--space-y-reverse))', - }, + right: '0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(2.5rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(2.5rem * var(--space-y-reverse))', - }, + bottom: '0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(3rem * var(--space-y-reverse))', - }, + left: '0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(4rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(4rem * var(--space-y-reverse))', - }, + top: '-0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(5rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(5rem * var(--space-y-reverse))', - }, + right: '-0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(6rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(6rem * var(--space-y-reverse))', - }, + bottom: '-0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(8rem * var(--space-y-reverse))', - }, + left: '-0.375rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(10rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(10rem * var(--space-y-reverse))', - }, + top: '0.5rem', + right: '0.5rem', + bottom: '0.5rem', + left: '0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(12rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(12rem * var(--space-y-reverse))', - }, + top: '-0.5rem', + right: '-0.5rem', + bottom: '-0.5rem', + left: '-0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(14rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(14rem * var(--space-y-reverse))', - }, + top: '0.5rem', + bottom: '0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(16rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(16rem * var(--space-y-reverse))', - }, + left: '0.5rem', + right: '0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(1px * var(--space-y-reverse))', - }, + top: '-0.5rem', + bottom: '-0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-0px * var(--space-x-reverse))', - marginLeft: 'calc(-0px * calc(1 - var(--space-x-reverse)))', - }, + left: '-0.5rem', + right: '-0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-0.25rem * var(--space-x-reverse))', - marginLeft: 'calc(-0.25rem * calc(1 - var(--space-x-reverse)))', - }, + top: '0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-0.5rem * var(--space-x-reverse))', - marginLeft: 'calc(-0.5rem * calc(1 - var(--space-x-reverse)))', - }, + right: '0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-0.75rem * var(--space-x-reverse))', - marginLeft: 'calc(-0.75rem * calc(1 - var(--space-x-reverse)))', - }, + bottom: '0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-1rem * var(--space-x-reverse))', - marginLeft: 'calc(-1rem * calc(1 - var(--space-x-reverse)))', - }, + left: '0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-1.25rem * var(--space-x-reverse))', - marginLeft: 'calc(-1.25rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-1.5rem * var(--space-x-reverse))', - marginLeft: 'calc(-1.5rem * calc(1 - var(--space-x-reverse)))', - }, + right: '-0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-2rem * var(--space-x-reverse))', - marginLeft: 'calc(-2rem * calc(1 - var(--space-x-reverse)))', - }, + bottom: '-0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-2.5rem * var(--space-x-reverse))', - marginLeft: 'calc(-2.5rem * calc(1 - var(--space-x-reverse)))', - }, + left: '-0.5rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-3rem * var(--space-x-reverse))', - marginLeft: 'calc(-3rem * calc(1 - var(--space-x-reverse)))', - }, + top: '0.625rem', + right: '0.625rem', + bottom: '0.625rem', + left: '0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-4rem * var(--space-x-reverse))', - marginLeft: 'calc(-4rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.625rem', + right: '-0.625rem', + bottom: '-0.625rem', + left: '-0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-5rem * var(--space-x-reverse))', - marginLeft: 'calc(-5rem * calc(1 - var(--space-x-reverse)))', - }, + top: '0.625rem', + bottom: '0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-6rem * var(--space-x-reverse))', - marginLeft: 'calc(-6rem * calc(1 - var(--space-x-reverse)))', - }, + left: '0.625rem', + right: '0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-8rem * var(--space-x-reverse))', - marginLeft: 'calc(-8rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.625rem', + bottom: '-0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-10rem * var(--space-x-reverse))', - marginLeft: 'calc(-10rem * calc(1 - var(--space-x-reverse)))', - }, + top: '0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-12rem * var(--space-x-reverse))', - marginLeft: 'calc(-12rem * calc(1 - var(--space-x-reverse)))', - }, + right: '0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-14rem * var(--space-x-reverse))', - marginLeft: 'calc(-14rem * calc(1 - var(--space-x-reverse)))', - }, + bottom: '0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-16rem * var(--space-x-reverse))', - marginLeft: 'calc(-16rem * calc(1 - var(--space-x-reverse)))', - }, + left: '0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(-1px * var(--space-x-reverse))', - marginLeft: 'calc(-1px * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-0px * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-0px * var(--space-y-reverse))', - }, + bottom: '-0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-0.25rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-0.25rem * var(--space-y-reverse))', - }, + left: '-0.625rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-0.5rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-0.5rem * var(--space-y-reverse))', - }, + top: '0.75rem', + right: '0.75rem', + bottom: '0.75rem', + left: '0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-0.75rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-0.75rem * var(--space-y-reverse))', - }, + top: '-0.75rem', + right: '-0.75rem', + bottom: '-0.75rem', + left: '-0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-1rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-1rem * var(--space-y-reverse))', - }, + top: '0.75rem', + bottom: '0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-1.25rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-1.25rem * var(--space-y-reverse))', - }, + left: '0.75rem', + right: '0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-1.5rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-1.5rem * var(--space-y-reverse))', - }, + top: '-0.75rem', + bottom: '-0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-2rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-2rem * var(--space-y-reverse))', - }, + left: '-0.75rem', + right: '-0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-2.5rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-2.5rem * var(--space-y-reverse))', - }, + top: '0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-3rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-3rem * var(--space-y-reverse))', - }, + right: '0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-4rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-4rem * var(--space-y-reverse))', - }, + bottom: '0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-5rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-5rem * var(--space-y-reverse))', - }, + left: '0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-6rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-6rem * var(--space-y-reverse))', - }, + top: '-0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-8rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-8rem * var(--space-y-reverse))', - }, + right: '-0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-10rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-10rem * var(--space-y-reverse))', - }, + bottom: '-0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-12rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-12rem * var(--space-y-reverse))', - }, + left: '-0.75rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-14rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-14rem * var(--space-y-reverse))', - }, + top: '0.875rem', + right: '0.875rem', + bottom: '0.875rem', + left: '0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-16rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-16rem * var(--space-y-reverse))', - }, + top: '-0.875rem', + right: '-0.875rem', + bottom: '-0.875rem', + left: '-0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(-1px * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(-1px * var(--space-y-reverse))', - }, + top: '0.875rem', + bottom: '0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 1, - }, + left: '0.875rem', + right: '0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 1, - }, + top: '-0.875rem', + bottom: '-0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(0px * var(--space-x-reverse))', - marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))', - }, + left: '-0.875rem', + right: '-0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 1, - marginRight: 'calc(0px * var(--space-x-reverse))', - marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))', - }, + top: '0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(0px * var(--space-y-reverse))', - }, + right: '0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 1, - marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(0px * var(--space-y-reverse))', - }, + bottom: '0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(8rem * var(--space-x-reverse))', - marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))', - }, + left: '0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 1, - marginRight: 'calc(8rem * var(--space-x-reverse))', - marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(8rem * var(--space-y-reverse))', - }, + right: '-0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 1, - marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(8rem * var(--space-y-reverse))', - }, + bottom: '-0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(1px * var(--space-x-reverse))', - marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))', - }, + left: '-0.875rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 1, - marginRight: 'calc(1px * var(--space-x-reverse))', - marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))', - }, + top: '1rem', + right: '1rem', + bottom: '1rem', + left: '1rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(1px * var(--space-y-reverse))', - }, + top: '-1rem', + right: '-1rem', + bottom: '-1rem', + left: '-1rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 1, - marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(1px * var(--space-y-reverse))', - }, + top: '1rem', + bottom: '1rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 0, - marginRight: 'calc(3rem * var(--space-x-reverse))', - marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))', - }, + left: '1rem', + right: '1rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-x-reverse': 1, - marginRight: 'calc(3rem * var(--space-x-reverse))', - marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))', - }, + top: '-1rem', + bottom: '-1rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 0, - marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(3rem * var(--space-y-reverse))', - }, + left: '-1rem', + right: '-1rem', }) ;({ - '> :not(template) ~ :not(template)': { - '--space-y-reverse': 1, - marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))', - marginBottom: 'calc(3rem * var(--space-y-reverse))', - }, + top: '1rem', }) - - -`; - -exports[`twin.macro overscroll.js: overscroll.js 1`] = ` - -import tw from './macro' - -tw\`overscroll-auto\` -tw\`overscroll-contain\` -tw\`overscroll-none\` -tw\`overscroll-y-auto\` -tw\`overscroll-y-contain\` -tw\`overscroll-y-none\` -tw\`overscroll-x-auto\` -tw\`overscroll-x-contain\` -tw\`overscroll-x-none\` - - ↓ ↓ ↓ ↓ ↓ ↓ - ;({ - 'overscroll-behavior': 'auto', + right: '1rem', }) ;({ - 'overscroll-behavior': 'contain', + bottom: '1rem', }) ;({ - 'overscroll-behavior': 'none', + left: '1rem', }) ;({ - 'overscroll-behavior-y': 'auto', + top: '-1rem', }) ;({ - 'overscroll-behavior-y': 'contain', + right: '-1rem', }) ;({ - 'overscroll-behavior-y': 'none', + bottom: '-1rem', }) ;({ - 'overscroll-behavior-x': 'auto', + left: '-1rem', }) ;({ - 'overscroll-behavior-x': 'contain', + top: '1.25rem', + right: '1.25rem', + bottom: '1.25rem', + left: '1.25rem', }) ;({ - 'overscroll-behavior-x': 'none', + top: '-1.25rem', + right: '-1.25rem', + bottom: '-1.25rem', + left: '-1.25rem', }) - - -`; - -exports[`twin.macro sizing.js: sizing.js 1`] = ` - -import tw from './macro' - -// https://tailwindcss.com/docs/width -tw\`w-0\` -tw\`w-1\` -tw\`w-2\` -tw\`w-3\` -tw\`w-4\` -tw\`w-5\` -tw\`w-6\` -tw\`w-8\` -tw\`w-10\` -tw\`w-12\` -tw\`w-16\` -tw\`w-20\` -tw\`w-24\` -tw\`w-32\` -tw\`w-40\` -tw\`w-48\` -tw\`w-56\` -tw\`w-64\` -tw\`w-auto\` -tw\`w-px\` -tw\`w-1/2\` -tw\`w-1/3\` -tw\`w-2/3\` -tw\`w-1/4\` -tw\`w-2/4\` -tw\`w-3/4\` -tw\`w-1/5\` -tw\`w-2/5\` -tw\`w-3/5\` -tw\`w-4/5\` -tw\`w-1/6\` -tw\`w-2/6\` -tw\`w-3/6\` -tw\`w-4/6\` -tw\`w-5/6\` -tw\`w-1/12\` -tw\`w-2/12\` -tw\`w-3/12\` -tw\`w-4/12\` -tw\`w-5/12\` -tw\`w-6/12\` -tw\`w-7/12\` -tw\`w-8/12\` -tw\`w-9/12\` -tw\`w-10/12\` -tw\`w-11/12\` -tw\`w-full\` -tw\`w-screen\` - -// https://tailwindcss.com/docs/min-width -tw\`min-w-0\` -tw\`min-w-full\` - -// https://tailwindcss.com/docs/max-width -tw\`max-w-xs\` -tw\`max-w-sm\` -tw\`max-w-md\` -tw\`max-w-lg\` -tw\`max-w-xl\` -tw\`max-w-2xl\` -tw\`max-w-3xl\` -tw\`max-w-4xl\` -tw\`max-w-5xl\` -tw\`max-w-6xl\` -tw\`max-w-full\` -tw\`max-w-screen-sm\` -tw\`max-w-screen-md\` -tw\`max-w-screen-lg\` -tw\`max-w-screen-xl\` -tw\`max-w-none\` - -// https://tailwindcss.com/docs/height -tw\`h-0\` -tw\`h-1\` -tw\`h-2\` -tw\`h-3\` -tw\`h-4\` -tw\`h-5\` -tw\`h-6\` -tw\`h-8\` -tw\`h-10\` -tw\`h-12\` -tw\`h-16\` -tw\`h-20\` -tw\`h-24\` -tw\`h-32\` -tw\`h-40\` -tw\`h-48\` -tw\`h-56\` -tw\`h-64\` -tw\`h-auto\` -tw\`h-px\` -tw\`h-full\` -tw\`h-screen\` - -// https://tailwindcss.com/docs/min-height -tw\`min-h-0\` -tw\`min-h-full\` -tw\`min-h-screen\` - -// https://tailwindcss.com/docs/max-height -tw\`max-h-full\` -tw\`max-h-screen\` - - ↓ ↓ ↓ ↓ ↓ ↓ - -// https://tailwindcss.com/docs/width ;({ - width: '0', + top: '1.25rem', + bottom: '1.25rem', }) ;({ - width: '0.25rem', + left: '1.25rem', + right: '1.25rem', }) ;({ - width: '0.5rem', + top: '-1.25rem', + bottom: '-1.25rem', }) ;({ - width: '0.75rem', + left: '-1.25rem', + right: '-1.25rem', }) ;({ - width: '1rem', + top: '1.25rem', }) ;({ - width: '1.25rem', + right: '1.25rem', }) ;({ - width: '1.5rem', + bottom: '1.25rem', }) ;({ - width: '2rem', + left: '1.25rem', }) ;({ - width: '2.5rem', + top: '-1.25rem', }) ;({ - width: '3rem', + right: '-1.25rem', }) ;({ - width: '4rem', + bottom: '-1.25rem', }) ;({ - width: '5rem', + left: '-1.25rem', }) ;({ - width: '6rem', + top: '1.5rem', + right: '1.5rem', + bottom: '1.5rem', + left: '1.5rem', }) ;({ - width: '8rem', + top: '-1.5rem', + right: '-1.5rem', + bottom: '-1.5rem', + left: '-1.5rem', }) ;({ - width: '10rem', + top: '1.5rem', + bottom: '1.5rem', }) ;({ - width: '12rem', + left: '1.5rem', + right: '1.5rem', }) ;({ - width: '14rem', + top: '-1.5rem', + bottom: '-1.5rem', }) ;({ - width: '16rem', + left: '-1.5rem', + right: '-1.5rem', }) ;({ - width: 'auto', + top: '1.5rem', }) ;({ - width: '1px', + right: '1.5rem', }) ;({ - width: '50%', + bottom: '1.5rem', }) ;({ - width: '33.333333%', + left: '1.5rem', }) ;({ - width: '66.666667%', + top: '-1.5rem', }) ;({ - width: '25%', + right: '-1.5rem', }) ;({ - width: '50%', + bottom: '-1.5rem', }) ;({ - width: '75%', + left: '-1.5rem', }) ;({ - width: '20%', + top: '1.75rem', + right: '1.75rem', + bottom: '1.75rem', + left: '1.75rem', }) ;({ - width: '40%', + top: '-1.75rem', + right: '-1.75rem', + bottom: '-1.75rem', + left: '-1.75rem', }) ;({ - width: '60%', + top: '1.75rem', + bottom: '1.75rem', }) ;({ - width: '80%', + left: '1.75rem', + right: '1.75rem', }) ;({ - width: '16.666667%', + top: '-1.75rem', + bottom: '-1.75rem', }) ;({ - width: '33.333333%', + left: '-1.75rem', + right: '-1.75rem', }) ;({ - width: '50%', + top: '1.75rem', }) ;({ - width: '66.666667%', + right: '1.75rem', }) ;({ - width: '83.333333%', + bottom: '1.75rem', }) ;({ - width: '8.333333%', + left: '1.75rem', }) ;({ - width: '16.666667%', + top: '-1.75rem', }) ;({ - width: '25%', + right: '-1.75rem', }) ;({ - width: '33.333333%', + bottom: '-1.75rem', }) ;({ - width: '41.666667%', + left: '-1.75rem', }) ;({ - width: '50%', + top: '2rem', + right: '2rem', + bottom: '2rem', + left: '2rem', }) ;({ - width: '58.333333%', + top: '-2rem', + right: '-2rem', + bottom: '-2rem', + left: '-2rem', }) ;({ - width: '66.666667%', + top: '2rem', + bottom: '2rem', }) ;({ - width: '75%', + left: '2rem', + right: '2rem', }) ;({ - width: '83.333333%', + top: '-2rem', + bottom: '-2rem', }) ;({ - width: '91.666667%', + left: '-2rem', + right: '-2rem', }) ;({ - width: '100%', + top: '2rem', }) ;({ - width: '100vw', -}) // https://tailwindcss.com/docs/min-width - + right: '2rem', +}) ;({ - minWidth: '0', + bottom: '2rem', }) ;({ - minWidth: '100%', -}) // https://tailwindcss.com/docs/max-width - + left: '2rem', +}) ;({ - maxWidth: '20rem', + top: '-2rem', }) ;({ - maxWidth: '24rem', + right: '-2rem', }) ;({ - maxWidth: '28rem', + bottom: '-2rem', }) ;({ - maxWidth: '32rem', + left: '-2rem', }) ;({ - maxWidth: '36rem', + top: '2.25rem', + right: '2.25rem', + bottom: '2.25rem', + left: '2.25rem', }) ;({ - maxWidth: '42rem', + top: '-2.25rem', + right: '-2.25rem', + bottom: '-2.25rem', + left: '-2.25rem', }) ;({ - maxWidth: '48rem', + top: '2.25rem', + bottom: '2.25rem', }) ;({ - maxWidth: '56rem', + left: '2.25rem', + right: '2.25rem', }) ;({ - maxWidth: '64rem', + top: '-2.25rem', + bottom: '-2.25rem', }) ;({ - maxWidth: '72rem', + left: '-2.25rem', + right: '-2.25rem', }) ;({ - maxWidth: '100%', + top: '2.25rem', }) ;({ - maxWidth: '640px', + right: '2.25rem', }) ;({ - maxWidth: '768px', + bottom: '2.25rem', }) ;({ - maxWidth: '1024px', + left: '2.25rem', }) ;({ - maxWidth: '1280px', + top: '-2.25rem', }) ;({ - maxWidth: 'none', -}) // https://tailwindcss.com/docs/height - + right: '-2.25rem', +}) ;({ - height: '0', + bottom: '-2.25rem', }) ;({ - height: '0.25rem', + left: '-2.25rem', }) ;({ - height: '0.5rem', + top: '2.5rem', + right: '2.5rem', + bottom: '2.5rem', + left: '2.5rem', }) ;({ - height: '0.75rem', + top: '-2.5rem', + right: '-2.5rem', + bottom: '-2.5rem', + left: '-2.5rem', }) ;({ - height: '1rem', + top: '2.5rem', + bottom: '2.5rem', }) ;({ - height: '1.25rem', + left: '2.5rem', + right: '2.5rem', }) ;({ - height: '1.5rem', + top: '-2.5rem', + bottom: '-2.5rem', }) ;({ - height: '2rem', + left: '-2.5rem', + right: '-2.5rem', }) ;({ - height: '2.5rem', + top: '2.5rem', }) ;({ - height: '3rem', + right: '2.5rem', }) ;({ - height: '4rem', + bottom: '2.5rem', }) ;({ - height: '5rem', + left: '2.5rem', }) ;({ - height: '6rem', + top: '-2.5rem', }) ;({ - height: '8rem', + right: '-2.5rem', }) ;({ - height: '10rem', + bottom: '-2.5rem', }) ;({ - height: '12rem', + left: '-2.5rem', }) ;({ - height: '14rem', + top: '2.75rem', + right: '2.75rem', + bottom: '2.75rem', + left: '2.75rem', }) ;({ - height: '16rem', + top: '-2.75rem', + right: '-2.75rem', + bottom: '-2.75rem', + left: '-2.75rem', }) ;({ - height: 'auto', + top: '2.75rem', + bottom: '2.75rem', }) ;({ - height: '1px', + left: '2.75rem', + right: '2.75rem', }) ;({ - height: '100%', + top: '-2.75rem', + bottom: '-2.75rem', }) ;({ - height: '100vh', -}) // https://tailwindcss.com/docs/min-height - + left: '-2.75rem', + right: '-2.75rem', +}) ;({ - minHeight: '0', + top: '2.75rem', }) ;({ - minHeight: '100%', + right: '2.75rem', }) ;({ - minHeight: '100vh', -}) // https://tailwindcss.com/docs/max-height - + bottom: '2.75rem', +}) ;({ - maxHeight: '100%', + left: '2.75rem', }) ;({ - maxHeight: '100vh', + top: '-2.75rem', }) - - -`; - -exports[`twin.macro spacing.js: spacing.js 1`] = ` - -import tw from './macro' - -// https://tailwindcss.com/docs/padding -tw\`p-0\` -tw\`p-1\` -tw\`p-2\` -tw\`p-3\` -tw\`p-4\` -tw\`p-5\` -tw\`p-6\` -tw\`p-8\` -tw\`p-10\` -tw\`p-12\` -tw\`p-16\` -tw\`p-20\` -tw\`p-24\` -tw\`p-32\` -tw\`p-40\` -tw\`p-48\` -tw\`p-56\` -tw\`p-64\` -tw\`p-px\` -tw\`py-0\` -tw\`py-1\` -tw\`py-2\` -tw\`py-3\` -tw\`py-4\` -tw\`py-5\` -tw\`py-6\` -tw\`py-8\` -tw\`py-10\` -tw\`py-12\` -tw\`py-16\` -tw\`py-20\` -tw\`py-24\` -tw\`py-32\` -tw\`py-40\` -tw\`py-48\` -tw\`py-56\` -tw\`py-64\` -tw\`py-px\` -tw\`px-0\` -tw\`px-1\` -tw\`px-2\` -tw\`px-3\` -tw\`px-4\` -tw\`px-5\` -tw\`px-6\` -tw\`px-8\` -tw\`px-10\` -tw\`px-12\` -tw\`px-16\` -tw\`px-20\` -tw\`px-24\` -tw\`px-32\` -tw\`px-40\` -tw\`px-48\` -tw\`px-56\` -tw\`px-64\` -tw\`px-px\` -tw\`pt-0\` -tw\`pt-1\` -tw\`pt-2\` -tw\`pt-3\` -tw\`pt-4\` -tw\`pt-5\` -tw\`pt-6\` -tw\`pt-8\` -tw\`pt-10\` -tw\`pt-12\` -tw\`pt-16\` -tw\`pt-20\` -tw\`pt-24\` -tw\`pt-32\` -tw\`pt-40\` -tw\`pt-48\` -tw\`pt-56\` -tw\`pt-64\` -tw\`pt-px\` -tw\`pr-0\` -tw\`pr-1\` -tw\`pr-2\` -tw\`pr-3\` -tw\`pr-4\` -tw\`pr-5\` -tw\`pr-6\` -tw\`pr-8\` -tw\`pr-10\` -tw\`pr-12\` -tw\`pr-16\` -tw\`pr-20\` -tw\`pr-24\` -tw\`pr-32\` -tw\`pr-40\` -tw\`pr-48\` -tw\`pr-56\` -tw\`pr-64\` -tw\`pr-px\` -tw\`pb-0\` -tw\`pb-1\` -tw\`pb-2\` -tw\`pb-3\` -tw\`pb-4\` -tw\`pb-5\` -tw\`pb-6\` -tw\`pb-8\` -tw\`pb-10\` -tw\`pb-12\` -tw\`pb-16\` -tw\`pb-20\` -tw\`pb-24\` -tw\`pb-32\` -tw\`pb-40\` -tw\`pb-48\` -tw\`pb-56\` -tw\`pb-64\` -tw\`pb-px\` +;({ + right: '-2.75rem', +}) +;({ + bottom: '-2.75rem', +}) +;({ + left: '-2.75rem', +}) +;({ + top: '3rem', + right: '3rem', + bottom: '3rem', + left: '3rem', +}) +;({ + top: '-3rem', + right: '-3rem', + bottom: '-3rem', + left: '-3rem', +}) +;({ + top: '3rem', + bottom: '3rem', +}) +;({ + left: '3rem', + right: '3rem', +}) +;({ + top: '-3rem', + bottom: '-3rem', +}) +;({ + left: '-3rem', + right: '-3rem', +}) +;({ + top: '3rem', +}) +;({ + right: '3rem', +}) +;({ + bottom: '3rem', +}) +;({ + left: '3rem', +}) +;({ + top: '-3rem', +}) +;({ + right: '-3rem', +}) +;({ + bottom: '-3rem', +}) +;({ + left: '-3rem', +}) +;({ + top: '3.5rem', + right: '3.5rem', + bottom: '3.5rem', + left: '3.5rem', +}) +;({ + top: '-3.5rem', + right: '-3.5rem', + bottom: '-3.5rem', + left: '-3.5rem', +}) +;({ + top: '3.5rem', + bottom: '3.5rem', +}) +;({ + left: '3.5rem', + right: '3.5rem', +}) +;({ + top: '-3.5rem', + bottom: '-3.5rem', +}) +;({ + left: '-3.5rem', + right: '-3.5rem', +}) +;({ + top: '3.5rem', +}) +;({ + right: '3.5rem', +}) +;({ + bottom: '3.5rem', +}) +;({ + left: '3.5rem', +}) +;({ + top: '-3.5rem', +}) +;({ + right: '-3.5rem', +}) +;({ + bottom: '-3.5rem', +}) +;({ + left: '-3.5rem', +}) +;({ + top: '4rem', + right: '4rem', + bottom: '4rem', + left: '4rem', +}) +;({ + top: '-4rem', + right: '-4rem', + bottom: '-4rem', + left: '-4rem', +}) +;({ + top: '4rem', + bottom: '4rem', +}) +;({ + left: '4rem', + right: '4rem', +}) +;({ + top: '-4rem', + bottom: '-4rem', +}) +;({ + left: '-4rem', + right: '-4rem', +}) +;({ + top: '4rem', +}) +;({ + right: '4rem', +}) +;({ + bottom: '4rem', +}) +;({ + left: '4rem', +}) +;({ + top: '-4rem', +}) +;({ + right: '-4rem', +}) +;({ + bottom: '-4rem', +}) +;({ + left: '-4rem', +}) +;({ + top: '5rem', + right: '5rem', + bottom: '5rem', + left: '5rem', +}) +;({ + top: '-5rem', + right: '-5rem', + bottom: '-5rem', + left: '-5rem', +}) +;({ + top: '5rem', + bottom: '5rem', +}) +;({ + left: '5rem', + right: '5rem', +}) +;({ + top: '-5rem', + bottom: '-5rem', +}) +;({ + left: '-5rem', + right: '-5rem', +}) +;({ + top: '5rem', +}) +;({ + right: '5rem', +}) +;({ + bottom: '5rem', +}) +;({ + left: '5rem', +}) +;({ + top: '-5rem', +}) +;({ + right: '-5rem', +}) +;({ + bottom: '-5rem', +}) +;({ + left: '-5rem', +}) +;({ + top: '6rem', + right: '6rem', + bottom: '6rem', + left: '6rem', +}) +;({ + top: '-6rem', + right: '-6rem', + bottom: '-6rem', + left: '-6rem', +}) +;({ + top: '6rem', + bottom: '6rem', +}) +;({ + left: '6rem', + right: '6rem', +}) +;({ + top: '-6rem', + bottom: '-6rem', +}) +;({ + left: '-6rem', + right: '-6rem', +}) +;({ + top: '6rem', +}) +;({ + right: '6rem', +}) +;({ + bottom: '6rem', +}) +;({ + left: '6rem', +}) +;({ + right: '-6rem', +}) +;({ + bottom: '-6rem', +}) +;({ + left: '-6rem', +}) +;({ + top: '7rem', + right: '7rem', + bottom: '7rem', + left: '7rem', +}) +;({ + top: '-7rem', + right: '-7rem', + bottom: '-7rem', + left: '-7rem', +}) +;({ + top: '7rem', + bottom: '7rem', +}) +;({ + left: '7rem', + right: '7rem', +}) +;({ + top: '-7rem', + bottom: '-7rem', +}) +;({ + left: '-7rem', + right: '-7rem', +}) +;({ + top: '7rem', +}) +;({ + right: '7rem', +}) +;({ + bottom: '7rem', +}) +;({ + left: '7rem', +}) +;({ + top: '-7rem', +}) +;({ + right: '-7rem', +}) +;({ + bottom: '-7rem', +}) +;({ + left: '-7rem', +}) +;({ + top: '8rem', + right: '8rem', + bottom: '8rem', + left: '8rem', +}) +;({ + top: '-8rem', + right: '-8rem', + bottom: '-8rem', + left: '-8rem', +}) +;({ + top: '8rem', + bottom: '8rem', +}) +;({ + left: '8rem', + right: '8rem', +}) +;({ + top: '-8rem', + bottom: '-8rem', +}) +;({ + left: '-8rem', + right: '-8rem', +}) +;({ + right: '8rem', +}) +;({ + bottom: '8rem', +}) +;({ + left: '8rem', +}) +;({ + top: '-8rem', +}) +;({ + right: '-8rem', +}) +;({ + bottom: '-8rem', +}) +;({ + left: '-8rem', +}) +;({ + top: '9rem', + right: '9rem', + bottom: '9rem', + left: '9rem', +}) +;({ + top: '-9rem', + right: '-9rem', + bottom: '-9rem', + left: '-9rem', +}) +;({ + top: '9rem', + bottom: '9rem', +}) +;({ + left: '9rem', + right: '9rem', +}) +;({ + top: '-9rem', + bottom: '-9rem', +}) +;({ + left: '-9rem', + right: '-9rem', +}) +;({ + top: '9rem', +}) +;({ + right: '9rem', +}) +;({ + bottom: '9rem', +}) +;({ + left: '9rem', +}) +;({ + top: '-9rem', +}) +;({ + right: '-9rem', +}) +;({ + bottom: '-9rem', +}) +;({ + left: '-9rem', +}) +;({ + top: '10rem', + right: '10rem', + bottom: '10rem', + left: '10rem', +}) +;({ + top: '-10rem', + right: '-10rem', + bottom: '-10rem', + left: '-10rem', +}) +;({ + top: '10rem', + bottom: '10rem', +}) +;({ + left: '10rem', + right: '10rem', +}) +;({ + top: '-10rem', + bottom: '-10rem', +}) +;({ + left: '-10rem', + right: '-10rem', +}) +;({ + top: '10rem', +}) +;({ + right: '10rem', +}) +;({ + bottom: '10rem', +}) +;({ + left: '10rem', +}) +;({ + top: '-10rem', +}) +;({ + right: '-10rem', +}) +;({ + bottom: '-10rem', +}) +;({ + left: '-10rem', +}) +;({ + top: '11rem', + right: '11rem', + bottom: '11rem', + left: '11rem', +}) +;({ + top: '-11rem', + right: '-11rem', + bottom: '-11rem', + left: '-11rem', +}) +;({ + top: '11rem', + bottom: '11rem', +}) +;({ + left: '11rem', + right: '11rem', +}) +;({ + top: '-11rem', + bottom: '-11rem', +}) +;({ + left: '-11rem', + right: '-11rem', +}) +;({ + top: '11rem', +}) +;({ + right: '11rem', +}) +;({ + bottom: '11rem', +}) +;({ + left: '11rem', +}) +;({ + top: '-11rem', +}) +;({ + right: '-11rem', +}) +;({ + bottom: '-11rem', +}) +;({ + left: '-11rem', +}) +;({ + top: '12rem', + right: '12rem', + bottom: '12rem', + left: '12rem', +}) +;({ + top: '-12rem', + right: '-12rem', + bottom: '-12rem', + left: '-12rem', +}) +;({ + top: '12rem', + bottom: '12rem', +}) +;({ + left: '12rem', + right: '12rem', +}) +;({ + top: '-12rem', + bottom: '-12rem', +}) +;({ + left: '-12rem', + right: '-12rem', +}) +;({ + top: '12rem', +}) +;({ + right: '12rem', +}) +;({ + bottom: '12rem', +}) +;({ + left: '12rem', +}) +;({ + right: '-12rem', +}) +;({ + bottom: '-12rem', +}) +;({ + left: '-12rem', +}) +;({ + top: '13rem', + right: '13rem', + bottom: '13rem', + left: '13rem', +}) +;({ + top: '-13rem', + right: '-13rem', + bottom: '-13rem', + left: '-13rem', +}) +;({ + top: '13rem', + bottom: '13rem', +}) +;({ + left: '13rem', + right: '13rem', +}) +;({ + top: '-13rem', + bottom: '-13rem', +}) +;({ + left: '-13rem', + right: '-13rem', +}) +;({ + top: '13rem', +}) +;({ + right: '13rem', +}) +;({ + bottom: '13rem', +}) +;({ + left: '13rem', +}) +;({ + top: '-13rem', +}) +;({ + right: '-13rem', +}) +;({ + bottom: '-13rem', +}) +;({ + left: '-13rem', +}) +;({ + top: '14rem', + right: '14rem', + bottom: '14rem', + left: '14rem', +}) +;({ + top: '-14rem', + right: '-14rem', + bottom: '-14rem', + left: '-14rem', +}) +;({ + top: '14rem', + bottom: '14rem', +}) +;({ + left: '14rem', + right: '14rem', +}) +;({ + top: '-14rem', + bottom: '-14rem', +}) +;({ + left: '-14rem', + right: '-14rem', +}) +;({ + top: '14rem', +}) +;({ + right: '14rem', +}) +;({ + bottom: '14rem', +}) +;({ + left: '14rem', +}) +;({ + top: '-14rem', +}) +;({ + right: '-14rem', +}) +;({ + bottom: '-14rem', +}) +;({ + left: '-14rem', +}) +;({ + top: '15rem', + right: '15rem', + bottom: '15rem', + left: '15rem', +}) +;({ + top: '-15rem', + right: '-15rem', + bottom: '-15rem', + left: '-15rem', +}) +;({ + top: '15rem', + bottom: '15rem', +}) +;({ + left: '15rem', + right: '15rem', +}) +;({ + top: '-15rem', + bottom: '-15rem', +}) +;({ + left: '-15rem', + right: '-15rem', +}) +;({ + top: '15rem', +}) +;({ + right: '15rem', +}) +;({ + bottom: '15rem', +}) +;({ + left: '15rem', +}) +;({ + top: '-15rem', +}) +;({ + right: '-15rem', +}) +;({ + bottom: '-15rem', +}) +;({ + left: '-15rem', +}) +;({ + top: '16rem', + right: '16rem', + bottom: '16rem', + left: '16rem', +}) +;({ + top: '-16rem', + right: '-16rem', + bottom: '-16rem', + left: '-16rem', +}) +;({ + top: '16rem', + bottom: '16rem', +}) +;({ + left: '16rem', + right: '16rem', +}) +;({ + top: '-16rem', + bottom: '-16rem', +}) +;({ + left: '-16rem', + right: '-16rem', +}) +;({ + top: '16rem', +}) +;({ + right: '16rem', +}) +;({ + bottom: '16rem', +}) +;({ + left: '16rem', +}) +;({ + top: '-16rem', +}) +;({ + right: '-16rem', +}) +;({ + bottom: '-16rem', +}) +;({ + left: '-16rem', +}) +;({ + top: '18rem', + right: '18rem', + bottom: '18rem', + left: '18rem', +}) +;({ + top: '-18rem', + right: '-18rem', + bottom: '-18rem', + left: '-18rem', +}) +;({ + top: '18rem', + bottom: '18rem', +}) +;({ + left: '18rem', + right: '18rem', +}) +;({ + top: '-18rem', + bottom: '-18rem', +}) +;({ + left: '-18rem', + right: '-18rem', +}) +;({ + top: '18rem', +}) +;({ + right: '18rem', +}) +;({ + bottom: '18rem', +}) +;({ + left: '18rem', +}) +;({ + top: '-18rem', +}) +;({ + right: '-18rem', +}) +;({ + bottom: '-18rem', +}) +;({ + left: '-18rem', +}) +;({ + top: '20rem', + right: '20rem', + bottom: '20rem', + left: '20rem', +}) +;({ + top: '-20rem', + right: '-20rem', + bottom: '-20rem', + left: '-20rem', +}) +;({ + top: '20rem', + bottom: '20rem', +}) +;({ + left: '20rem', + right: '20rem', +}) +;({ + top: '-20rem', + bottom: '-20rem', +}) +;({ + left: '-20rem', + right: '-20rem', +}) +;({ + top: '20rem', +}) +;({ + right: '20rem', +}) +;({ + bottom: '20rem', +}) +;({ + left: '20rem', +}) +;({ + top: '-20rem', +}) +;({ + right: '-20rem', +}) +;({ + bottom: '-20rem', +}) +;({ + left: '-20rem', +}) +;({ + top: '24rem', + right: '24rem', + bottom: '24rem', + left: '24rem', +}) +;({ + top: '-24rem', + right: '-24rem', + bottom: '-24rem', + left: '-24rem', +}) +;({ + top: '24rem', + bottom: '24rem', +}) +;({ + left: '24rem', + right: '24rem', +}) +;({ + top: '-24rem', + bottom: '-24rem', +}) +;({ + left: '-24rem', + right: '-24rem', +}) +;({ + top: '24rem', +}) +;({ + right: '24rem', +}) +;({ + bottom: '24rem', +}) +;({ + left: '24rem', +}) +;({ + top: '-24rem', +}) +;({ + right: '-24rem', +}) +;({ + bottom: '-24rem', +}) +;({ + left: '-24rem', +}) +;({ + top: 'auto', + right: 'auto', + bottom: 'auto', + left: 'auto', +}) +;({ + top: '1px', + right: '1px', + bottom: '1px', + left: '1px', +}) +;({ + top: '-1px', + right: '-1px', + bottom: '-1px', + left: '-1px', +}) +;({ + top: '50%', + right: '50%', + bottom: '50%', + left: '50%', +}) +;({ + top: '33.333333%', + right: '33.333333%', + bottom: '33.333333%', + left: '33.333333%', +}) +;({ + top: '66.666667%', + right: '66.666667%', + bottom: '66.666667%', + left: '66.666667%', +}) +;({ + top: '25%', + right: '25%', + bottom: '25%', + left: '25%', +}) +;({ + top: '50%', + right: '50%', + bottom: '50%', + left: '50%', +}) +;({ + top: '75%', + right: '75%', + bottom: '75%', + left: '75%', +}) +;({ + top: '100%', + right: '100%', + bottom: '100%', + left: '100%', +}) +;({ + top: '-50%', + right: '-50%', + bottom: '-50%', + left: '-50%', +}) +;({ + top: '-33.333333%', + right: '-33.333333%', + bottom: '-33.333333%', + left: '-33.333333%', +}) +;({ + top: '-66.666667%', + right: '-66.666667%', + bottom: '-66.666667%', + left: '-66.666667%', +}) +;({ + top: '-25%', + right: '-25%', + bottom: '-25%', + left: '-25%', +}) +;({ + top: '-50%', + right: '-50%', + bottom: '-50%', + left: '-50%', +}) +;({ + top: '-75%', + right: '-75%', + bottom: '-75%', + left: '-75%', +}) +;({ + top: '-100%', + right: '-100%', + bottom: '-100%', + left: '-100%', +}) +;({ + top: 'auto', + bottom: 'auto', +}) +;({ + left: 'auto', + right: 'auto', +}) +;({ + top: '1px', + bottom: '1px', +}) +;({ + left: '1px', + right: '1px', +}) +;({ + top: '-1px', + bottom: '-1px', +}) +;({ + left: '-1px', + right: '-1px', +}) +;({ + top: '50%', + bottom: '50%', +}) +;({ + left: '50%', + right: '50%', +}) +;({ + top: '33.333333%', + bottom: '33.333333%', +}) +;({ + left: '33.333333%', + right: '33.333333%', +}) +;({ + top: '66.666667%', + bottom: '66.666667%', +}) +;({ + left: '66.666667%', + right: '66.666667%', +}) +;({ + top: '25%', + bottom: '25%', +}) +;({ + left: '25%', + right: '25%', +}) +;({ + top: '50%', + bottom: '50%', +}) +;({ + left: '50%', + right: '50%', +}) +;({ + top: '75%', + bottom: '75%', +}) +;({ + left: '75%', + right: '75%', +}) +;({ + top: '100%', + bottom: '100%', +}) +;({ + left: '100%', + right: '100%', +}) +;({ + top: '-50%', + bottom: '-50%', +}) +;({ + left: '-50%', + right: '-50%', +}) +;({ + top: '-33.333333%', + bottom: '-33.333333%', +}) +;({ + left: '-33.333333%', + right: '-33.333333%', +}) +;({ + top: '-66.666667%', + bottom: '-66.666667%', +}) +;({ + left: '-66.666667%', + right: '-66.666667%', +}) +;({ + top: '-25%', + bottom: '-25%', +}) +;({ + left: '-25%', + right: '-25%', +}) +;({ + top: '-50%', + bottom: '-50%', +}) +;({ + left: '-50%', + right: '-50%', +}) +;({ + top: '-75%', + bottom: '-75%', +}) +;({ + left: '-75%', + right: '-75%', +}) +;({ + top: '-100%', + bottom: '-100%', +}) +;({ + left: '-100%', + right: '-100%', +}) +;({ + top: 'auto', +}) +;({ + right: 'auto', +}) +;({ + bottom: 'auto', +}) +;({ + left: 'auto', +}) +;({ + top: '1px', +}) +;({ + right: '1px', +}) +;({ + bottom: '1px', +}) +;({ + left: '1px', +}) +;({ + top: '-1px', +}) +;({ + right: '-1px', +}) +;({ + bottom: '-1px', +}) +;({ + left: '-1px', +}) +;({ + top: '50%', +}) +;({ + right: '50%', +}) +;({ + bottom: '50%', +}) +;({ + left: '50%', +}) +;({ + top: '33.333333%', +}) +;({ + right: '33.333333%', +}) +;({ + bottom: '33.333333%', +}) +;({ + left: '33.333333%', +}) +;({ + top: '66.666667%', +}) +;({ + right: '66.666667%', +}) +;({ + bottom: '66.666667%', +}) +;({ + left: '66.666667%', +}) +;({ + top: '25%', +}) +;({ + right: '25%', +}) +;({ + bottom: '25%', +}) +;({ + left: '25%', +}) +;({ + top: '50%', +}) +;({ + right: '50%', +}) +;({ + bottom: '50%', +}) +;({ + left: '50%', +}) +;({ + top: '75%', +}) +;({ + right: '75%', +}) +;({ + bottom: '75%', +}) +;({ + left: '75%', +}) +;({ + top: '100%', +}) +;({ + right: '100%', +}) +;({ + bottom: '100%', +}) +;({ + left: '100%', +}) +;({ + top: '-50%', +}) +;({ + right: '-50%', +}) +;({ + bottom: '-50%', +}) +;({ + left: '-50%', +}) +;({ + top: '-33.333333%', +}) +;({ + right: '-33.333333%', +}) +;({ + bottom: '-33.333333%', +}) +;({ + left: '-33.333333%', +}) +;({ + top: '-66.666667%', +}) +;({ + right: '-66.666667%', +}) +;({ + bottom: '-66.666667%', +}) +;({ + left: '-66.666667%', +}) +;({ + top: '-25%', +}) +;({ + right: '-25%', +}) +;({ + bottom: '-25%', +}) +;({ + left: '-25%', +}) +;({ + top: '-50%', +}) +;({ + right: '-50%', +}) +;({ + bottom: '-50%', +}) +;({ + left: '-50%', +}) +;({ + top: '-75%', +}) +;({ + right: '-75%', +}) +;({ + bottom: '-75%', +}) +;({ + left: '-75%', +}) +;({ + top: '-100%', +}) +;({ + right: '-100%', +}) +;({ + bottom: '-100%', +}) +;({ + left: '-100%', +}) // https://tailwindcss.com/docs/visibility + +;({ + visibility: 'visible', +}) +;({ + visibility: 'hidden', +}) // https://tailwindcss.com/docs/z-index + +;({ + zIndex: '0', +}) +;({ + zIndex: '10', +}) +;({ + zIndex: '20', +}) +;({ + zIndex: '30', +}) +;({ + zIndex: '40', +}) +;({ + zIndex: '50', +}) +;({ + zIndex: 'auto', +}) + + +`; + +exports[`twin.macro sizing.js: sizing.js 1`] = ` + +import tw from './macro' + +// https://tailwindcss.com/docs/width +tw\`w-0\` +tw\`w-0.5\` +tw\`w-1\` +tw\`w-1.5\` +tw\`w-2\` +tw\`w-2.5\` +tw\`w-3\` +tw\`w-3.5\` +tw\`w-4\` +tw\`w-5\` +tw\`w-6\` +tw\`w-7\` +tw\`w-8\` +tw\`w-9\` +tw\`w-10\` +tw\`w-11\` +tw\`w-12\` +tw\`w-14\` +tw\`w-16\` +tw\`w-20\` +tw\`w-24\` +tw\`w-28\` +tw\`w-32\` +tw\`w-36\` +tw\`w-40\` +tw\`w-44\` +tw\`w-48\` +tw\`w-52\` +tw\`w-56\` +tw\`w-60\` +tw\`w-64\` +tw\`w-72\` +tw\`w-80\` +tw\`w-96\` +tw\`w-auto\` +tw\`w-px\` +tw\`w-1/2\` +tw\`w-1/3\` +tw\`w-2/3\` +tw\`w-1/4\` +tw\`w-2/4\` +tw\`w-3/4\` +tw\`w-1/5\` +tw\`w-2/5\` +tw\`w-3/5\` +tw\`w-4/5\` +tw\`w-1/6\` +tw\`w-2/6\` +tw\`w-3/6\` +tw\`w-4/6\` +tw\`w-5/6\` +tw\`w-1/12\` +tw\`w-2/12\` +tw\`w-3/12\` +tw\`w-4/12\` +tw\`w-5/12\` +tw\`w-6/12\` +tw\`w-7/12\` +tw\`w-8/12\` +tw\`w-9/12\` +tw\`w-10/12\` +tw\`w-11/12\` +tw\`w-full\` +tw\`w-screen\` +tw\`w-min\` +tw\`w-max\` + +// https://tailwindcss.com/docs/min-width +tw\`min-w-0\` +tw\`min-w-full\` +tw\`min-w-min\` +tw\`min-w-max\` + +// https://tailwindcss.com/docs/max-width +tw\`max-w-0\` +tw\`max-w-none\` +tw\`max-w-xs\` +tw\`max-w-sm\` +tw\`max-w-md\` +tw\`max-w-lg\` +tw\`max-w-xl\` +tw\`max-w-2xl\` +tw\`max-w-3xl\` +tw\`max-w-4xl\` +tw\`max-w-5xl\` +tw\`max-w-6xl\` +tw\`max-w-7xl\` +tw\`max-w-full\` +tw\`max-w-min\` +tw\`max-w-max\` +tw\`max-w-prose\` +tw\`max-w-screen-sm\` +tw\`max-w-screen-md\` +tw\`max-w-screen-lg\` +tw\`max-w-screen-xl\` +tw\`max-w-screen-2xl\` + +// https://tailwindcss.com/docs/height +tw\`h-0\` +tw\`h-0.5\` +tw\`h-1\` +tw\`h-1.5\` +tw\`h-2\` +tw\`h-2.5\` +tw\`h-3\` +tw\`h-3.5\` +tw\`h-4\` +tw\`h-5\` +tw\`h-6\` +tw\`h-7\` +tw\`h-8\` +tw\`h-9\` +tw\`h-10\` +tw\`h-11\` +tw\`h-12\` +tw\`h-14\` +tw\`h-16\` +tw\`h-20\` +tw\`h-24\` +tw\`h-28\` +tw\`h-32\` +tw\`h-36\` +tw\`h-40\` +tw\`h-44\` +tw\`h-48\` +tw\`h-52\` +tw\`h-56\` +tw\`h-60\` +tw\`h-64\` +tw\`h-72\` +tw\`h-80\` +tw\`h-96\` +tw\`h-auto\` +tw\`h-px\` +tw\`h-1/2\` +tw\`h-1/3\` +tw\`h-2/3\` +tw\`h-1/4\` +tw\`h-2/4\` +tw\`h-3/4\` +tw\`h-1/5\` +tw\`h-2/5\` +tw\`h-3/5\` +tw\`h-4/5\` +tw\`h-1/6\` +tw\`h-2/6\` +tw\`h-3/6\` +tw\`h-4/6\` +tw\`h-5/6\` +tw\`h-full\` +tw\`h-screen\` + +// https://tailwindcss.com/docs/min-height +tw\`min-h-0\` +tw\`min-h-full\` +tw\`min-h-screen\` + +// https://tailwindcss.com/docs/max-height +tw\`max-h-0\` +tw\`max-h-0.5\` +tw\`max-h-1\` +tw\`max-h-1.5\` +tw\`max-h-2\` +tw\`max-h-2.5\` +tw\`max-h-3\` +tw\`max-h-3.5\` +tw\`max-h-4\` +tw\`max-h-5\` +tw\`max-h-6\` +tw\`max-h-7\` +tw\`max-h-8\` +tw\`max-h-9\` +tw\`max-h-10\` +tw\`max-h-11\` +tw\`max-h-12\` +tw\`max-h-14\` +tw\`max-h-16\` +tw\`max-h-20\` +tw\`max-h-24\` +tw\`max-h-28\` +tw\`max-h-32\` +tw\`max-h-36\` +tw\`max-h-40\` +tw\`max-h-44\` +tw\`max-h-48\` +tw\`max-h-52\` +tw\`max-h-56\` +tw\`max-h-60\` +tw\`max-h-64\` +tw\`max-h-72\` +tw\`max-h-80\` +tw\`max-h-96\` +tw\`max-h-px\` +tw\`max-h-full\` +tw\`max-h-screen\` + + ↓ ↓ ↓ ↓ ↓ ↓ + +// https://tailwindcss.com/docs/width +;({ + width: '0px', +}) +;({ + width: '0.125rem', +}) +;({ + width: '0.25rem', +}) +;({ + width: '0.375rem', +}) +;({ + width: '0.5rem', +}) +;({ + width: '0.625rem', +}) +;({ + width: '0.75rem', +}) +;({ + width: '0.875rem', +}) +;({ + width: '1rem', +}) +;({ + width: '1.25rem', +}) +;({ + width: '1.5rem', +}) +;({ + width: '1.75rem', +}) +;({ + width: '2rem', +}) +;({ + width: '2.25rem', +}) +;({ + width: '2.5rem', +}) +;({ + width: '2.75rem', +}) +;({ + width: '3rem', +}) +;({ + width: '3.5rem', +}) +;({ + width: '4rem', +}) +;({ + width: '5rem', +}) +;({ + width: '6rem', +}) +;({ + width: '7rem', +}) +;({ + width: '8rem', +}) +;({ + width: '9rem', +}) +;({ + width: '10rem', +}) +;({ + width: '11rem', +}) +;({ + width: '12rem', +}) +;({ + width: '13rem', +}) +;({ + width: '14rem', +}) +;({ + width: '15rem', +}) +;({ + width: '16rem', +}) +;({ + width: '18rem', +}) +;({ + width: '20rem', +}) +;({ + width: '24rem', +}) +;({ + width: 'auto', +}) +;({ + width: '1px', +}) +;({ + width: '50%', +}) +;({ + width: '33.333333%', +}) +;({ + width: '66.666667%', +}) +;({ + width: '25%', +}) +;({ + width: '50%', +}) +;({ + width: '75%', +}) +;({ + width: '20%', +}) +;({ + width: '40%', +}) +;({ + width: '60%', +}) +;({ + width: '80%', +}) +;({ + width: '16.666667%', +}) +;({ + width: '33.333333%', +}) +;({ + width: '50%', +}) +;({ + width: '66.666667%', +}) +;({ + width: '83.333333%', +}) +;({ + width: '8.333333%', +}) +;({ + width: '16.666667%', +}) +;({ + width: '25%', +}) +;({ + width: '33.333333%', +}) +;({ + width: '41.666667%', +}) +;({ + width: '50%', +}) +;({ + width: '58.333333%', +}) +;({ + width: '66.666667%', +}) +;({ + width: '75%', +}) +;({ + width: '83.333333%', +}) +;({ + width: '91.666667%', +}) +;({ + width: '100%', +}) +;({ + width: '100vw', +}) +;({ + width: 'min-content', +}) +;({ + width: 'max-content', +}) // https://tailwindcss.com/docs/min-width + +;({ + minWidth: '0px', +}) +;({ + minWidth: '100%', +}) +;({ + minWidth: 'min-content', +}) +;({ + minWidth: 'max-content', +}) // https://tailwindcss.com/docs/max-width + +;({ + maxWidth: '0rem', +}) +;({ + maxWidth: 'none', +}) +;({ + maxWidth: '20rem', +}) +;({ + maxWidth: '24rem', +}) +;({ + maxWidth: '28rem', +}) +;({ + maxWidth: '32rem', +}) +;({ + maxWidth: '36rem', +}) +;({ + maxWidth: '42rem', +}) +;({ + maxWidth: '48rem', +}) +;({ + maxWidth: '56rem', +}) +;({ + maxWidth: '64rem', +}) +;({ + maxWidth: '72rem', +}) +;({ + maxWidth: '80rem', +}) +;({ + maxWidth: '100%', +}) +;({ + maxWidth: 'min-content', +}) +;({ + maxWidth: 'max-content', +}) +;({ + maxWidth: '65ch', +}) +;({ + maxWidth: '640px', +}) +;({ + maxWidth: '768px', +}) +;({ + maxWidth: '1024px', +}) +;({ + maxWidth: '1280px', +}) +;({ + maxWidth: '1536px', +}) // https://tailwindcss.com/docs/height + +;({ + height: '0px', +}) +;({ + height: '0.125rem', +}) +;({ + height: '0.25rem', +}) +;({ + height: '0.375rem', +}) +;({ + height: '0.5rem', +}) +;({ + height: '0.625rem', +}) +;({ + height: '0.75rem', +}) +;({ + height: '0.875rem', +}) +;({ + height: '1rem', +}) +;({ + height: '1.25rem', +}) +;({ + height: '1.5rem', +}) +;({ + height: '1.75rem', +}) +;({ + height: '2rem', +}) +;({ + height: '2.25rem', +}) +;({ + height: '2.5rem', +}) +;({ + height: '2.75rem', +}) +;({ + height: '3rem', +}) +;({ + height: '3.5rem', +}) +;({ + height: '4rem', +}) +;({ + height: '5rem', +}) +;({ + height: '6rem', +}) +;({ + height: '7rem', +}) +;({ + height: '8rem', +}) +;({ + height: '9rem', +}) +;({ + height: '10rem', +}) +;({ + height: '11rem', +}) +;({ + height: '12rem', +}) +;({ + height: '13rem', +}) +;({ + height: '14rem', +}) +;({ + height: '15rem', +}) +;({ + height: '16rem', +}) +;({ + height: '18rem', +}) +;({ + height: '20rem', +}) +;({ + height: '24rem', +}) +;({ + height: 'auto', +}) +;({ + height: '1px', +}) +;({ + height: '50%', +}) +;({ + height: '33.333333%', +}) +;({ + height: '66.666667%', +}) +;({ + height: '25%', +}) +;({ + height: '50%', +}) +;({ + height: '75%', +}) +;({ + height: '20%', +}) +;({ + height: '40%', +}) +;({ + height: '60%', +}) +;({ + height: '80%', +}) +;({ + height: '16.666667%', +}) +;({ + height: '33.333333%', +}) +;({ + height: '50%', +}) +;({ + height: '66.666667%', +}) +;({ + height: '83.333333%', +}) +;({ + height: '100%', +}) +;({ + height: '100vh', +}) // https://tailwindcss.com/docs/min-height + +;({ + minHeight: '0px', +}) +;({ + minHeight: '100%', +}) +;({ + minHeight: '100vh', +}) // https://tailwindcss.com/docs/max-height + +;({ + maxHeight: '0px', +}) +;({ + maxHeight: '0.125rem', +}) +;({ + maxHeight: '0.25rem', +}) +;({ + maxHeight: '0.375rem', +}) +;({ + maxHeight: '0.5rem', +}) +;({ + maxHeight: '0.625rem', +}) +;({ + maxHeight: '0.75rem', +}) +;({ + maxHeight: '0.875rem', +}) +;({ + maxHeight: '1rem', +}) +;({ + maxHeight: '1.25rem', +}) +;({ + maxHeight: '1.5rem', +}) +;({ + maxHeight: '1.75rem', +}) +;({ + maxHeight: '2rem', +}) +;({ + maxHeight: '2.25rem', +}) +;({ + maxHeight: '2.5rem', +}) +;({ + maxHeight: '2.75rem', +}) +;({ + maxHeight: '3rem', +}) +;({ + maxHeight: '3.5rem', +}) +;({ + maxHeight: '4rem', +}) +;({ + maxHeight: '5rem', +}) +;({ + maxHeight: '6rem', +}) +;({ + maxHeight: '7rem', +}) +;({ + maxHeight: '8rem', +}) +;({ + maxHeight: '9rem', +}) +;({ + maxHeight: '10rem', +}) +;({ + maxHeight: '11rem', +}) +;({ + maxHeight: '12rem', +}) +;({ + maxHeight: '13rem', +}) +;({ + maxHeight: '14rem', +}) +;({ + maxHeight: '15rem', +}) +;({ + maxHeight: '16rem', +}) +;({ + maxHeight: '18rem', +}) +;({ + maxHeight: '20rem', +}) +;({ + maxHeight: '24rem', +}) +;({ + maxHeight: '1px', +}) +;({ + maxHeight: '100%', +}) +;({ + maxHeight: '100vh', +}) + + +`; + +exports[`twin.macro spacing.js: spacing.js 1`] = ` + +import tw from './macro' + +// https://tailwindcss.com/docs/padding +tw\`p-0\` +tw\`p-0.5\` +tw\`p-1\` +tw\`p-1.5\` +tw\`p-2\` +tw\`p-2.5\` +tw\`p-3\` +tw\`p-3.5\` +tw\`p-4\` +tw\`p-5\` +tw\`p-6\` +tw\`p-7\` +tw\`p-8\` +tw\`p-9\` +tw\`p-10\` +tw\`p-11\` +tw\`p-12\` +tw\`p-14\` +tw\`p-16\` +tw\`p-20\` +tw\`p-24\` +tw\`p-28\` +tw\`p-32\` +tw\`p-36\` +tw\`p-40\` +tw\`p-44\` +tw\`p-48\` +tw\`p-52\` +tw\`p-56\` +tw\`p-60\` +tw\`p-64\` +tw\`p-72\` +tw\`p-80\` +tw\`p-96\` +tw\`p-px\` +tw\`py-0\` +tw\`py-0.5\` +tw\`py-1\` +tw\`py-1.5\` +tw\`py-2\` +tw\`py-2.5\` +tw\`py-3\` +tw\`py-3.5\` +tw\`py-4\` +tw\`py-5\` +tw\`py-6\` +tw\`py-7\` +tw\`py-8\` +tw\`py-9\` +tw\`py-10\` +tw\`py-11\` +tw\`py-12\` +tw\`py-14\` +tw\`py-16\` +tw\`py-20\` +tw\`py-24\` +tw\`py-28\` +tw\`py-32\` +tw\`py-36\` +tw\`py-40\` +tw\`py-44\` +tw\`py-48\` +tw\`py-52\` +tw\`py-56\` +tw\`py-60\` +tw\`py-64\` +tw\`py-72\` +tw\`py-80\` +tw\`py-96\` +tw\`py-px\` +tw\`px-0\` +tw\`px-0.5\` +tw\`px-1\` +tw\`px-1.5\` +tw\`px-2\` +tw\`px-2.5\` +tw\`px-3\` +tw\`px-3.5\` +tw\`px-4\` +tw\`px-5\` +tw\`px-6\` +tw\`px-7\` +tw\`px-8\` +tw\`px-9\` +tw\`px-10\` +tw\`px-11\` +tw\`px-12\` +tw\`px-14\` +tw\`px-16\` +tw\`px-20\` +tw\`px-24\` +tw\`px-28\` +tw\`px-32\` +tw\`px-36\` +tw\`px-40\` +tw\`px-44\` +tw\`px-48\` +tw\`px-52\` +tw\`px-56\` +tw\`px-60\` +tw\`px-64\` +tw\`px-72\` +tw\`px-80\` +tw\`px-96\` +tw\`px-px\` +tw\`pt-0\` +tw\`pt-0.5\` +tw\`pt-1\` +tw\`pt-1.5\` +tw\`pt-2\` +tw\`pt-2.5\` +tw\`pt-3\` +tw\`pt-3.5\` +tw\`pt-4\` +tw\`pt-5\` +tw\`pt-6\` +tw\`pt-7\` +tw\`pt-8\` +tw\`pt-9\` +tw\`pt-10\` +tw\`pt-11\` +tw\`pt-12\` +tw\`pt-14\` +tw\`pt-16\` +tw\`pt-20\` +tw\`pt-24\` +tw\`pt-28\` +tw\`pt-32\` +tw\`pt-36\` +tw\`pt-40\` +tw\`pt-44\` +tw\`pt-48\` +tw\`pt-52\` +tw\`pt-56\` +tw\`pt-60\` +tw\`pt-64\` +tw\`pt-72\` +tw\`pt-80\` +tw\`pt-96\` +tw\`pt-px\` +tw\`pr-0\` +tw\`pr-0.5\` +tw\`pr-1\` +tw\`pr-1.5\` +tw\`pr-2\` +tw\`pr-2.5\` +tw\`pr-3\` +tw\`pr-3.5\` +tw\`pr-4\` +tw\`pr-5\` +tw\`pr-6\` +tw\`pr-7\` +tw\`pr-8\` +tw\`pr-9\` +tw\`pr-10\` +tw\`pr-11\` +tw\`pr-12\` +tw\`pr-14\` +tw\`pr-16\` +tw\`pr-20\` +tw\`pr-24\` +tw\`pr-28\` +tw\`pr-32\` +tw\`pr-36\` +tw\`pr-40\` +tw\`pr-44\` +tw\`pr-48\` +tw\`pr-52\` +tw\`pr-56\` +tw\`pr-60\` +tw\`pr-64\` +tw\`pr-72\` +tw\`pr-80\` +tw\`pr-96\` +tw\`pr-px\` +tw\`pb-0\` +tw\`pb-0.5\` +tw\`pb-1\` +tw\`pb-1.5\` +tw\`pb-2\` +tw\`pb-2.5\` +tw\`pb-3\` +tw\`pb-3.5\` +tw\`pb-4\` +tw\`pb-5\` +tw\`pb-6\` +tw\`pb-7\` +tw\`pb-8\` +tw\`pb-9\` +tw\`pb-10\` +tw\`pb-11\` +tw\`pb-12\` +tw\`pb-14\` +tw\`pb-16\` +tw\`pb-20\` +tw\`pb-24\` +tw\`pb-28\` +tw\`pb-32\` +tw\`pb-36\` +tw\`pb-40\` +tw\`pb-44\` +tw\`pb-48\` +tw\`pb-52\` +tw\`pb-56\` +tw\`pb-60\` +tw\`pb-64\` +tw\`pb-72\` +tw\`pb-px\` tw\`pl-0\` +tw\`pl-0.5\` tw\`pl-1\` +tw\`pl-1.5\` tw\`pl-2\` +tw\`pl-2.5\` tw\`pl-3\` +tw\`pl-3.5\` tw\`pl-4\` tw\`pl-5\` tw\`pl-6\` +tw\`pl-7\` tw\`pl-8\` +tw\`pl-9\` tw\`pl-10\` +tw\`pl-11\` tw\`pl-12\` +tw\`pl-14\` tw\`pl-16\` tw\`pl-20\` tw\`pl-24\` +tw\`pl-28\` tw\`pl-32\` +tw\`pl-36\` tw\`pl-40\` +tw\`pl-44\` tw\`pl-48\` +tw\`pl-52\` tw\`pl-56\` +tw\`pl-60\` tw\`pl-64\` +tw\`pl-72\` +tw\`pl-80\` +tw\`pl-96\` tw\`pl-px\` // https://tailwindcss.com/docs/margin tw\`m-0\` +tw\`m-0.5\` tw\`m-1\` +tw\`m-1.5\` tw\`m-2\` +tw\`m-2.5\` tw\`m-3\` +tw\`m-3.5\` tw\`m-4\` tw\`m-5\` tw\`m-6\` +tw\`m-7\` tw\`m-8\` +tw\`m-9\` tw\`m-10\` +tw\`m-11\` tw\`m-12\` +tw\`m-14\` tw\`m-16\` tw\`m-20\` tw\`m-24\` +tw\`m-28\` tw\`m-32\` +tw\`m-36\` tw\`m-40\` +tw\`m-44\` tw\`m-48\` +tw\`m-52\` tw\`m-56\` +tw\`m-60\` tw\`m-64\` +tw\`m-72\` +tw\`m-80\` +tw\`m-96\` tw\`m-auto\` tw\`m-px\` +tw\`-m-0\` +tw\`-m-0.5\` tw\`-m-1\` +tw\`-m-1.5\` tw\`-m-2\` +tw\`-m-2.5\` tw\`-m-3\` +tw\`-m-3.5\` tw\`-m-4\` tw\`-m-5\` tw\`-m-6\` +tw\`-m-7\` tw\`-m-8\` +tw\`-m-9\` tw\`-m-10\` +tw\`-m-11\` tw\`-m-12\` +tw\`-m-14\` tw\`-m-16\` tw\`-m-20\` tw\`-m-24\` +tw\`-m-28\` tw\`-m-32\` +tw\`-m-36\` tw\`-m-40\` +tw\`-m-44\` tw\`-m-48\` +tw\`-m-52\` tw\`-m-56\` +tw\`-m-60\` tw\`-m-64\` +tw\`-m-72\` +tw\`-m-80\` +tw\`-m-96\` tw\`-m-px\` tw\`my-0\` +tw\`my-0.5\` tw\`my-1\` +tw\`my-1.5\` tw\`my-2\` +tw\`my-2.5\` tw\`my-3\` +tw\`my-3.5\` tw\`my-4\` tw\`my-5\` tw\`my-6\` +tw\`my-7\` tw\`my-8\` +tw\`my-9\` tw\`my-10\` +tw\`my-11\` tw\`my-12\` +tw\`my-14\` tw\`my-16\` tw\`my-20\` tw\`my-24\` +tw\`my-28\` tw\`my-32\` +tw\`my-36\` tw\`my-40\` +tw\`my-44\` tw\`my-48\` +tw\`my-52\` tw\`my-56\` +tw\`my-60\` tw\`my-64\` +tw\`my-72\` +tw\`my-80\` +tw\`my-96\` tw\`my-auto\` tw\`my-px\` +tw\`-my-0\` +tw\`-my-0.5\` tw\`-my-1\` +tw\`-my-1.5\` tw\`-my-2\` +tw\`-my-2.5\` tw\`-my-3\` +tw\`-my-3.5\` tw\`-my-4\` tw\`-my-5\` tw\`-my-6\` +tw\`-my-7\` tw\`-my-8\` +tw\`-my-9\` tw\`-my-10\` +tw\`-my-11\` tw\`-my-12\` +tw\`-my-14\` tw\`-my-16\` tw\`-my-20\` tw\`-my-24\` +tw\`-my-28\` tw\`-my-32\` +tw\`-my-36\` tw\`-my-40\` +tw\`-my-44\` tw\`-my-48\` +tw\`-my-52\` tw\`-my-56\` +tw\`-my-60\` tw\`-my-64\` +tw\`-my-72\` +tw\`-my-80\` +tw\`-my-96\` tw\`-my-px\` tw\`mx-0\` +tw\`mx-0.5\` tw\`mx-1\` +tw\`mx-1.5\` tw\`mx-2\` +tw\`mx-2.5\` tw\`mx-3\` +tw\`mx-3.5\` tw\`mx-4\` tw\`mx-5\` tw\`mx-6\` +tw\`mx-7\` tw\`mx-8\` +tw\`mx-9\` tw\`mx-10\` tw\`mx-12\` +tw\`mx-14\` tw\`mx-16\` tw\`mx-20\` tw\`mx-24\` +tw\`mx-28\` tw\`mx-32\` +tw\`mx-36\` tw\`mx-40\` +tw\`mx-44\` tw\`mx-48\` +tw\`mx-52\` tw\`mx-56\` +tw\`mx-60\` tw\`mx-64\` +tw\`mx-72\` +tw\`mx-80\` tw\`mx-auto\` tw\`mx-px\` +tw\`-mx-0\` +tw\`-mx-0.5\` tw\`-mx-1\` +tw\`-mx-1.5\` tw\`-mx-2\` +tw\`-mx-2.5\` tw\`-mx-3\` +tw\`-mx-3.5\` tw\`-mx-4\` tw\`-mx-5\` tw\`-mx-6\` +tw\`-mx-7\` tw\`-mx-8\` +tw\`-mx-9\` tw\`-mx-10\` +tw\`-mx-11\` tw\`-mx-12\` +tw\`-mx-14\` tw\`-mx-16\` tw\`-mx-20\` tw\`-mx-24\` +tw\`-mx-28\` tw\`-mx-32\` +tw\`-mx-36\` tw\`-mx-40\` +tw\`-mx-44\` tw\`-mx-48\` +tw\`-mx-52\` tw\`-mx-56\` +tw\`-mx-60\` tw\`-mx-64\` +tw\`-mx-72\` +tw\`-mx-80\` +tw\`-mx-96\` tw\`-mx-px\` tw\`mt-0\` +tw\`mt-0.5\` tw\`mt-1\` +tw\`mt-1.5\` tw\`mt-2\` +tw\`mt-2.5\` tw\`mt-3\` +tw\`mt-3.5\` tw\`mt-4\` tw\`mt-5\` tw\`mt-6\` +tw\`mt-7\` tw\`mt-8\` +tw\`mt-9\` tw\`mt-10\` +tw\`mt-11\` tw\`mt-12\` +tw\`mt-14\` tw\`mt-16\` tw\`mt-20\` tw\`mt-24\` +tw\`mt-28\` tw\`mt-32\` +tw\`mt-36\` tw\`mt-40\` +tw\`mt-44\` tw\`mt-48\` +tw\`mt-52\` tw\`mt-56\` +tw\`mt-60\` tw\`mt-64\` +tw\`mt-72\` +tw\`mt-80\` +tw\`mt-96\` tw\`mt-auto\` tw\`mt-px\` +tw\`-mt-0\` +tw\`-mt-0.5\` tw\`-mt-1\` +tw\`-mt-1.5\` tw\`-mt-2\` +tw\`-mt-2.5\` tw\`-mt-3\` +tw\`-mt-3.5\` tw\`-mt-4\` tw\`-mt-5\` tw\`-mt-6\` +tw\`-mt-7\` tw\`-mt-8\` +tw\`-mt-9\` tw\`-mt-10\` +tw\`-mt-11\` tw\`-mt-12\` +tw\`-mt-14\` tw\`-mt-16\` tw\`-mt-20\` tw\`-mt-24\` +tw\`-mt-28\` tw\`-mt-32\` +tw\`-mt-36\` tw\`-mt-40\` +tw\`-mt-44\` tw\`-mt-48\` +tw\`-mt-52\` tw\`-mt-56\` +tw\`-mt-60\` tw\`-mt-64\` +tw\`-mt-72\` +tw\`-mt-80\` +tw\`-mt-96\` tw\`-mt-px\` tw\`mr-0\` +tw\`mr-0.5\` tw\`mr-1\` +tw\`mr-1.5\` tw\`mr-2\` +tw\`mr-2.5\` tw\`mr-3\` +tw\`mr-3.5\` tw\`mr-4\` tw\`mr-5\` tw\`mr-6\` +tw\`mr-7\` tw\`mr-8\` +tw\`mr-9\` tw\`mr-10\` +tw\`mr-11\` tw\`mr-12\` +tw\`mr-14\` tw\`mr-16\` tw\`mr-20\` tw\`mr-24\` +tw\`mr-28\` tw\`mr-32\` +tw\`mr-36\` tw\`mr-40\` +tw\`mr-44\` tw\`mr-48\` +tw\`mr-52\` tw\`mr-56\` +tw\`mr-60\` tw\`mr-64\` +tw\`mr-72\` +tw\`mr-80\` +tw\`mr-96\` tw\`mr-auto\` tw\`mr-px\` +tw\`-mr-0\` +tw\`-mr-0.5\` tw\`-mr-1\` +tw\`-mr-1.5\` tw\`-mr-2\` +tw\`-mr-2.5\` tw\`-mr-3\` +tw\`-mr-3.5\` tw\`-mr-4\` tw\`-mr-5\` tw\`-mr-6\` +tw\`-mr-7\` tw\`-mr-8\` +tw\`-mr-9\` tw\`-mr-10\` +tw\`-mr-11\` tw\`-mr-12\` +tw\`-mr-14\` tw\`-mr-16\` tw\`-mr-20\` tw\`-mr-24\` +tw\`-mr-28\` tw\`-mr-32\` +tw\`-mr-36\` tw\`-mr-40\` +tw\`-mr-44\` tw\`-mr-48\` +tw\`-mr-52\` tw\`-mr-56\` +tw\`-mr-60\` tw\`-mr-64\` +tw\`-mr-72\` +tw\`-mr-80\` +tw\`-mr-96\` tw\`-mr-px\` tw\`mb-0\` +tw\`mb-0.5\` tw\`mb-1\` +tw\`mb-1.5\` tw\`mb-2\` +tw\`mb-2.5\` tw\`mb-3\` +tw\`mb-3.5\` tw\`mb-4\` tw\`mb-5\` tw\`mb-6\` +tw\`mb-7\` tw\`mb-8\` +tw\`mb-9\` tw\`mb-10\` +tw\`mb-11\` tw\`mb-12\` +tw\`mb-14\` tw\`mb-16\` tw\`mb-20\` tw\`mb-24\` +tw\`mb-28\` tw\`mb-32\` +tw\`mb-36\` tw\`mb-40\` +tw\`mb-44\` tw\`mb-48\` +tw\`mb-52\` tw\`mb-56\` +tw\`mb-60\` tw\`mb-64\` +tw\`mb-72\` +tw\`mb-80\` +tw\`mb-96\` tw\`mb-auto\` tw\`mb-px\` +tw\`-mb-0\` +tw\`-mb-0.5\` tw\`-mb-1\` +tw\`-mb-1.5\` tw\`-mb-2\` +tw\`-mb-2.5\` tw\`-mb-3\` +tw\`-mb-3.5\` tw\`-mb-4\` tw\`-mb-5\` tw\`-mb-6\` +tw\`-mb-7\` tw\`-mb-8\` +tw\`-mb-9\` tw\`-mb-10\` +tw\`-mb-11\` tw\`-mb-12\` +tw\`-mb-14\` tw\`-mb-16\` tw\`-mb-20\` tw\`-mb-24\` +tw\`-mb-28\` tw\`-mb-32\` +tw\`-mb-36\` tw\`-mb-40\` +tw\`-mb-44\` tw\`-mb-48\` +tw\`-mb-52\` tw\`-mb-56\` +tw\`-mb-60\` tw\`-mb-64\` +tw\`-mb-72\` +tw\`-mb-80\` +tw\`-mb-96\` tw\`-mb-px\` tw\`ml-0\` +tw\`ml-0.5\` tw\`ml-1\` +tw\`ml-1.5\` tw\`ml-2\` +tw\`ml-2.5\` tw\`ml-3\` +tw\`ml-3.5\` tw\`ml-4\` tw\`ml-5\` tw\`ml-6\` +tw\`ml-7\` tw\`ml-8\` +tw\`ml-9\` tw\`ml-10\` +tw\`ml-11\` tw\`ml-12\` +tw\`ml-14\` tw\`ml-16\` tw\`ml-20\` tw\`ml-24\` +tw\`ml-28\` tw\`ml-32\` +tw\`ml-36\` tw\`ml-40\` +tw\`ml-44\` tw\`ml-48\` +tw\`ml-52\` tw\`ml-56\` +tw\`ml-60\` tw\`ml-64\` +tw\`ml-72\` +tw\`ml-80\` +tw\`ml-96\` tw\`ml-auto\` tw\`ml-px\` +tw\`-ml-0\` +tw\`-ml-0.5\` tw\`-ml-1\` +tw\`-ml-1.5\` tw\`-ml-2\` +tw\`-ml-2.5\` tw\`-ml-3\` +tw\`-ml-3.5\` tw\`-ml-4\` tw\`-ml-5\` tw\`-ml-6\` +tw\`-ml-7\` tw\`-ml-8\` +tw\`-ml-9\` tw\`-ml-10\` +tw\`-ml-11\` tw\`-ml-12\` +tw\`-ml-14\` tw\`-ml-16\` tw\`-ml-20\` tw\`-ml-24\` +tw\`-ml-28\` tw\`-ml-32\` +tw\`-ml-36\` tw\`-ml-40\` +tw\`-ml-44\` tw\`-ml-48\` +tw\`-ml-52\` tw\`-ml-56\` +tw\`-ml-60\` tw\`-ml-64\` +tw\`-ml-72\` +tw\`-ml-80\` +tw\`-ml-96\` tw\`-ml-px\` +// https://tailwindcss.com/docs/space +tw\`space-x-0\` +tw\`space-x-0.5\` +tw\`space-x-1\` +tw\`space-x-1.5\` +tw\`space-x-2\` +tw\`space-x-2.5\` +tw\`space-x-3\` +tw\`space-x-3.5\` +tw\`space-x-4\` +tw\`space-x-5\` +tw\`space-x-6\` +tw\`space-x-7\` +tw\`space-x-8\` +tw\`space-x-9\` +tw\`space-x-10\` +tw\`space-x-11\` +tw\`space-x-12\` +tw\`space-x-14\` +tw\`space-x-16\` +tw\`space-x-20\` +tw\`space-x-24\` +tw\`space-x-28\` +tw\`space-x-32\` +tw\`space-x-36\` +tw\`space-x-40\` +tw\`space-x-44\` +tw\`space-x-48\` +tw\`space-x-52\` +tw\`space-x-56\` +tw\`space-x-60\` +tw\`space-x-64\` +tw\`space-x-72\` +tw\`space-x-80\` +tw\`space-x-96\` +tw\`space-x-px\` +tw\`space-y-0\` +tw\`space-y-0.5\` +tw\`space-y-1\` +tw\`space-y-1.5\` +tw\`space-y-2\` +tw\`space-y-2.5\` +tw\`space-y-3\` +tw\`space-y-3.5\` +tw\`space-y-4\` +tw\`space-y-5\` +tw\`space-y-6\` +tw\`space-y-7\` +tw\`space-y-8\` +tw\`space-y-9\` +tw\`space-y-10\` +tw\`space-y-12\` +tw\`space-y-14\` +tw\`space-y-16\` +tw\`space-y-20\` +tw\`space-y-24\` +tw\`space-y-28\` +tw\`space-y-32\` +tw\`space-y-36\` +tw\`space-y-40\` +tw\`space-y-44\` +tw\`space-y-48\` +tw\`space-y-52\` +tw\`space-y-56\` +tw\`space-y-60\` +tw\`space-y-64\` +tw\`space-y-72\` +tw\`space-y-80\` +tw\`space-y-px\` +tw\`-space-x-0\` +tw\`-space-x-0.5\` +tw\`-space-x-1\` +tw\`-space-x-1.5\` +tw\`-space-x-2\` +tw\`-space-x-2.5\` +tw\`-space-x-3\` +tw\`-space-x-3.5\` +tw\`-space-x-4\` +tw\`-space-x-5\` +tw\`-space-x-6\` +tw\`-space-x-7\` +tw\`-space-x-8\` +tw\`-space-x-9\` +tw\`-space-x-10\` +tw\`-space-x-12\` +tw\`-space-x-14\` +tw\`-space-x-16\` +tw\`-space-x-20\` +tw\`-space-x-24\` +tw\`-space-x-28\` +tw\`-space-x-32\` +tw\`-space-x-36\` +tw\`-space-x-40\` +tw\`-space-x-44\` +tw\`-space-x-48\` +tw\`-space-x-52\` +tw\`-space-x-56\` +tw\`-space-x-60\` +tw\`-space-x-64\` +tw\`-space-x-72\` +tw\`-space-x-80\` +tw\`-space-x-96\` +tw\`-space-x-px\` +tw\`-space-y-0\` +tw\`-space-y-0.5\` +tw\`-space-y-1\` +tw\`-space-y-1.5\` +tw\`-space-y-2\` +tw\`-space-y-2.5\` +tw\`-space-y-3\` +tw\`-space-y-3.5\` +tw\`-space-y-4\` +tw\`-space-y-5\` +tw\`-space-y-6\` +tw\`-space-y-7\` +tw\`-space-y-8\` +tw\`-space-y-9\` +tw\`-space-y-10\` +tw\`-space-y-12\` +tw\`-space-y-14\` +tw\`-space-y-16\` +tw\`-space-y-20\` +tw\`-space-y-24\` +tw\`-space-y-28\` +tw\`-space-y-32\` +tw\`-space-y-36\` +tw\`-space-y-40\` +tw\`-space-y-44\` +tw\`-space-y-48\` +tw\`-space-y-52\` +tw\`-space-y-56\` +tw\`-space-y-60\` +tw\`-space-y-64\` +tw\`-space-y-72\` +tw\`-space-y-80\` +tw\`-space-y-96\` +tw\`-space-y-px\` +tw\`space-x-reverse\` +tw\`space-y-reverse\` + +tw\`space-x-reverse space-x-0\` +tw\`space-x-0 space-x-reverse\` +tw\`space-y-reverse space-y-0\` +tw\`space-y-0 space-y-reverse\` + +tw\`space-x-reverse space-x-32\` +tw\`space-x-32 space-x-reverse\` +tw\`space-y-reverse space-y-32\` +tw\`space-y-32 space-y-reverse\` + +tw\`space-x-reverse space-x-px\` +tw\`space-x-px space-x-reverse\` +tw\`space-y-reverse space-y-px\` +tw\`space-y-px space-y-reverse\` + +tw\`-space-x-reverse space-x-12\` +tw\`space-x-12 -space-x-reverse\` +tw\`-space-y-reverse space-y-12\` +tw\`space-y-12 -space-y-reverse\` + ↓ ↓ ↓ ↓ ↓ ↓ -// https://tailwindcss.com/docs/padding +// https://tailwindcss.com/docs/padding +;({ + padding: '0px', +}) +;({ + padding: '0.125rem', +}) +;({ + padding: '0.25rem', +}) +;({ + padding: '0.375rem', +}) +;({ + padding: '0.5rem', +}) +;({ + padding: '0.625rem', +}) +;({ + padding: '0.75rem', +}) +;({ + padding: '0.875rem', +}) +;({ + padding: '1rem', +}) +;({ + padding: '1.25rem', +}) +;({ + padding: '1.5rem', +}) +;({ + padding: '1.75rem', +}) +;({ + padding: '2rem', +}) +;({ + padding: '2.25rem', +}) +;({ + padding: '2.5rem', +}) +;({ + padding: '2.75rem', +}) +;({ + padding: '3rem', +}) +;({ + padding: '3.5rem', +}) +;({ + padding: '4rem', +}) +;({ + padding: '5rem', +}) +;({ + padding: '6rem', +}) +;({ + padding: '7rem', +}) +;({ + padding: '8rem', +}) +;({ + padding: '9rem', +}) +;({ + padding: '10rem', +}) +;({ + padding: '11rem', +}) +;({ + padding: '12rem', +}) +;({ + padding: '13rem', +}) +;({ + padding: '14rem', +}) +;({ + padding: '15rem', +}) +;({ + padding: '16rem', +}) +;({ + padding: '18rem', +}) +;({ + padding: '20rem', +}) +;({ + padding: '24rem', +}) +;({ + padding: '1px', +}) +;({ + paddingTop: '0px', + paddingBottom: '0px', +}) +;({ + paddingTop: '0.125rem', + paddingBottom: '0.125rem', +}) +;({ + paddingTop: '0.25rem', + paddingBottom: '0.25rem', +}) +;({ + paddingTop: '0.375rem', + paddingBottom: '0.375rem', +}) +;({ + paddingTop: '0.5rem', + paddingBottom: '0.5rem', +}) +;({ + paddingTop: '0.625rem', + paddingBottom: '0.625rem', +}) +;({ + paddingTop: '0.75rem', + paddingBottom: '0.75rem', +}) +;({ + paddingTop: '0.875rem', + paddingBottom: '0.875rem', +}) +;({ + paddingTop: '1rem', + paddingBottom: '1rem', +}) +;({ + paddingTop: '1.25rem', + paddingBottom: '1.25rem', +}) +;({ + paddingTop: '1.5rem', + paddingBottom: '1.5rem', +}) +;({ + paddingTop: '1.75rem', + paddingBottom: '1.75rem', +}) +;({ + paddingTop: '2rem', + paddingBottom: '2rem', +}) +;({ + paddingTop: '2.25rem', + paddingBottom: '2.25rem', +}) +;({ + paddingTop: '2.5rem', + paddingBottom: '2.5rem', +}) +;({ + paddingTop: '2.75rem', + paddingBottom: '2.75rem', +}) +;({ + paddingTop: '3rem', + paddingBottom: '3rem', +}) +;({ + paddingTop: '3.5rem', + paddingBottom: '3.5rem', +}) +;({ + paddingTop: '4rem', + paddingBottom: '4rem', +}) +;({ + paddingTop: '5rem', + paddingBottom: '5rem', +}) +;({ + paddingTop: '6rem', + paddingBottom: '6rem', +}) +;({ + paddingTop: '7rem', + paddingBottom: '7rem', +}) +;({ + paddingTop: '8rem', + paddingBottom: '8rem', +}) +;({ + paddingTop: '9rem', + paddingBottom: '9rem', +}) +;({ + paddingTop: '10rem', + paddingBottom: '10rem', +}) +;({ + paddingTop: '11rem', + paddingBottom: '11rem', +}) +;({ + paddingTop: '12rem', + paddingBottom: '12rem', +}) +;({ + paddingTop: '13rem', + paddingBottom: '13rem', +}) +;({ + paddingTop: '14rem', + paddingBottom: '14rem', +}) +;({ + paddingTop: '15rem', + paddingBottom: '15rem', +}) +;({ + paddingTop: '16rem', + paddingBottom: '16rem', +}) +;({ + paddingTop: '18rem', + paddingBottom: '18rem', +}) +;({ + paddingTop: '20rem', + paddingBottom: '20rem', +}) +;({ + paddingTop: '24rem', + paddingBottom: '24rem', +}) +;({ + paddingTop: '1px', + paddingBottom: '1px', +}) +;({ + paddingLeft: '0px', + paddingRight: '0px', +}) +;({ + paddingLeft: '0.125rem', + paddingRight: '0.125rem', +}) +;({ + paddingLeft: '0.25rem', + paddingRight: '0.25rem', +}) +;({ + paddingLeft: '0.375rem', + paddingRight: '0.375rem', +}) +;({ + paddingLeft: '0.5rem', + paddingRight: '0.5rem', +}) +;({ + paddingLeft: '0.625rem', + paddingRight: '0.625rem', +}) +;({ + paddingLeft: '0.75rem', + paddingRight: '0.75rem', +}) +;({ + paddingLeft: '0.875rem', + paddingRight: '0.875rem', +}) +;({ + paddingLeft: '1rem', + paddingRight: '1rem', +}) +;({ + paddingLeft: '1.25rem', + paddingRight: '1.25rem', +}) +;({ + paddingLeft: '1.5rem', + paddingRight: '1.5rem', +}) +;({ + paddingLeft: '1.75rem', + paddingRight: '1.75rem', +}) +;({ + paddingLeft: '2rem', + paddingRight: '2rem', +}) +;({ + paddingLeft: '2.25rem', + paddingRight: '2.25rem', +}) +;({ + paddingLeft: '2.5rem', + paddingRight: '2.5rem', +}) +;({ + paddingLeft: '2.75rem', + paddingRight: '2.75rem', +}) +;({ + paddingLeft: '3rem', + paddingRight: '3rem', +}) +;({ + paddingLeft: '3.5rem', + paddingRight: '3.5rem', +}) +;({ + paddingLeft: '4rem', + paddingRight: '4rem', +}) +;({ + paddingLeft: '5rem', + paddingRight: '5rem', +}) +;({ + paddingLeft: '6rem', + paddingRight: '6rem', +}) +;({ + paddingLeft: '7rem', + paddingRight: '7rem', +}) +;({ + paddingLeft: '8rem', + paddingRight: '8rem', +}) +;({ + paddingLeft: '9rem', + paddingRight: '9rem', +}) +;({ + paddingLeft: '10rem', + paddingRight: '10rem', +}) +;({ + paddingLeft: '11rem', + paddingRight: '11rem', +}) +;({ + paddingLeft: '12rem', + paddingRight: '12rem', +}) +;({ + paddingLeft: '13rem', + paddingRight: '13rem', +}) +;({ + paddingLeft: '14rem', + paddingRight: '14rem', +}) +;({ + paddingLeft: '15rem', + paddingRight: '15rem', +}) +;({ + paddingLeft: '16rem', + paddingRight: '16rem', +}) +;({ + paddingLeft: '18rem', + paddingRight: '18rem', +}) +;({ + paddingLeft: '20rem', + paddingRight: '20rem', +}) +;({ + paddingLeft: '24rem', + paddingRight: '24rem', +}) +;({ + paddingLeft: '1px', + paddingRight: '1px', +}) +;({ + paddingTop: '0px', +}) +;({ + paddingTop: '0.125rem', +}) +;({ + paddingTop: '0.25rem', +}) +;({ + paddingTop: '0.375rem', +}) +;({ + paddingTop: '0.5rem', +}) +;({ + paddingTop: '0.625rem', +}) +;({ + paddingTop: '0.75rem', +}) +;({ + paddingTop: '0.875rem', +}) +;({ + paddingTop: '1rem', +}) +;({ + paddingTop: '1.25rem', +}) +;({ + paddingTop: '1.5rem', +}) +;({ + paddingTop: '1.75rem', +}) +;({ + paddingTop: '2rem', +}) +;({ + paddingTop: '2.25rem', +}) +;({ + paddingTop: '2.5rem', +}) +;({ + paddingTop: '2.75rem', +}) +;({ + paddingTop: '3rem', +}) +;({ + paddingTop: '3.5rem', +}) +;({ + paddingTop: '4rem', +}) +;({ + paddingTop: '5rem', +}) +;({ + paddingTop: '6rem', +}) +;({ + paddingTop: '7rem', +}) +;({ + paddingTop: '8rem', +}) +;({ + paddingTop: '9rem', +}) +;({ + paddingTop: '10rem', +}) +;({ + paddingTop: '11rem', +}) +;({ + paddingTop: '12rem', +}) +;({ + paddingTop: '13rem', +}) +;({ + paddingTop: '14rem', +}) +;({ + paddingTop: '15rem', +}) +;({ + paddingTop: '16rem', +}) +;({ + paddingTop: '18rem', +}) +;({ + paddingTop: '20rem', +}) +;({ + paddingTop: '24rem', +}) +;({ + paddingTop: '1px', +}) +;({ + paddingRight: '0px', +}) +;({ + paddingRight: '0.125rem', +}) +;({ + paddingRight: '0.25rem', +}) +;({ + paddingRight: '0.375rem', +}) +;({ + paddingRight: '0.5rem', +}) +;({ + paddingRight: '0.625rem', +}) +;({ + paddingRight: '0.75rem', +}) +;({ + paddingRight: '0.875rem', +}) +;({ + paddingRight: '1rem', +}) +;({ + paddingRight: '1.25rem', +}) +;({ + paddingRight: '1.5rem', +}) +;({ + paddingRight: '1.75rem', +}) +;({ + paddingRight: '2rem', +}) +;({ + paddingRight: '2.25rem', +}) +;({ + paddingRight: '2.5rem', +}) +;({ + paddingRight: '2.75rem', +}) +;({ + paddingRight: '3rem', +}) +;({ + paddingRight: '3.5rem', +}) +;({ + paddingRight: '4rem', +}) +;({ + paddingRight: '5rem', +}) +;({ + paddingRight: '6rem', +}) +;({ + paddingRight: '7rem', +}) +;({ + paddingRight: '8rem', +}) +;({ + paddingRight: '9rem', +}) +;({ + paddingRight: '10rem', +}) +;({ + paddingRight: '11rem', +}) +;({ + paddingRight: '12rem', +}) +;({ + paddingRight: '13rem', +}) +;({ + paddingRight: '14rem', +}) +;({ + paddingRight: '15rem', +}) +;({ + paddingRight: '16rem', +}) +;({ + paddingRight: '18rem', +}) +;({ + paddingRight: '20rem', +}) +;({ + paddingRight: '24rem', +}) +;({ + paddingRight: '1px', +}) +;({ + paddingBottom: '0px', +}) +;({ + paddingBottom: '0.125rem', +}) +;({ + paddingBottom: '0.25rem', +}) +;({ + paddingBottom: '0.375rem', +}) +;({ + paddingBottom: '0.5rem', +}) +;({ + paddingBottom: '0.625rem', +}) +;({ + paddingBottom: '0.75rem', +}) +;({ + paddingBottom: '0.875rem', +}) +;({ + paddingBottom: '1rem', +}) +;({ + paddingBottom: '1.25rem', +}) +;({ + paddingBottom: '1.5rem', +}) +;({ + paddingBottom: '1.75rem', +}) +;({ + paddingBottom: '2rem', +}) +;({ + paddingBottom: '2.25rem', +}) +;({ + paddingBottom: '2.5rem', +}) +;({ + paddingBottom: '2.75rem', +}) +;({ + paddingBottom: '3rem', +}) +;({ + paddingBottom: '3.5rem', +}) +;({ + paddingBottom: '4rem', +}) +;({ + paddingBottom: '5rem', +}) +;({ + paddingBottom: '6rem', +}) +;({ + paddingBottom: '7rem', +}) +;({ + paddingBottom: '8rem', +}) +;({ + paddingBottom: '9rem', +}) +;({ + paddingBottom: '10rem', +}) +;({ + paddingBottom: '11rem', +}) +;({ + paddingBottom: '12rem', +}) +;({ + paddingBottom: '13rem', +}) +;({ + paddingBottom: '14rem', +}) +;({ + paddingBottom: '15rem', +}) +;({ + paddingBottom: '16rem', +}) +;({ + paddingBottom: '18rem', +}) +;({ + paddingBottom: '1px', +}) +;({ + paddingLeft: '0px', +}) +;({ + paddingLeft: '0.125rem', +}) +;({ + paddingLeft: '0.25rem', +}) +;({ + paddingLeft: '0.375rem', +}) +;({ + paddingLeft: '0.5rem', +}) +;({ + paddingLeft: '0.625rem', +}) +;({ + paddingLeft: '0.75rem', +}) +;({ + paddingLeft: '0.875rem', +}) +;({ + paddingLeft: '1rem', +}) +;({ + paddingLeft: '1.25rem', +}) +;({ + paddingLeft: '1.5rem', +}) +;({ + paddingLeft: '1.75rem', +}) +;({ + paddingLeft: '2rem', +}) +;({ + paddingLeft: '2.25rem', +}) +;({ + paddingLeft: '2.5rem', +}) +;({ + paddingLeft: '2.75rem', +}) +;({ + paddingLeft: '3rem', +}) +;({ + paddingLeft: '3.5rem', +}) +;({ + paddingLeft: '4rem', +}) +;({ + paddingLeft: '5rem', +}) +;({ + paddingLeft: '6rem', +}) +;({ + paddingLeft: '7rem', +}) +;({ + paddingLeft: '8rem', +}) +;({ + paddingLeft: '9rem', +}) +;({ + paddingLeft: '10rem', +}) +;({ + paddingLeft: '11rem', +}) +;({ + paddingLeft: '12rem', +}) +;({ + paddingLeft: '13rem', +}) +;({ + paddingLeft: '14rem', +}) +;({ + paddingLeft: '15rem', +}) +;({ + paddingLeft: '16rem', +}) +;({ + paddingLeft: '18rem', +}) +;({ + paddingLeft: '20rem', +}) +;({ + paddingLeft: '24rem', +}) +;({ + paddingLeft: '1px', +}) // https://tailwindcss.com/docs/margin + +;({ + margin: '0px', +}) +;({ + margin: '0.125rem', +}) +;({ + margin: '0.25rem', +}) +;({ + margin: '0.375rem', +}) +;({ + margin: '0.5rem', +}) +;({ + margin: '0.625rem', +}) +;({ + margin: '0.75rem', +}) +;({ + margin: '0.875rem', +}) +;({ + margin: '1rem', +}) +;({ + margin: '1.25rem', +}) +;({ + margin: '1.5rem', +}) +;({ + margin: '1.75rem', +}) +;({ + margin: '2rem', +}) +;({ + margin: '2.25rem', +}) +;({ + margin: '2.5rem', +}) +;({ + margin: '2.75rem', +}) +;({ + margin: '3rem', +}) +;({ + margin: '3.5rem', +}) +;({ + margin: '4rem', +}) +;({ + margin: '5rem', +}) +;({ + margin: '6rem', +}) +;({ + margin: '7rem', +}) +;({ + margin: '8rem', +}) +;({ + margin: '9rem', +}) +;({ + margin: '10rem', +}) +;({ + margin: '11rem', +}) +;({ + margin: '12rem', +}) +;({ + margin: '13rem', +}) +;({ + margin: '14rem', +}) +;({ + margin: '15rem', +}) +;({ + margin: '16rem', +}) +;({ + margin: '18rem', +}) +;({ + margin: '20rem', +}) +;({ + margin: '24rem', +}) +;({ + margin: 'auto', +}) +;({ + margin: '1px', +}) +;({ + margin: '-0px', +}) +;({ + margin: '-0.125rem', +}) +;({ + margin: '-0.25rem', +}) +;({ + margin: '-0.375rem', +}) +;({ + margin: '-0.5rem', +}) +;({ + margin: '-0.625rem', +}) +;({ + margin: '-0.75rem', +}) +;({ + margin: '-0.875rem', +}) +;({ + margin: '-1rem', +}) +;({ + margin: '-1.25rem', +}) +;({ + margin: '-1.5rem', +}) +;({ + margin: '-1.75rem', +}) +;({ + margin: '-2rem', +}) +;({ + margin: '-2.25rem', +}) +;({ + margin: '-2.5rem', +}) +;({ + margin: '-2.75rem', +}) +;({ + margin: '-3rem', +}) +;({ + margin: '-3.5rem', +}) +;({ + margin: '-4rem', +}) +;({ + margin: '-5rem', +}) +;({ + margin: '-6rem', +}) +;({ + margin: '-7rem', +}) +;({ + margin: '-8rem', +}) +;({ + margin: '-9rem', +}) +;({ + margin: '-10rem', +}) +;({ + margin: '-11rem', +}) +;({ + margin: '-12rem', +}) +;({ + margin: '-13rem', +}) +;({ + margin: '-14rem', +}) +;({ + margin: '-15rem', +}) +;({ + margin: '-16rem', +}) +;({ + margin: '-18rem', +}) +;({ + margin: '-20rem', +}) +;({ + margin: '-24rem', +}) +;({ + margin: '-1px', +}) +;({ + marginTop: '0px', + marginBottom: '0px', +}) +;({ + marginTop: '0.125rem', + marginBottom: '0.125rem', +}) +;({ + marginTop: '0.25rem', + marginBottom: '0.25rem', +}) +;({ + marginTop: '0.375rem', + marginBottom: '0.375rem', +}) +;({ + marginTop: '0.5rem', + marginBottom: '0.5rem', +}) +;({ + marginTop: '0.625rem', + marginBottom: '0.625rem', +}) +;({ + marginTop: '0.75rem', + marginBottom: '0.75rem', +}) +;({ + marginTop: '0.875rem', + marginBottom: '0.875rem', +}) +;({ + marginTop: '1rem', + marginBottom: '1rem', +}) +;({ + marginTop: '1.25rem', + marginBottom: '1.25rem', +}) +;({ + marginTop: '1.5rem', + marginBottom: '1.5rem', +}) +;({ + marginTop: '1.75rem', + marginBottom: '1.75rem', +}) +;({ + marginTop: '2rem', + marginBottom: '2rem', +}) +;({ + marginTop: '2.25rem', + marginBottom: '2.25rem', +}) +;({ + marginTop: '2.5rem', + marginBottom: '2.5rem', +}) +;({ + marginTop: '2.75rem', + marginBottom: '2.75rem', +}) +;({ + marginTop: '3rem', + marginBottom: '3rem', +}) +;({ + marginTop: '3.5rem', + marginBottom: '3.5rem', +}) +;({ + marginTop: '4rem', + marginBottom: '4rem', +}) +;({ + marginTop: '5rem', + marginBottom: '5rem', +}) +;({ + marginTop: '6rem', + marginBottom: '6rem', +}) +;({ + marginTop: '7rem', + marginBottom: '7rem', +}) +;({ + marginTop: '8rem', + marginBottom: '8rem', +}) +;({ + marginTop: '9rem', + marginBottom: '9rem', +}) +;({ + marginTop: '10rem', + marginBottom: '10rem', +}) +;({ + marginTop: '11rem', + marginBottom: '11rem', +}) +;({ + marginTop: '12rem', + marginBottom: '12rem', +}) +;({ + marginTop: '13rem', + marginBottom: '13rem', +}) +;({ + marginTop: '14rem', + marginBottom: '14rem', +}) +;({ + marginTop: '15rem', + marginBottom: '15rem', +}) +;({ + marginTop: '16rem', + marginBottom: '16rem', +}) +;({ + marginTop: '18rem', + marginBottom: '18rem', +}) +;({ + marginTop: '20rem', + marginBottom: '20rem', +}) +;({ + marginTop: '24rem', + marginBottom: '24rem', +}) +;({ + marginTop: 'auto', + marginBottom: 'auto', +}) +;({ + marginTop: '1px', + marginBottom: '1px', +}) ;({ - padding: '0', + marginTop: '-0px', + marginBottom: '-0px', }) ;({ - padding: '0.25rem', + marginTop: '-0.125rem', + marginBottom: '-0.125rem', }) ;({ - padding: '0.5rem', + marginTop: '-0.25rem', + marginBottom: '-0.25rem', }) ;({ - padding: '0.75rem', + marginTop: '-0.375rem', + marginBottom: '-0.375rem', }) ;({ - padding: '1rem', + marginTop: '-0.5rem', + marginBottom: '-0.5rem', }) ;({ - padding: '1.25rem', + marginTop: '-0.625rem', + marginBottom: '-0.625rem', }) ;({ - padding: '1.5rem', + marginTop: '-0.75rem', + marginBottom: '-0.75rem', }) ;({ - padding: '2rem', + marginTop: '-0.875rem', + marginBottom: '-0.875rem', }) ;({ - padding: '2.5rem', + marginTop: '-1rem', + marginBottom: '-1rem', +}) +;({ + marginTop: '-1.25rem', + marginBottom: '-1.25rem', +}) +;({ + marginTop: '-1.5rem', + marginBottom: '-1.5rem', +}) +;({ + marginTop: '-1.75rem', + marginBottom: '-1.75rem', +}) +;({ + marginTop: '-2rem', + marginBottom: '-2rem', +}) +;({ + marginTop: '-2.25rem', + marginBottom: '-2.25rem', +}) +;({ + marginTop: '-2.5rem', + marginBottom: '-2.5rem', +}) +;({ + marginTop: '-2.75rem', + marginBottom: '-2.75rem', +}) +;({ + marginTop: '-3rem', + marginBottom: '-3rem', +}) +;({ + marginTop: '-3.5rem', + marginBottom: '-3.5rem', +}) +;({ + marginTop: '-4rem', + marginBottom: '-4rem', +}) +;({ + marginTop: '-5rem', + marginBottom: '-5rem', +}) +;({ + marginTop: '-6rem', + marginBottom: '-6rem', +}) +;({ + marginTop: '-7rem', + marginBottom: '-7rem', +}) +;({ + marginTop: '-8rem', + marginBottom: '-8rem', +}) +;({ + marginTop: '-9rem', + marginBottom: '-9rem', +}) +;({ + marginTop: '-10rem', + marginBottom: '-10rem', +}) +;({ + marginTop: '-11rem', + marginBottom: '-11rem', +}) +;({ + marginTop: '-12rem', + marginBottom: '-12rem', +}) +;({ + marginTop: '-13rem', + marginBottom: '-13rem', +}) +;({ + marginTop: '-14rem', + marginBottom: '-14rem', +}) +;({ + marginTop: '-15rem', + marginBottom: '-15rem', +}) +;({ + marginTop: '-16rem', + marginBottom: '-16rem', +}) +;({ + marginTop: '-18rem', + marginBottom: '-18rem', +}) +;({ + marginTop: '-20rem', + marginBottom: '-20rem', +}) +;({ + marginTop: '-24rem', + marginBottom: '-24rem', +}) +;({ + marginTop: '-1px', + marginBottom: '-1px', +}) +;({ + marginLeft: '0px', + marginRight: '0px', +}) +;({ + marginLeft: '0.125rem', + marginRight: '0.125rem', +}) +;({ + marginLeft: '0.25rem', + marginRight: '0.25rem', +}) +;({ + marginLeft: '0.375rem', + marginRight: '0.375rem', +}) +;({ + marginLeft: '0.5rem', + marginRight: '0.5rem', +}) +;({ + marginLeft: '0.625rem', + marginRight: '0.625rem', +}) +;({ + marginLeft: '0.75rem', + marginRight: '0.75rem', +}) +;({ + marginLeft: '0.875rem', + marginRight: '0.875rem', +}) +;({ + marginLeft: '1rem', + marginRight: '1rem', +}) +;({ + marginLeft: '1.25rem', + marginRight: '1.25rem', +}) +;({ + marginLeft: '1.5rem', + marginRight: '1.5rem', +}) +;({ + marginLeft: '1.75rem', + marginRight: '1.75rem', +}) +;({ + marginLeft: '2rem', + marginRight: '2rem', +}) +;({ + marginLeft: '2.25rem', + marginRight: '2.25rem', +}) +;({ + marginLeft: '2.5rem', + marginRight: '2.5rem', +}) +;({ + marginLeft: '3rem', + marginRight: '3rem', +}) +;({ + marginLeft: '3.5rem', + marginRight: '3.5rem', +}) +;({ + marginLeft: '4rem', + marginRight: '4rem', +}) +;({ + marginLeft: '5rem', + marginRight: '5rem', +}) +;({ + marginLeft: '6rem', + marginRight: '6rem', +}) +;({ + marginLeft: '7rem', + marginRight: '7rem', +}) +;({ + marginLeft: '8rem', + marginRight: '8rem', +}) +;({ + marginLeft: '9rem', + marginRight: '9rem', +}) +;({ + marginLeft: '10rem', + marginRight: '10rem', +}) +;({ + marginLeft: '11rem', + marginRight: '11rem', +}) +;({ + marginLeft: '12rem', + marginRight: '12rem', +}) +;({ + marginLeft: '13rem', + marginRight: '13rem', +}) +;({ + marginLeft: '14rem', + marginRight: '14rem', +}) +;({ + marginLeft: '15rem', + marginRight: '15rem', +}) +;({ + marginLeft: '16rem', + marginRight: '16rem', +}) +;({ + marginLeft: '18rem', + marginRight: '18rem', +}) +;({ + marginLeft: '20rem', + marginRight: '20rem', +}) +;({ + marginLeft: 'auto', + marginRight: 'auto', +}) +;({ + marginLeft: '1px', + marginRight: '1px', +}) +;({ + marginLeft: '-0px', + marginRight: '-0px', +}) +;({ + marginLeft: '-0.125rem', + marginRight: '-0.125rem', +}) +;({ + marginLeft: '-0.25rem', + marginRight: '-0.25rem', +}) +;({ + marginLeft: '-0.375rem', + marginRight: '-0.375rem', +}) +;({ + marginLeft: '-0.5rem', + marginRight: '-0.5rem', +}) +;({ + marginLeft: '-0.625rem', + marginRight: '-0.625rem', +}) +;({ + marginLeft: '-0.75rem', + marginRight: '-0.75rem', +}) +;({ + marginLeft: '-0.875rem', + marginRight: '-0.875rem', +}) +;({ + marginLeft: '-1rem', + marginRight: '-1rem', +}) +;({ + marginLeft: '-1.25rem', + marginRight: '-1.25rem', +}) +;({ + marginLeft: '-1.5rem', + marginRight: '-1.5rem', +}) +;({ + marginLeft: '-1.75rem', + marginRight: '-1.75rem', +}) +;({ + marginLeft: '-2rem', + marginRight: '-2rem', +}) +;({ + marginLeft: '-2.25rem', + marginRight: '-2.25rem', +}) +;({ + marginLeft: '-2.5rem', + marginRight: '-2.5rem', +}) +;({ + marginLeft: '-2.75rem', + marginRight: '-2.75rem', +}) +;({ + marginLeft: '-3rem', + marginRight: '-3rem', }) ;({ - padding: '3rem', + marginLeft: '-3.5rem', + marginRight: '-3.5rem', }) ;({ - padding: '4rem', + marginLeft: '-4rem', + marginRight: '-4rem', }) ;({ - padding: '5rem', + marginLeft: '-5rem', + marginRight: '-5rem', }) ;({ - padding: '6rem', + marginLeft: '-6rem', + marginRight: '-6rem', }) ;({ - padding: '8rem', + marginLeft: '-7rem', + marginRight: '-7rem', }) ;({ - padding: '10rem', + marginLeft: '-8rem', + marginRight: '-8rem', }) ;({ - padding: '12rem', + marginLeft: '-9rem', + marginRight: '-9rem', }) ;({ - padding: '14rem', + marginLeft: '-10rem', + marginRight: '-10rem', }) ;({ - padding: '16rem', + marginLeft: '-11rem', + marginRight: '-11rem', }) ;({ - padding: '1px', + marginLeft: '-12rem', + marginRight: '-12rem', }) ;({ - paddingTop: '0', - paddingBottom: '0', + marginLeft: '-13rem', + marginRight: '-13rem', }) ;({ - paddingTop: '0.25rem', - paddingBottom: '0.25rem', + marginLeft: '-14rem', + marginRight: '-14rem', }) ;({ - paddingTop: '0.5rem', - paddingBottom: '0.5rem', + marginLeft: '-15rem', + marginRight: '-15rem', }) ;({ - paddingTop: '0.75rem', - paddingBottom: '0.75rem', + marginLeft: '-16rem', + marginRight: '-16rem', }) ;({ - paddingTop: '1rem', - paddingBottom: '1rem', + marginLeft: '-18rem', + marginRight: '-18rem', }) ;({ - paddingTop: '1.25rem', - paddingBottom: '1.25rem', + marginLeft: '-20rem', + marginRight: '-20rem', }) ;({ - paddingTop: '1.5rem', - paddingBottom: '1.5rem', + marginLeft: '-24rem', + marginRight: '-24rem', }) ;({ - paddingTop: '2rem', - paddingBottom: '2rem', + marginLeft: '-1px', + marginRight: '-1px', }) ;({ - paddingTop: '2.5rem', - paddingBottom: '2.5rem', + marginTop: '0px', }) ;({ - paddingTop: '3rem', - paddingBottom: '3rem', + marginTop: '0.125rem', }) ;({ - paddingTop: '4rem', - paddingBottom: '4rem', + marginTop: '0.25rem', }) ;({ - paddingTop: '5rem', - paddingBottom: '5rem', + marginTop: '0.375rem', }) ;({ - paddingTop: '6rem', - paddingBottom: '6rem', + marginTop: '0.5rem', }) ;({ - paddingTop: '8rem', - paddingBottom: '8rem', + marginTop: '0.625rem', }) ;({ - paddingTop: '10rem', - paddingBottom: '10rem', + marginTop: '0.75rem', }) ;({ - paddingTop: '12rem', - paddingBottom: '12rem', + marginTop: '0.875rem', }) ;({ - paddingTop: '14rem', - paddingBottom: '14rem', + marginTop: '1rem', }) ;({ - paddingTop: '16rem', - paddingBottom: '16rem', + marginTop: '1.25rem', }) ;({ - paddingTop: '1px', - paddingBottom: '1px', + marginTop: '1.5rem', }) ;({ - paddingLeft: '0', - paddingRight: '0', + marginTop: '1.75rem', }) ;({ - paddingLeft: '0.25rem', - paddingRight: '0.25rem', + marginTop: '2rem', }) ;({ - paddingLeft: '0.5rem', - paddingRight: '0.5rem', + marginTop: '2.25rem', }) ;({ - paddingLeft: '0.75rem', - paddingRight: '0.75rem', + marginTop: '2.5rem', }) ;({ - paddingLeft: '1rem', - paddingRight: '1rem', + marginTop: '2.75rem', }) ;({ - paddingLeft: '1.25rem', - paddingRight: '1.25rem', + marginTop: '3rem', }) ;({ - paddingLeft: '1.5rem', - paddingRight: '1.5rem', + marginTop: '3.5rem', }) ;({ - paddingLeft: '2rem', - paddingRight: '2rem', + marginTop: '4rem', }) ;({ - paddingLeft: '2.5rem', - paddingRight: '2.5rem', + marginTop: '5rem', }) ;({ - paddingLeft: '3rem', - paddingRight: '3rem', + marginTop: '6rem', }) ;({ - paddingLeft: '4rem', - paddingRight: '4rem', + marginTop: '7rem', }) ;({ - paddingLeft: '5rem', - paddingRight: '5rem', + marginTop: '8rem', }) ;({ - paddingLeft: '6rem', - paddingRight: '6rem', + marginTop: '9rem', }) ;({ - paddingLeft: '8rem', - paddingRight: '8rem', + marginTop: '10rem', }) ;({ - paddingLeft: '10rem', - paddingRight: '10rem', + marginTop: '11rem', }) ;({ - paddingLeft: '12rem', - paddingRight: '12rem', + marginTop: '12rem', }) ;({ - paddingLeft: '14rem', - paddingRight: '14rem', + marginTop: '13rem', }) ;({ - paddingLeft: '16rem', - paddingRight: '16rem', + marginTop: '14rem', }) ;({ - paddingLeft: '1px', - paddingRight: '1px', + marginTop: '15rem', }) ;({ - paddingTop: '0', + marginTop: '16rem', }) ;({ - paddingTop: '0.25rem', + marginTop: '18rem', }) ;({ - paddingTop: '0.5rem', + marginTop: '20rem', }) ;({ - paddingTop: '0.75rem', + marginTop: '24rem', }) ;({ - paddingTop: '1rem', + marginTop: 'auto', }) ;({ - paddingTop: '1.25rem', + marginTop: '1px', }) ;({ - paddingTop: '1.5rem', + marginTop: '-0px', }) ;({ - paddingTop: '2rem', + marginTop: '-0.125rem', }) ;({ - paddingTop: '2.5rem', + marginTop: '-0.25rem', }) ;({ - paddingTop: '3rem', + marginTop: '-0.375rem', }) ;({ - paddingTop: '4rem', + marginTop: '-0.5rem', }) ;({ - paddingTop: '5rem', + marginTop: '-0.625rem', }) ;({ - paddingTop: '6rem', + marginTop: '-0.75rem', }) ;({ - paddingTop: '8rem', + marginTop: '-0.875rem', }) ;({ - paddingTop: '10rem', + marginTop: '-1rem', }) ;({ - paddingTop: '12rem', + marginTop: '-1.25rem', }) ;({ - paddingTop: '14rem', + marginTop: '-1.5rem', }) ;({ - paddingTop: '16rem', + marginTop: '-1.75rem', }) ;({ - paddingTop: '1px', + marginTop: '-2rem', }) ;({ - paddingRight: '0', + marginTop: '-2.25rem', }) ;({ - paddingRight: '0.25rem', + marginTop: '-2.5rem', }) ;({ - paddingRight: '0.5rem', + marginTop: '-2.75rem', }) ;({ - paddingRight: '0.75rem', + marginTop: '-3rem', }) ;({ - paddingRight: '1rem', + marginTop: '-3.5rem', }) ;({ - paddingRight: '1.25rem', + marginTop: '-4rem', }) ;({ - paddingRight: '1.5rem', + marginTop: '-5rem', }) ;({ - paddingRight: '2rem', + marginTop: '-6rem', }) ;({ - paddingRight: '2.5rem', + marginTop: '-7rem', }) ;({ - paddingRight: '3rem', + marginTop: '-8rem', }) ;({ - paddingRight: '4rem', + marginTop: '-9rem', }) ;({ - paddingRight: '5rem', + marginTop: '-10rem', }) ;({ - paddingRight: '6rem', + marginTop: '-11rem', }) ;({ - paddingRight: '8rem', + marginTop: '-12rem', }) ;({ - paddingRight: '10rem', + marginTop: '-13rem', }) ;({ - paddingRight: '12rem', + marginTop: '-14rem', }) ;({ - paddingRight: '14rem', + marginTop: '-15rem', }) ;({ - paddingRight: '16rem', + marginTop: '-16rem', }) ;({ - paddingRight: '1px', + marginTop: '-18rem', }) ;({ - paddingBottom: '0', + marginTop: '-20rem', }) ;({ - paddingBottom: '0.25rem', + marginTop: '-24rem', }) ;({ - paddingBottom: '0.5rem', + marginTop: '-1px', }) ;({ - paddingBottom: '0.75rem', + marginRight: '0px', }) ;({ - paddingBottom: '1rem', + marginRight: '0.125rem', }) ;({ - paddingBottom: '1.25rem', + marginRight: '0.25rem', }) ;({ - paddingBottom: '1.5rem', + marginRight: '0.375rem', }) ;({ - paddingBottom: '2rem', + marginRight: '0.5rem', }) ;({ - paddingBottom: '2.5rem', + marginRight: '0.625rem', }) ;({ - paddingBottom: '3rem', + marginRight: '0.75rem', }) ;({ - paddingBottom: '4rem', + marginRight: '0.875rem', }) ;({ - paddingBottom: '5rem', + marginRight: '1rem', }) ;({ - paddingBottom: '6rem', + marginRight: '1.25rem', }) ;({ - paddingBottom: '8rem', + marginRight: '1.5rem', }) ;({ - paddingBottom: '10rem', + marginRight: '1.75rem', }) ;({ - paddingBottom: '12rem', + marginRight: '2rem', }) ;({ - paddingBottom: '14rem', + marginRight: '2.25rem', }) ;({ - paddingBottom: '16rem', + marginRight: '2.5rem', }) ;({ - paddingBottom: '1px', + marginRight: '2.75rem', }) ;({ - paddingLeft: '0', + marginRight: '3rem', }) ;({ - paddingLeft: '0.25rem', + marginRight: '3.5rem', }) ;({ - paddingLeft: '0.5rem', + marginRight: '4rem', }) ;({ - paddingLeft: '0.75rem', + marginRight: '5rem', }) ;({ - paddingLeft: '1rem', + marginRight: '6rem', }) ;({ - paddingLeft: '1.25rem', + marginRight: '7rem', }) ;({ - paddingLeft: '1.5rem', + marginRight: '8rem', }) ;({ - paddingLeft: '2rem', + marginRight: '9rem', }) ;({ - paddingLeft: '2.5rem', + marginRight: '10rem', }) ;({ - paddingLeft: '3rem', + marginRight: '11rem', }) ;({ - paddingLeft: '4rem', + marginRight: '12rem', }) ;({ - paddingLeft: '5rem', + marginRight: '13rem', }) ;({ - paddingLeft: '6rem', + marginRight: '14rem', }) ;({ - paddingLeft: '8rem', + marginRight: '15rem', }) ;({ - paddingLeft: '10rem', + marginRight: '16rem', }) ;({ - paddingLeft: '12rem', + marginRight: '18rem', }) ;({ - paddingLeft: '14rem', + marginRight: '20rem', }) ;({ - paddingLeft: '16rem', + marginRight: '24rem', }) ;({ - paddingLeft: '1px', -}) // https://tailwindcss.com/docs/margin - -;({ - margin: '0', + marginRight: 'auto', }) ;({ - margin: '0.25rem', + marginRight: '1px', }) ;({ - margin: '0.5rem', + marginRight: '-0px', }) ;({ - margin: '0.75rem', + marginRight: '-0.125rem', }) ;({ - margin: '1rem', + marginRight: '-0.25rem', }) ;({ - margin: '1.25rem', + marginRight: '-0.375rem', }) ;({ - margin: '1.5rem', + marginRight: '-0.5rem', }) ;({ - margin: '2rem', + marginRight: '-0.625rem', }) ;({ - margin: '2.5rem', + marginRight: '-0.75rem', }) ;({ - margin: '3rem', + marginRight: '-0.875rem', }) ;({ - margin: '4rem', + marginRight: '-1rem', }) ;({ - margin: '5rem', + marginRight: '-1.25rem', }) ;({ - margin: '6rem', + marginRight: '-1.5rem', }) ;({ - margin: '8rem', + marginRight: '-1.75rem', }) ;({ - margin: '10rem', + marginRight: '-2rem', }) ;({ - margin: '12rem', + marginRight: '-2.25rem', }) ;({ - margin: '14rem', + marginRight: '-2.5rem', }) ;({ - margin: '16rem', + marginRight: '-2.75rem', }) ;({ - margin: 'auto', + marginRight: '-3rem', }) ;({ - margin: '1px', + marginRight: '-3.5rem', }) ;({ - margin: '-0.25rem', + marginRight: '-4rem', }) ;({ - margin: '-0.5rem', + marginRight: '-5rem', }) ;({ - margin: '-0.75rem', + marginRight: '-6rem', }) ;({ - margin: '-1rem', + marginRight: '-7rem', }) ;({ - margin: '-1.25rem', + marginRight: '-8rem', }) ;({ - margin: '-1.5rem', + marginRight: '-9rem', }) ;({ - margin: '-2rem', + marginRight: '-10rem', }) ;({ - margin: '-2.5rem', + marginRight: '-11rem', }) ;({ - margin: '-3rem', + marginRight: '-12rem', }) ;({ - margin: '-4rem', + marginRight: '-13rem', }) ;({ - margin: '-5rem', + marginRight: '-14rem', }) ;({ - margin: '-6rem', + marginRight: '-15rem', }) ;({ - margin: '-8rem', + marginRight: '-16rem', }) ;({ - margin: '-10rem', + marginRight: '-18rem', }) ;({ - margin: '-12rem', + marginRight: '-20rem', }) ;({ - margin: '-14rem', + marginRight: '-24rem', }) ;({ - margin: '-16rem', + marginRight: '-1px', }) ;({ - margin: '-1px', + marginBottom: '0px', }) ;({ - marginTop: '0', - marginBottom: '0', + marginBottom: '0.125rem', }) ;({ - marginTop: '0.25rem', marginBottom: '0.25rem', }) ;({ - marginTop: '0.5rem', + marginBottom: '0.375rem', +}) +;({ marginBottom: '0.5rem', }) ;({ - marginTop: '0.75rem', + marginBottom: '0.625rem', +}) +;({ marginBottom: '0.75rem', }) ;({ - marginTop: '1rem', + marginBottom: '0.875rem', +}) +;({ marginBottom: '1rem', }) ;({ - marginTop: '1.25rem', marginBottom: '1.25rem', }) ;({ - marginTop: '1.5rem', marginBottom: '1.5rem', }) ;({ - marginTop: '2rem', + marginBottom: '1.75rem', +}) +;({ marginBottom: '2rem', }) ;({ - marginTop: '2.5rem', + marginBottom: '2.25rem', +}) +;({ marginBottom: '2.5rem', }) ;({ - marginTop: '3rem', + marginBottom: '2.75rem', +}) +;({ marginBottom: '3rem', }) ;({ - marginTop: '4rem', + marginBottom: '3.5rem', +}) +;({ marginBottom: '4rem', }) ;({ - marginTop: '5rem', marginBottom: '5rem', }) ;({ - marginTop: '6rem', marginBottom: '6rem', }) ;({ - marginTop: '8rem', + marginBottom: '7rem', +}) +;({ marginBottom: '8rem', }) ;({ - marginTop: '10rem', + marginBottom: '9rem', +}) +;({ marginBottom: '10rem', }) ;({ - marginTop: '12rem', + marginBottom: '11rem', +}) +;({ marginBottom: '12rem', }) ;({ - marginTop: '14rem', + marginBottom: '13rem', +}) +;({ marginBottom: '14rem', }) ;({ - marginTop: '16rem', + marginBottom: '15rem', +}) +;({ marginBottom: '16rem', }) ;({ - marginTop: 'auto', + marginBottom: '18rem', +}) +;({ + marginBottom: '20rem', +}) +;({ + marginBottom: '24rem', +}) +;({ marginBottom: 'auto', }) ;({ - marginTop: '1px', marginBottom: '1px', }) ;({ - marginTop: '-0.25rem', + marginBottom: '-0px', +}) +;({ + marginBottom: '-0.125rem', +}) +;({ marginBottom: '-0.25rem', }) ;({ - marginTop: '-0.5rem', + marginBottom: '-0.375rem', +}) +;({ marginBottom: '-0.5rem', }) ;({ - marginTop: '-0.75rem', + marginBottom: '-0.625rem', +}) +;({ marginBottom: '-0.75rem', }) ;({ - marginTop: '-1rem', + marginBottom: '-0.875rem', +}) +;({ marginBottom: '-1rem', }) ;({ - marginTop: '-1.25rem', marginBottom: '-1.25rem', }) ;({ - marginTop: '-1.5rem', marginBottom: '-1.5rem', }) ;({ - marginTop: '-2rem', + marginBottom: '-1.75rem', +}) +;({ marginBottom: '-2rem', }) ;({ - marginTop: '-2.5rem', + marginBottom: '-2.25rem', +}) +;({ marginBottom: '-2.5rem', }) ;({ - marginTop: '-3rem', + marginBottom: '-2.75rem', +}) +;({ marginBottom: '-3rem', }) ;({ - marginTop: '-4rem', + marginBottom: '-3.5rem', +}) +;({ marginBottom: '-4rem', }) ;({ - marginTop: '-5rem', marginBottom: '-5rem', }) ;({ - marginTop: '-6rem', marginBottom: '-6rem', }) ;({ - marginTop: '-8rem', + marginBottom: '-7rem', +}) +;({ marginBottom: '-8rem', }) ;({ - marginTop: '-10rem', + marginBottom: '-9rem', +}) +;({ marginBottom: '-10rem', }) ;({ - marginTop: '-12rem', + marginBottom: '-11rem', +}) +;({ marginBottom: '-12rem', }) ;({ - marginTop: '-14rem', + marginBottom: '-13rem', +}) +;({ marginBottom: '-14rem', }) ;({ - marginTop: '-16rem', + marginBottom: '-15rem', +}) +;({ marginBottom: '-16rem', }) ;({ - marginTop: '-1px', + marginBottom: '-18rem', +}) +;({ + marginBottom: '-20rem', +}) +;({ + marginBottom: '-24rem', +}) +;({ marginBottom: '-1px', }) ;({ - marginLeft: '0', - marginRight: '0', + marginLeft: '0px', +}) +;({ + marginLeft: '0.125rem', }) ;({ marginLeft: '0.25rem', - marginRight: '0.25rem', +}) +;({ + marginLeft: '0.375rem', }) ;({ marginLeft: '0.5rem', - marginRight: '0.5rem', +}) +;({ + marginLeft: '0.625rem', }) ;({ marginLeft: '0.75rem', - marginRight: '0.75rem', +}) +;({ + marginLeft: '0.875rem', }) ;({ marginLeft: '1rem', - marginRight: '1rem', }) ;({ marginLeft: '1.25rem', - marginRight: '1.25rem', }) ;({ marginLeft: '1.5rem', - marginRight: '1.5rem', +}) +;({ + marginLeft: '1.75rem', }) ;({ marginLeft: '2rem', - marginRight: '2rem', +}) +;({ + marginLeft: '2.25rem', }) ;({ marginLeft: '2.5rem', - marginRight: '2.5rem', +}) +;({ + marginLeft: '2.75rem', }) ;({ marginLeft: '3rem', - marginRight: '3rem', +}) +;({ + marginLeft: '3.5rem', }) ;({ marginLeft: '4rem', - marginRight: '4rem', }) ;({ marginLeft: '5rem', - marginRight: '5rem', }) ;({ marginLeft: '6rem', - marginRight: '6rem', +}) +;({ + marginLeft: '7rem', }) ;({ marginLeft: '8rem', - marginRight: '8rem', +}) +;({ + marginLeft: '9rem', }) ;({ marginLeft: '10rem', - marginRight: '10rem', +}) +;({ + marginLeft: '11rem', }) ;({ marginLeft: '12rem', - marginRight: '12rem', +}) +;({ + marginLeft: '13rem', }) ;({ marginLeft: '14rem', - marginRight: '14rem', +}) +;({ + marginLeft: '15rem', }) ;({ marginLeft: '16rem', - marginRight: '16rem', +}) +;({ + marginLeft: '18rem', +}) +;({ + marginLeft: '20rem', +}) +;({ + marginLeft: '24rem', }) ;({ marginLeft: 'auto', - marginRight: 'auto', }) ;({ marginLeft: '1px', - marginRight: '1px', +}) +;({ + marginLeft: '-0px', +}) +;({ + marginLeft: '-0.125rem', }) ;({ marginLeft: '-0.25rem', - marginRight: '-0.25rem', +}) +;({ + marginLeft: '-0.375rem', }) ;({ marginLeft: '-0.5rem', - marginRight: '-0.5rem', +}) +;({ + marginLeft: '-0.625rem', }) ;({ marginLeft: '-0.75rem', - marginRight: '-0.75rem', +}) +;({ + marginLeft: '-0.875rem', }) ;({ marginLeft: '-1rem', - marginRight: '-1rem', }) ;({ marginLeft: '-1.25rem', - marginRight: '-1.25rem', }) ;({ marginLeft: '-1.5rem', - marginRight: '-1.5rem', +}) +;({ + marginLeft: '-1.75rem', }) ;({ marginLeft: '-2rem', - marginRight: '-2rem', +}) +;({ + marginLeft: '-2.25rem', }) ;({ marginLeft: '-2.5rem', - marginRight: '-2.5rem', +}) +;({ + marginLeft: '-2.75rem', }) ;({ marginLeft: '-3rem', - marginRight: '-3rem', +}) +;({ + marginLeft: '-3.5rem', }) ;({ marginLeft: '-4rem', - marginRight: '-4rem', }) ;({ marginLeft: '-5rem', - marginRight: '-5rem', }) ;({ marginLeft: '-6rem', - marginRight: '-6rem', +}) +;({ + marginLeft: '-7rem', }) ;({ marginLeft: '-8rem', - marginRight: '-8rem', +}) +;({ + marginLeft: '-9rem', }) ;({ marginLeft: '-10rem', - marginRight: '-10rem', +}) +;({ + marginLeft: '-11rem', }) ;({ marginLeft: '-12rem', - marginRight: '-12rem', +}) +;({ + marginLeft: '-13rem', }) ;({ marginLeft: '-14rem', - marginRight: '-14rem', +}) +;({ + marginLeft: '-15rem', }) ;({ marginLeft: '-16rem', - marginRight: '-16rem', +}) +;({ + marginLeft: '-18rem', +}) +;({ + marginLeft: '-20rem', +}) +;({ + marginLeft: '-24rem', }) ;({ marginLeft: '-1px', - marginRight: '-1px', +}) // https://tailwindcss.com/docs/space + +;({ + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0px * var(--space-x-reverse))', + marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '0', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0.125rem * var(--space-x-reverse))', + marginLeft: 'calc(0.125rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '0.25rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0.25rem * var(--space-x-reverse))', + marginLeft: 'calc(0.25rem * calc(1 - var(--space-x-reverse)))', + }, +}) +;({ + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0.375rem * var(--space-x-reverse))', + marginLeft: 'calc(0.375rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '0.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0.5rem * var(--space-x-reverse))', + marginLeft: 'calc(0.5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '0.75rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0.625rem * var(--space-x-reverse))', + marginLeft: 'calc(0.625rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '1rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0.75rem * var(--space-x-reverse))', + marginLeft: 'calc(0.75rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '1.25rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0.875rem * var(--space-x-reverse))', + marginLeft: 'calc(0.875rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '1.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(1rem * var(--space-x-reverse))', + marginLeft: 'calc(1rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '2rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(1.25rem * var(--space-x-reverse))', + marginLeft: 'calc(1.25rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '2.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(1.5rem * var(--space-x-reverse))', + marginLeft: 'calc(1.5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '3rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(1.75rem * var(--space-x-reverse))', + marginLeft: 'calc(1.75rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '4rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(2rem * var(--space-x-reverse))', + marginLeft: 'calc(2rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(2.25rem * var(--space-x-reverse))', + marginLeft: 'calc(2.25rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '6rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(2.5rem * var(--space-x-reverse))', + marginLeft: 'calc(2.5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '8rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(2.75rem * var(--space-x-reverse))', + marginLeft: 'calc(2.75rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '10rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(3rem * var(--space-x-reverse))', + marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '12rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(3.5rem * var(--space-x-reverse))', + marginLeft: 'calc(3.5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '14rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(4rem * var(--space-x-reverse))', + marginLeft: 'calc(4rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '16rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(5rem * var(--space-x-reverse))', + marginLeft: 'calc(5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: 'auto', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(6rem * var(--space-x-reverse))', + marginLeft: 'calc(6rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '1px', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(7rem * var(--space-x-reverse))', + marginLeft: 'calc(7rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-0.25rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(8rem * var(--space-x-reverse))', + marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-0.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(9rem * var(--space-x-reverse))', + marginLeft: 'calc(9rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-0.75rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(10rem * var(--space-x-reverse))', + marginLeft: 'calc(10rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-1rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(11rem * var(--space-x-reverse))', + marginLeft: 'calc(11rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-1.25rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(12rem * var(--space-x-reverse))', + marginLeft: 'calc(12rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-1.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(13rem * var(--space-x-reverse))', + marginLeft: 'calc(13rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-2rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(14rem * var(--space-x-reverse))', + marginLeft: 'calc(14rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-2.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(15rem * var(--space-x-reverse))', + marginLeft: 'calc(15rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-3rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(16rem * var(--space-x-reverse))', + marginLeft: 'calc(16rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-4rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(18rem * var(--space-x-reverse))', + marginLeft: 'calc(18rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(20rem * var(--space-x-reverse))', + marginLeft: 'calc(20rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-6rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(24rem * var(--space-x-reverse))', + marginLeft: 'calc(24rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-8rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(1px * var(--space-x-reverse))', + marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginTop: '-10rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0px * var(--space-y-reverse))', + }, }) ;({ - marginTop: '-12rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0.125rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0.125rem * var(--space-y-reverse))', + }, }) ;({ - marginTop: '-14rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0.25rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0.25rem * var(--space-y-reverse))', + }, }) ;({ - marginTop: '-16rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0.375rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0.375rem * var(--space-y-reverse))', + }, }) ;({ - marginTop: '-1px', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0.5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0.5rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '0', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0.625rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0.625rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '0.25rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0.75rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0.75rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '0.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0.875rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0.875rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '0.75rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(1rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(1rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '1rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(1.25rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(1.25rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '1.25rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(1.5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(1.5rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '1.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(1.75rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(1.75rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '2rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(2rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(2rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '2.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(2.25rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(2.25rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '3rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(2.5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(2.5rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '4rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(3rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(3.5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(3.5rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '6rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(4rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(4rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '8rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(5rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '10rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(6rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(6rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '12rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(7rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(7rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '14rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(8rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '16rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(9rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(9rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: 'auto', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(10rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(10rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '1px', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(11rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(11rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-0.25rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(12rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(12rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-0.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(13rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(13rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-0.75rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(14rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(14rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-1rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(15rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(15rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-1.25rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(16rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(16rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-1.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(18rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(18rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-2rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(20rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(20rem * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-2.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(1px * var(--space-y-reverse))', + }, }) ;({ - marginRight: '-3rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-0px * var(--space-x-reverse))', + marginLeft: 'calc(-0px * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-4rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-0.125rem * var(--space-x-reverse))', + marginLeft: 'calc(-0.125rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-0.25rem * var(--space-x-reverse))', + marginLeft: 'calc(-0.25rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-6rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-0.375rem * var(--space-x-reverse))', + marginLeft: 'calc(-0.375rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-8rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-0.5rem * var(--space-x-reverse))', + marginLeft: 'calc(-0.5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-10rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-0.625rem * var(--space-x-reverse))', + marginLeft: 'calc(-0.625rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-12rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-0.75rem * var(--space-x-reverse))', + marginLeft: 'calc(-0.75rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-14rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-0.875rem * var(--space-x-reverse))', + marginLeft: 'calc(-0.875rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-16rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-1rem * var(--space-x-reverse))', + marginLeft: 'calc(-1rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginRight: '-1px', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-1.25rem * var(--space-x-reverse))', + marginLeft: 'calc(-1.25rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '0', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-1.5rem * var(--space-x-reverse))', + marginLeft: 'calc(-1.5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '0.25rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-1.75rem * var(--space-x-reverse))', + marginLeft: 'calc(-1.75rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '0.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-2rem * var(--space-x-reverse))', + marginLeft: 'calc(-2rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '0.75rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-2.25rem * var(--space-x-reverse))', + marginLeft: 'calc(-2.25rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '1rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-2.5rem * var(--space-x-reverse))', + marginLeft: 'calc(-2.5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '1.25rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-3rem * var(--space-x-reverse))', + marginLeft: 'calc(-3rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '1.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-3.5rem * var(--space-x-reverse))', + marginLeft: 'calc(-3.5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '2rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-4rem * var(--space-x-reverse))', + marginLeft: 'calc(-4rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '2.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-5rem * var(--space-x-reverse))', + marginLeft: 'calc(-5rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '3rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-6rem * var(--space-x-reverse))', + marginLeft: 'calc(-6rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '4rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-7rem * var(--space-x-reverse))', + marginLeft: 'calc(-7rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-8rem * var(--space-x-reverse))', + marginLeft: 'calc(-8rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '6rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-9rem * var(--space-x-reverse))', + marginLeft: 'calc(-9rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '8rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-10rem * var(--space-x-reverse))', + marginLeft: 'calc(-10rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '10rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-11rem * var(--space-x-reverse))', + marginLeft: 'calc(-11rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '12rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-12rem * var(--space-x-reverse))', + marginLeft: 'calc(-12rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '14rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-13rem * var(--space-x-reverse))', + marginLeft: 'calc(-13rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '16rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-14rem * var(--space-x-reverse))', + marginLeft: 'calc(-14rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: 'auto', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-15rem * var(--space-x-reverse))', + marginLeft: 'calc(-15rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '1px', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-16rem * var(--space-x-reverse))', + marginLeft: 'calc(-16rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '-0.25rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-18rem * var(--space-x-reverse))', + marginLeft: 'calc(-18rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '-0.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-20rem * var(--space-x-reverse))', + marginLeft: 'calc(-20rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '-0.75rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-24rem * var(--space-x-reverse))', + marginLeft: 'calc(-24rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '-1rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(-1px * var(--space-x-reverse))', + marginLeft: 'calc(-1px * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginBottom: '-1.25rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-0px * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-0px * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-1.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-0.125rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-0.125rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-2rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-0.25rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-0.25rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-2.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-0.375rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-0.375rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-3rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-0.5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-0.5rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-4rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-0.625rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-0.625rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-0.75rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-0.75rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-6rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-0.875rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-0.875rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-8rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-1rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-1rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-10rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-1.25rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-1.25rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-12rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-1.5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-1.5rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-14rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-1.75rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-1.75rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-16rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-2rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-2rem * var(--space-y-reverse))', + }, }) ;({ - marginBottom: '-1px', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-2.25rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-2.25rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '0', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-2.5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-2.5rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '0.25rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-3rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-3rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '0.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-3.5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-3.5rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '0.75rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-4rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-4rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '1rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-5rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-5rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '1.25rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-6rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-6rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '1.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-7rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-7rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '2rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-8rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-8rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '2.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-9rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-9rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '3rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-10rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-10rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '4rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-11rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-11rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-12rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-12rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '6rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-13rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-13rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '8rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-14rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-14rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '10rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-15rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-15rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '12rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-16rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-16rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '14rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-18rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-18rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '16rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-20rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-20rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: 'auto', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-24rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-24rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '1px', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(-1px * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(-1px * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '-0.25rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 1, + }, }) ;({ - marginLeft: '-0.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 1, + }, }) ;({ - marginLeft: '-0.75rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(0px * var(--space-x-reverse))', + marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginLeft: '-1rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 1, + marginRight: 'calc(0px * var(--space-x-reverse))', + marginLeft: 'calc(0px * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginLeft: '-1.25rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0px * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '-1.5rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 1, + marginTop: 'calc(0px * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(0px * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '-2rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(8rem * var(--space-x-reverse))', + marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginLeft: '-2.5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 1, + marginRight: 'calc(8rem * var(--space-x-reverse))', + marginLeft: 'calc(8rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginLeft: '-3rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(8rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '-4rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 1, + marginTop: 'calc(8rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(8rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '-5rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(1px * var(--space-x-reverse))', + marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginLeft: '-6rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 1, + marginRight: 'calc(1px * var(--space-x-reverse))', + marginLeft: 'calc(1px * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginLeft: '-8rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(1px * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '-10rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 1, + marginTop: 'calc(1px * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(1px * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '-12rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 0, + marginRight: 'calc(3rem * var(--space-x-reverse))', + marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginLeft: '-14rem', + '> :not(template) ~ :not(template)': { + '--space-x-reverse': 1, + marginRight: 'calc(3rem * var(--space-x-reverse))', + marginLeft: 'calc(3rem * calc(1 - var(--space-x-reverse)))', + }, }) ;({ - marginLeft: '-16rem', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 0, + marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(3rem * var(--space-y-reverse))', + }, }) ;({ - marginLeft: '-1px', + '> :not(template) ~ :not(template)': { + '--space-y-reverse': 1, + marginTop: 'calc(3rem * calc(1 - var(--space-y-reverse)))', + marginBottom: 'calc(3rem * var(--space-y-reverse))', + }, }) @@ -11237,6 +16082,22 @@ exports[`twin.macro transforms.js: transforms.js 1`] = ` import tw from './macro' +// https://tailwindcss.com/docs/transform +tw\`transform\` +// tw\`transform-gpu\` +// tw\`transform-none\` + +// https://tailwindcss.com/docs/transform-origin +tw\`origin-center\` +tw\`origin-top\` +tw\`origin-top-right\` +tw\`origin-right\` +tw\`origin-bottom-right\` +tw\`origin-bottom\` +tw\`origin-bottom-left\` +tw\`origin-left\` +tw\`origin-top-left\` + // https://tailwindcss.com/docs/scale tw\`scale-0\` tw\`scale-50\` @@ -11290,87 +16151,173 @@ tw\`-rotate-180\` // https://tailwindcss.com/docs/translate tw\`translate-x-0\` +tw\`translate-x-0.5\` tw\`translate-x-1\` +tw\`translate-x-1.5\` tw\`translate-x-2\` +tw\`translate-x-2.5\` tw\`translate-x-3\` +tw\`translate-x-3.5\` tw\`translate-x-4\` tw\`translate-x-5\` tw\`translate-x-6\` +tw\`translate-x-7\` tw\`translate-x-8\` +tw\`translate-x-9\` tw\`translate-x-10\` +tw\`translate-x-11\` tw\`translate-x-12\` +tw\`translate-x-14\` tw\`translate-x-16\` tw\`translate-x-20\` tw\`translate-x-24\` +tw\`translate-x-28\` tw\`translate-x-32\` +tw\`translate-x-36\` tw\`translate-x-40\` +tw\`translate-x-44\` tw\`translate-x-48\` +tw\`translate-x-52\` tw\`translate-x-56\` +tw\`translate-x-60\` tw\`translate-x-64\` +tw\`translate-x-72\` +tw\`translate-x-80\` +tw\`translate-x-96\` tw\`translate-x-px\` +tw\`translate-x-1/2\` +tw\`translate-x-1/3\` +tw\`translate-x-2/3\` +tw\`translate-x-1/4\` +tw\`translate-x-2/4\` +tw\`translate-x-3/4\` +tw\`translate-x-full\` +tw\`-translate-x-0\` +tw\`-translate-x-0.5\` tw\`-translate-x-1\` +tw\`-translate-x-1.5\` tw\`-translate-x-2\` +tw\`-translate-x-2.5\` tw\`-translate-x-3\` +tw\`-translate-x-3.5\` tw\`-translate-x-4\` tw\`-translate-x-5\` tw\`-translate-x-6\` +tw\`-translate-x-7\` tw\`-translate-x-8\` +tw\`-translate-x-9\` tw\`-translate-x-10\` +tw\`-translate-x-11\` tw\`-translate-x-12\` +tw\`-translate-x-14\` tw\`-translate-x-16\` tw\`-translate-x-20\` tw\`-translate-x-24\` +tw\`-translate-x-28\` tw\`-translate-x-32\` +tw\`-translate-x-36\` tw\`-translate-x-40\` +tw\`-translate-x-44\` tw\`-translate-x-48\` +tw\`-translate-x-52\` tw\`-translate-x-56\` +tw\`-translate-x-60\` tw\`-translate-x-64\` +tw\`-translate-x-72\` +tw\`-translate-x-80\` +tw\`-translate-x-96\` tw\`-translate-x-px\` -tw\`-translate-x-full\` tw\`-translate-x-1/2\` -tw\`translate-x-1/2\` -tw\`translate-x-full\` +tw\`-translate-x-1/3\` +tw\`-translate-x-2/3\` +tw\`-translate-x-1/4\` +tw\`-translate-x-2/4\` +tw\`-translate-x-3/4\` +tw\`-translate-x-full\` tw\`translate-y-0\` +tw\`translate-y-0.5\` tw\`translate-y-1\` +tw\`translate-y-1.5\` tw\`translate-y-2\` +tw\`translate-y-2.5\` tw\`translate-y-3\` +tw\`translate-y-3.5\` tw\`translate-y-4\` tw\`translate-y-5\` tw\`translate-y-6\` +tw\`translate-y-7\` tw\`translate-y-8\` +tw\`translate-y-9\` tw\`translate-y-10\` +tw\`translate-y-11\` tw\`translate-y-12\` +tw\`translate-y-14\` tw\`translate-y-16\` tw\`translate-y-20\` tw\`translate-y-24\` +tw\`translate-y-28\` tw\`translate-y-32\` +tw\`translate-y-36\` tw\`translate-y-40\` +tw\`translate-y-44\` tw\`translate-y-48\` +tw\`translate-y-52\` tw\`translate-y-56\` +tw\`translate-y-60\` tw\`translate-y-64\` +tw\`translate-y-72\` +tw\`translate-y-80\` +tw\`translate-y-96\` tw\`translate-y-px\` +tw\`translate-y-1/2\` +tw\`translate-y-1/3\` +tw\`translate-y-2/3\` +tw\`translate-y-1/4\` +tw\`translate-y-2/4\` +tw\`translate-y-3/4\` +tw\`translate-y-full\` +tw\`-translate-y-0\` +tw\`-translate-y-0.5\` tw\`-translate-y-1\` +tw\`-translate-y-1.5\` tw\`-translate-y-2\` +tw\`-translate-y-2.5\` tw\`-translate-y-3\` +tw\`-translate-y-3.5\` tw\`-translate-y-4\` tw\`-translate-y-5\` tw\`-translate-y-6\` +tw\`-translate-y-7\` tw\`-translate-y-8\` +tw\`-translate-y-9\` tw\`-translate-y-10\` +tw\`-translate-y-11\` tw\`-translate-y-12\` +tw\`-translate-y-14\` tw\`-translate-y-16\` tw\`-translate-y-20\` tw\`-translate-y-24\` +tw\`-translate-y-28\` tw\`-translate-y-32\` +tw\`-translate-y-36\` tw\`-translate-y-40\` +tw\`-translate-y-44\` tw\`-translate-y-48\` +tw\`-translate-y-52\` tw\`-translate-y-56\` +tw\`-translate-y-60\` tw\`-translate-y-64\` +tw\`-translate-y-72\` +tw\`-translate-y-80\` +tw\`-translate-y-96\` tw\`-translate-y-px\` -tw\`-translate-y-full\` tw\`-translate-y-1/2\` -tw\`translate-y-1/2\` -tw\`translate-y-full\` +tw\`-translate-y-1/3\` +tw\`-translate-y-2/3\` +tw\`-translate-y-1/4\` +tw\`-translate-y-2/4\` +tw\`-translate-y-3/4\` +tw\`-translate-y-full\` // https://tailwindcss.com/docs/skew tw\`skew-x-0\` @@ -11379,39 +16326,68 @@ tw\`skew-x-2\` tw\`skew-x-3\` tw\`skew-x-6\` tw\`skew-x-12\` -tw\`-skew-x-1\` -tw\`-skew-x-2\` -tw\`-skew-x-3\` -tw\`-skew-x-6\` tw\`-skew-x-12\` +tw\`-skew-x-6\` +tw\`-skew-x-3\` +tw\`-skew-x-2\` +tw\`-skew-x-1\` tw\`skew-y-0\` tw\`skew-y-1\` tw\`skew-y-2\` tw\`skew-y-3\` tw\`skew-y-6\` tw\`skew-y-12\` -tw\`-skew-y-1\` -tw\`-skew-y-2\` -tw\`-skew-y-3\` -tw\`-skew-y-6\` tw\`-skew-y-12\` +tw\`-skew-y-6\` +tw\`-skew-y-3\` +tw\`-skew-y-2\` +tw\`-skew-y-1\` -// https://tailwindcss.com/docs/transform-origin -tw\`origin-center\` -tw\`origin-top\` -tw\`origin-top-right\` -tw\`origin-right\` -tw\`origin-bottom-right\` -tw\`origin-bottom\` -tw\`origin-bottom-left\` -tw\`origin-left\` -tw\`origin-top-left\` + ↓ ↓ ↓ ↓ ↓ ↓ -tw\`transform\` +// 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-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 - ↓ ↓ ↓ ↓ ↓ ↓ +;({ + transformOrigin: 'center', +}) +;({ + transformOrigin: 'top', +}) +;({ + transformOrigin: 'top right', +}) +;({ + transformOrigin: 'right', +}) +;({ + transformOrigin: 'bottom right', +}) +;({ + transformOrigin: 'bottom', +}) +;({ + transformOrigin: 'bottom left', +}) +;({ + transformOrigin: 'left', +}) +;({ + transformOrigin: 'top left', +}) // https://tailwindcss.com/docs/scale -// https://tailwindcss.com/docs/scale ;({ '--transform-scale-x': '0', '--transform-scale-y': '0', @@ -11514,7 +16490,7 @@ tw\`transform\` }) // https://tailwindcss.com/docs/rotate ;({ - '--transform-rotate': '0', + '--transform-rotate': '0deg', }) ;({ '--transform-rotate': '1deg', @@ -11566,17 +16542,29 @@ tw\`transform\` }) // https://tailwindcss.com/docs/translate ;({ - '--transform-translate-x': '0', + '--transform-translate-x': '0px', +}) +;({ + '--transform-translate-x': '0.125rem', }) ;({ '--transform-translate-x': '0.25rem', }) +;({ + '--transform-translate-x': '0.375rem', +}) ;({ '--transform-translate-x': '0.5rem', }) +;({ + '--transform-translate-x': '0.625rem', +}) ;({ '--transform-translate-x': '0.75rem', }) +;({ + '--transform-translate-x': '0.875rem', +}) ;({ '--transform-translate-x': '1rem', }) @@ -11586,15 +16574,27 @@ tw\`transform\` ;({ '--transform-translate-x': '1.5rem', }) +;({ + '--transform-translate-x': '1.75rem', +}) ;({ '--transform-translate-x': '2rem', }) +;({ + '--transform-translate-x': '2.25rem', +}) ;({ '--transform-translate-x': '2.5rem', }) +;({ + '--transform-translate-x': '2.75rem', +}) ;({ '--transform-translate-x': '3rem', }) +;({ + '--transform-translate-x': '3.5rem', +}) ;({ '--transform-translate-x': '4rem', }) @@ -11604,33 +16604,93 @@ tw\`transform\` ;({ '--transform-translate-x': '6rem', }) +;({ + '--transform-translate-x': '7rem', +}) ;({ '--transform-translate-x': '8rem', }) +;({ + '--transform-translate-x': '9rem', +}) ;({ '--transform-translate-x': '10rem', }) +;({ + '--transform-translate-x': '11rem', +}) ;({ '--transform-translate-x': '12rem', }) +;({ + '--transform-translate-x': '13rem', +}) ;({ '--transform-translate-x': '14rem', }) +;({ + '--transform-translate-x': '15rem', +}) ;({ '--transform-translate-x': '16rem', }) +;({ + '--transform-translate-x': '18rem', +}) +;({ + '--transform-translate-x': '20rem', +}) +;({ + '--transform-translate-x': '24rem', +}) ;({ '--transform-translate-x': '1px', }) +;({ + '--transform-translate-x': '50%', +}) +;({ + '--transform-translate-x': '33.333333%', +}) +;({ + '--transform-translate-x': '66.666667%', +}) +;({ + '--transform-translate-x': '25%', +}) +;({ + '--transform-translate-x': '50%', +}) +;({ + '--transform-translate-x': '75%', +}) +;({ + '--transform-translate-x': '100%', +}) +;({ + '--transform-translate-x': '-0px', +}) +;({ + '--transform-translate-x': '-0.125rem', +}) ;({ '--transform-translate-x': '-0.25rem', }) +;({ + '--transform-translate-x': '-0.375rem', +}) ;({ '--transform-translate-x': '-0.5rem', }) +;({ + '--transform-translate-x': '-0.625rem', +}) ;({ '--transform-translate-x': '-0.75rem', }) +;({ + '--transform-translate-x': '-0.875rem', +}) ;({ '--transform-translate-x': '-1rem', }) @@ -11640,15 +16700,27 @@ tw\`transform\` ;({ '--transform-translate-x': '-1.5rem', }) +;({ + '--transform-translate-x': '-1.75rem', +}) ;({ '--transform-translate-x': '-2rem', }) +;({ + '--transform-translate-x': '-2.25rem', +}) ;({ '--transform-translate-x': '-2.5rem', }) +;({ + '--transform-translate-x': '-2.75rem', +}) ;({ '--transform-translate-x': '-3rem', }) +;({ + '--transform-translate-x': '-3.5rem', +}) ;({ '--transform-translate-x': '-4rem', }) @@ -11658,102 +16730,219 @@ tw\`transform\` ;({ '--transform-translate-x': '-6rem', }) +;({ + '--transform-translate-x': '-7rem', +}) ;({ '--transform-translate-x': '-8rem', }) +;({ + '--transform-translate-x': '-9rem', +}) ;({ '--transform-translate-x': '-10rem', }) +;({ + '--transform-translate-x': '-11rem', +}) ;({ '--transform-translate-x': '-12rem', }) +;({ + '--transform-translate-x': '-13rem', +}) ;({ '--transform-translate-x': '-14rem', }) +;({ + '--transform-translate-x': '-15rem', +}) ;({ '--transform-translate-x': '-16rem', }) +;({ + '--transform-translate-x': '-18rem', +}) +;({ + '--transform-translate-x': '-20rem', +}) +;({ + '--transform-translate-x': '-24rem', +}) ;({ '--transform-translate-x': '-1px', }) ;({ - '--transform-translate-x': '-100%', + '--transform-translate-x': '-50%', +}) +;({ + '--transform-translate-x': '-33.333333%', +}) +;({ + '--transform-translate-x': '-66.666667%', +}) +;({ + '--transform-translate-x': '-25%', }) ;({ '--transform-translate-x': '-50%', }) ;({ - '--transform-translate-x': '50%', + '--transform-translate-x': '-75%', +}) +;({ + '--transform-translate-x': '-100%', +}) +;({ + '--transform-translate-y': '0px', +}) +;({ + '--transform-translate-y': '0.125rem', +}) +;({ + '--transform-translate-y': '0.25rem', +}) +;({ + '--transform-translate-y': '0.375rem', +}) +;({ + '--transform-translate-y': '0.5rem', +}) +;({ + '--transform-translate-y': '0.625rem', +}) +;({ + '--transform-translate-y': '0.75rem', +}) +;({ + '--transform-translate-y': '0.875rem', +}) +;({ + '--transform-translate-y': '1rem', +}) +;({ + '--transform-translate-y': '1.25rem', +}) +;({ + '--transform-translate-y': '1.5rem', +}) +;({ + '--transform-translate-y': '1.75rem', +}) +;({ + '--transform-translate-y': '2rem', +}) +;({ + '--transform-translate-y': '2.25rem', +}) +;({ + '--transform-translate-y': '2.5rem', +}) +;({ + '--transform-translate-y': '2.75rem', +}) +;({ + '--transform-translate-y': '3rem', +}) +;({ + '--transform-translate-y': '3.5rem', +}) +;({ + '--transform-translate-y': '4rem', +}) +;({ + '--transform-translate-y': '5rem', +}) +;({ + '--transform-translate-y': '6rem', +}) +;({ + '--transform-translate-y': '7rem', +}) +;({ + '--transform-translate-y': '8rem', +}) +;({ + '--transform-translate-y': '9rem', +}) +;({ + '--transform-translate-y': '10rem', }) ;({ - '--transform-translate-x': '100%', + '--transform-translate-y': '11rem', }) ;({ - '--transform-translate-y': '0', + '--transform-translate-y': '12rem', }) ;({ - '--transform-translate-y': '0.25rem', + '--transform-translate-y': '13rem', }) ;({ - '--transform-translate-y': '0.5rem', + '--transform-translate-y': '14rem', }) ;({ - '--transform-translate-y': '0.75rem', + '--transform-translate-y': '15rem', }) ;({ - '--transform-translate-y': '1rem', + '--transform-translate-y': '16rem', }) ;({ - '--transform-translate-y': '1.25rem', + '--transform-translate-y': '18rem', }) ;({ - '--transform-translate-y': '1.5rem', + '--transform-translate-y': '20rem', }) ;({ - '--transform-translate-y': '2rem', + '--transform-translate-y': '24rem', }) ;({ - '--transform-translate-y': '2.5rem', + '--transform-translate-y': '1px', }) ;({ - '--transform-translate-y': '3rem', + '--transform-translate-y': '50%', }) ;({ - '--transform-translate-y': '4rem', + '--transform-translate-y': '33.333333%', }) ;({ - '--transform-translate-y': '5rem', + '--transform-translate-y': '66.666667%', }) ;({ - '--transform-translate-y': '6rem', + '--transform-translate-y': '25%', }) ;({ - '--transform-translate-y': '8rem', + '--transform-translate-y': '50%', }) ;({ - '--transform-translate-y': '10rem', + '--transform-translate-y': '75%', }) ;({ - '--transform-translate-y': '12rem', + '--transform-translate-y': '100%', }) ;({ - '--transform-translate-y': '14rem', + '--transform-translate-y': '-0px', }) ;({ - '--transform-translate-y': '16rem', + '--transform-translate-y': '-0.125rem', }) ;({ - '--transform-translate-y': '1px', + '--transform-translate-y': '-0.25rem', }) ;({ - '--transform-translate-y': '-0.25rem', + '--transform-translate-y': '-0.375rem', }) ;({ '--transform-translate-y': '-0.5rem', }) +;({ + '--transform-translate-y': '-0.625rem', +}) ;({ '--transform-translate-y': '-0.75rem', }) +;({ + '--transform-translate-y': '-0.875rem', +}) ;({ '--transform-translate-y': '-1rem', }) @@ -11763,15 +16952,27 @@ tw\`transform\` ;({ '--transform-translate-y': '-1.5rem', }) +;({ + '--transform-translate-y': '-1.75rem', +}) ;({ '--transform-translate-y': '-2rem', }) +;({ + '--transform-translate-y': '-2.25rem', +}) ;({ '--transform-translate-y': '-2.5rem', }) +;({ + '--transform-translate-y': '-2.75rem', +}) ;({ '--transform-translate-y': '-3rem', }) +;({ + '--transform-translate-y': '-3.5rem', +}) ;({ '--transform-translate-y': '-4rem', }) @@ -11781,39 +16982,72 @@ tw\`transform\` ;({ '--transform-translate-y': '-6rem', }) +;({ + '--transform-translate-y': '-7rem', +}) ;({ '--transform-translate-y': '-8rem', }) +;({ + '--transform-translate-y': '-9rem', +}) ;({ '--transform-translate-y': '-10rem', }) +;({ + '--transform-translate-y': '-11rem', +}) ;({ '--transform-translate-y': '-12rem', }) +;({ + '--transform-translate-y': '-13rem', +}) ;({ '--transform-translate-y': '-14rem', }) +;({ + '--transform-translate-y': '-15rem', +}) ;({ '--transform-translate-y': '-16rem', }) +;({ + '--transform-translate-y': '-18rem', +}) +;({ + '--transform-translate-y': '-20rem', +}) +;({ + '--transform-translate-y': '-24rem', +}) ;({ '--transform-translate-y': '-1px', }) ;({ - '--transform-translate-y': '-100%', + '--transform-translate-y': '-50%', +}) +;({ + '--transform-translate-y': '-33.333333%', +}) +;({ + '--transform-translate-y': '-66.666667%', +}) +;({ + '--transform-translate-y': '-25%', }) ;({ '--transform-translate-y': '-50%', }) ;({ - '--transform-translate-y': '50%', + '--transform-translate-y': '-75%', }) ;({ - '--transform-translate-y': '100%', + '--transform-translate-y': '-100%', }) // https://tailwindcss.com/docs/skew ;({ - '--transform-skew-x': '0', + '--transform-skew-x': '0deg', }) ;({ '--transform-skew-x': '1deg', @@ -11831,22 +17065,22 @@ tw\`transform\` '--transform-skew-x': '12deg', }) ;({ - '--transform-skew-x': '-1deg', + '--transform-skew-x': '-12deg', }) ;({ - '--transform-skew-x': '-2deg', + '--transform-skew-x': '-6deg', }) ;({ '--transform-skew-x': '-3deg', }) ;({ - '--transform-skew-x': '-6deg', + '--transform-skew-x': '-2deg', }) ;({ - '--transform-skew-x': '-12deg', + '--transform-skew-x': '-1deg', }) ;({ - '--transform-skew-y': '0', + '--transform-skew-y': '0deg', }) ;({ '--transform-skew-y': '1deg', @@ -11863,59 +17097,20 @@ tw\`transform\` ;({ '--transform-skew-y': '12deg', }) -;({ - '--transform-skew-y': '-1deg', -}) -;({ - '--transform-skew-y': '-2deg', -}) -;({ - '--transform-skew-y': '-3deg', -}) -;({ - '--transform-skew-y': '-6deg', -}) ;({ '--transform-skew-y': '-12deg', -}) // https://tailwindcss.com/docs/transform-origin - -;({ - transformOrigin: 'center', -}) -;({ - transformOrigin: 'top', -}) -;({ - transformOrigin: 'top right', }) ;({ - transformOrigin: 'right', -}) -;({ - transformOrigin: 'bottom right', -}) -;({ - transformOrigin: 'bottom', -}) -;({ - transformOrigin: 'bottom left', + '--transform-skew-y': '-6deg', }) ;({ - transformOrigin: 'left', + '--transform-skew-y': '-3deg', }) ;({ - transformOrigin: 'top left', + '--transform-skew-y': '-2deg', }) ;({ - '--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))', + '--transform-skew-y': '-1deg', }) @@ -12072,6 +17267,9 @@ tw\`text-3xl\` tw\`text-4xl\` tw\`text-5xl\` tw\`text-6xl\` +tw\`text-7xl\` +tw\`text-8xl\` +tw\`text-9xl\` // Extended config tw\`text-size\` @@ -12087,8 +17285,8 @@ tw\`italic\` tw\`not-italic\` // https://tailwindcss.com/docs/font-weight -tw\`font-hairline\` tw\`font-thin\` +tw\`font-extralight\` tw\`font-light\` tw\`font-normal\` tw\`font-medium\` @@ -12097,21 +17295,27 @@ tw\`font-bold\` tw\`font-extrabold\` tw\`font-black\` +// font-variant-numeric +tw\`ordinal\` +tw\`slashed-zero\` +tw\`lining-nums\` +tw\`oldstyle-nums\` +tw\`proportional-nums\` +tw\`tabular-nums\` +tw\`diagonal-fractions\` +tw\`stacked-fractions\` +tw\`normal-nums\` + // https://tailwindcss.com/docs/letter-spacing tw\`tracking-tighter\` tw\`tracking-tight\` +tw\`tracking-tight\` tw\`tracking-normal\` tw\`tracking-wide\` tw\`tracking-wider\` tw\`tracking-widest\` // https://tailwindcss.com/docs/line-height -tw\`leading-none\` -tw\`leading-tight\` -tw\`leading-snug\` -tw\`leading-normal\` -tw\`leading-relaxed\` -tw\`leading-loose\` tw\`leading-3\` tw\`leading-4\` tw\`leading-5\` @@ -12120,6 +17324,12 @@ tw\`leading-7\` tw\`leading-8\` tw\`leading-9\` tw\`leading-10\` +tw\`leading-none\` +tw\`leading-tight\` +tw\`leading-snug\` +tw\`leading-normal\` +tw\`leading-relaxed\` +tw\`leading-loose\` // https://tailwindcss.com/docs/list-style-type tw\`list-none\` @@ -12135,6 +17345,7 @@ tw\`placeholder-transparent\` tw\`placeholder-current\` tw\`placeholder-black\` tw\`placeholder-white\` +tw\`placeholder-gray-50\` tw\`placeholder-gray-100\` tw\`placeholder-gray-200\` tw\`placeholder-gray-300\` @@ -12144,6 +17355,7 @@ tw\`placeholder-gray-600\` tw\`placeholder-gray-700\` tw\`placeholder-gray-800\` tw\`placeholder-gray-900\` +tw\`placeholder-red-50\` tw\`placeholder-red-100\` tw\`placeholder-red-200\` tw\`placeholder-red-300\` @@ -12153,15 +17365,7 @@ tw\`placeholder-red-600\` tw\`placeholder-red-700\` tw\`placeholder-red-800\` tw\`placeholder-red-900\` -tw\`placeholder-orange-100\` -tw\`placeholder-orange-200\` -tw\`placeholder-orange-300\` -tw\`placeholder-orange-400\` -tw\`placeholder-orange-500\` -tw\`placeholder-orange-600\` -tw\`placeholder-orange-700\` -tw\`placeholder-orange-800\` -tw\`placeholder-orange-900\` +tw\`placeholder-yellow-50\` tw\`placeholder-yellow-100\` tw\`placeholder-yellow-200\` tw\`placeholder-yellow-300\` @@ -12171,6 +17375,7 @@ tw\`placeholder-yellow-600\` tw\`placeholder-yellow-700\` tw\`placeholder-yellow-800\` tw\`placeholder-yellow-900\` +tw\`placeholder-green-50\` tw\`placeholder-green-100\` tw\`placeholder-green-200\` tw\`placeholder-green-300\` @@ -12180,15 +17385,7 @@ tw\`placeholder-green-600\` tw\`placeholder-green-700\` tw\`placeholder-green-800\` tw\`placeholder-green-900\` -tw\`placeholder-teal-100\` -tw\`placeholder-teal-200\` -tw\`placeholder-teal-300\` -tw\`placeholder-teal-400\` -tw\`placeholder-teal-500\` -tw\`placeholder-teal-600\` -tw\`placeholder-teal-700\` -tw\`placeholder-teal-800\` -tw\`placeholder-teal-900\` +tw\`placeholder-blue-50\` tw\`placeholder-blue-100\` tw\`placeholder-blue-200\` tw\`placeholder-blue-300\` @@ -12198,6 +17395,7 @@ tw\`placeholder-blue-600\` tw\`placeholder-blue-700\` tw\`placeholder-blue-800\` tw\`placeholder-blue-900\` +tw\`placeholder-indigo-50\` tw\`placeholder-indigo-100\` tw\`placeholder-indigo-200\` tw\`placeholder-indigo-300\` @@ -12207,6 +17405,7 @@ tw\`placeholder-indigo-600\` tw\`placeholder-indigo-700\` tw\`placeholder-indigo-800\` tw\`placeholder-indigo-900\` +tw\`placeholder-purple-50\` tw\`placeholder-purple-100\` tw\`placeholder-purple-200\` tw\`placeholder-purple-300\` @@ -12216,6 +17415,7 @@ tw\`placeholder-purple-600\` tw\`placeholder-purple-700\` tw\`placeholder-purple-800\` tw\`placeholder-purple-900\` +tw\`placeholder-pink-50\` tw\`placeholder-pink-100\` tw\`placeholder-pink-200\` tw\`placeholder-pink-300\` @@ -12228,9 +17428,19 @@ tw\`placeholder-pink-900\` // https://tailwindcss.com/docs/placeholder-opacity tw\`placeholder-opacity-0\` +tw\`placeholder-opacity-5\` +tw\`placeholder-opacity-10\` +tw\`placeholder-opacity-20\` tw\`placeholder-opacity-25\` +tw\`placeholder-opacity-30\` +tw\`placeholder-opacity-40\` tw\`placeholder-opacity-50\` +tw\`placeholder-opacity-60\` +tw\`placeholder-opacity-70\` tw\`placeholder-opacity-75\` +tw\`placeholder-opacity-80\` +tw\`placeholder-opacity-90\` +tw\`placeholder-opacity-95\` tw\`placeholder-opacity-100\` // https://tailwindcss.com/docs/text-align @@ -12244,6 +17454,7 @@ tw\`text-transparent\` tw\`text-current\` tw\`text-black\` tw\`text-white\` +tw\`text-gray-50\` tw\`text-gray-100\` tw\`text-gray-200\` tw\`text-gray-300\` @@ -12253,6 +17464,7 @@ tw\`text-gray-600\` tw\`text-gray-700\` tw\`text-gray-800\` tw\`text-gray-900\` +tw\`text-red-50\` tw\`text-red-100\` tw\`text-red-200\` tw\`text-red-300\` @@ -12262,117 +17474,7 @@ tw\`text-red-600\` tw\`text-red-700\` tw\`text-red-800\` tw\`text-red-900\` -tw\`text-orange-100\` -tw\`text-orange-200\` -tw\`text-orange-300\` -tw\`text-orange-400\` -tw\`text-orange-500\` -tw\`text-orange-600\` -tw\`text-orange-700\` -tw\`text-orange-800\` -tw\`text-orange-900\` -tw\`text-yellow-100\` -tw\`text-yellow-200\` -tw\`text-yellow-300\` -tw\`text-yellow-400\` -tw\`text-yellow-500\` -tw\`text-yellow-600\` -tw\`text-yellow-700\` -tw\`text-yellow-800\` -tw\`text-yellow-900\` -tw\`text-green-100\` -tw\`text-green-200\` -tw\`text-green-300\` -tw\`text-green-400\` -tw\`text-green-500\` -tw\`text-green-600\` -tw\`text-green-700\` -tw\`text-green-800\` -tw\`text-green-900\` -tw\`text-teal-100\` -tw\`text-teal-200\` -tw\`text-teal-300\` -tw\`text-teal-400\` -tw\`text-teal-500\` -tw\`text-teal-600\` -tw\`text-teal-700\` -tw\`text-teal-800\` -tw\`text-teal-900\` -tw\`text-blue-100\` -tw\`text-blue-200\` -tw\`text-blue-300\` -tw\`text-blue-400\` -tw\`text-blue-500\` -tw\`text-blue-600\` -tw\`text-blue-700\` -tw\`text-blue-800\` -tw\`text-blue-900\` -tw\`text-indigo-100\` -tw\`text-indigo-200\` -tw\`text-indigo-300\` -tw\`text-indigo-400\` -tw\`text-indigo-500\` -tw\`text-indigo-600\` -tw\`text-indigo-700\` -tw\`text-indigo-800\` -tw\`text-indigo-900\` -tw\`text-purple-100\` -tw\`text-purple-200\` -tw\`text-purple-300\` -tw\`text-purple-400\` -tw\`text-purple-500\` -tw\`text-purple-600\` -tw\`text-purple-700\` -tw\`text-purple-800\` -tw\`text-purple-900\` -tw\`text-pink-100\` -tw\`text-pink-200\` -tw\`text-pink-300\` -tw\`text-pink-400\` -tw\`text-pink-500\` -tw\`text-pink-600\` -tw\`text-pink-700\` -tw\`text-pink-800\` -tw\`text-pink-900\` - -// https://tailwindcss.com/docs/text-align -tw\`text-left\` -tw\`text-center\` -tw\`text-right\` -tw\`text-justify\` - -// https://tailwindcss.com/docs/text-color -tw\`text-transparent\` -tw\`text-current\` -tw\`text-black\` -tw\`text-white\` -tw\`text-gray-100\` -tw\`text-gray-200\` -tw\`text-gray-300\` -tw\`text-gray-400\` -tw\`text-gray-500\` -tw\`text-gray-600\` -tw\`text-gray-700\` -tw\`text-gray-800\` -tw\`text-gray-900\` -tw\`text-red-100\` -tw\`text-red-200\` -tw\`text-red-300\` -tw\`text-red-400\` -tw\`text-red-500\` -tw\`text-red-600\` -tw\`text-red-700\` -tw\`text-red-800\` -tw\`text-red-900\` -tw\`text-orange-100\` -tw\`text-orange-200\` -tw\`text-orange-300\` -tw\`text-orange-400\` -tw\`text-orange-500\` -tw\`text-orange-600\` -tw\`text-orange-700\` -tw\`text-orange-800\` -tw\`text-orange-900\` +tw\`text-yellow-50\` tw\`text-yellow-100\` tw\`text-yellow-200\` tw\`text-yellow-300\` @@ -12382,6 +17484,7 @@ tw\`text-yellow-600\` tw\`text-yellow-700\` tw\`text-yellow-800\` tw\`text-yellow-900\` +tw\`text-green-50\` tw\`text-green-100\` tw\`text-green-200\` tw\`text-green-300\` @@ -12391,15 +17494,7 @@ tw\`text-green-600\` tw\`text-green-700\` tw\`text-green-800\` tw\`text-green-900\` -tw\`text-teal-100\` -tw\`text-teal-200\` -tw\`text-teal-300\` -tw\`text-teal-400\` -tw\`text-teal-500\` -tw\`text-teal-600\` -tw\`text-teal-700\` -tw\`text-teal-800\` -tw\`text-teal-900\` +tw\`text-blue-50\` tw\`text-blue-100\` tw\`text-blue-200\` tw\`text-blue-300\` @@ -12409,6 +17504,7 @@ tw\`text-blue-600\` tw\`text-blue-700\` tw\`text-blue-800\` tw\`text-blue-900\` +tw\`text-indigo-50\` tw\`text-indigo-100\` tw\`text-indigo-200\` tw\`text-indigo-300\` @@ -12418,6 +17514,7 @@ tw\`text-indigo-600\` tw\`text-indigo-700\` tw\`text-indigo-800\` tw\`text-indigo-900\` +tw\`text-purple-50\` tw\`text-purple-100\` tw\`text-purple-200\` tw\`text-purple-300\` @@ -12427,6 +17524,7 @@ tw\`text-purple-600\` tw\`text-purple-700\` tw\`text-purple-800\` tw\`text-purple-900\` +tw\`text-pink-50\` tw\`text-pink-100\` tw\`text-pink-200\` tw\`text-pink-300\` @@ -12439,13 +17537,21 @@ tw\`text-pink-900\` // https://tailwindcss.com/docs/text-opacity tw\`text-opacity-0\` +tw\`text-opacity-5\` +tw\`text-opacity-10\` +tw\`text-opacity-20\` tw\`text-opacity-25\` +tw\`text-opacity-30\` +tw\`text-opacity-40\` tw\`text-opacity-50\` +tw\`text-opacity-60\` +tw\`text-opacity-70\` tw\`text-opacity-75\` +tw\`text-opacity-80\` +tw\`text-opacity-90\` +tw\`text-opacity-95\` tw\`text-opacity-100\` -tw\`text-pink-900 text-opacity-50\` - // https://tailwindcss.com/docs/text-decoration tw\`underline\` tw\`line-through\` @@ -12457,6 +17563,9 @@ tw\`lowercase\` tw\`capitalize\` tw\`normal-case\` +// https://tailwindcss.com/docs/word-break +tw\`truncate\` + // https://tailwindcss.com/docs/vertical-align tw\`align-baseline\` tw\`align-top\` @@ -12476,63 +17585,73 @@ tw\`whitespace-pre-wrap\` tw\`break-normal\` tw\`break-words\` tw\`break-all\` -tw\`truncate\` - -// font-variant-numeric -tw\`ordinal\` -tw\`slashed-zero\` -tw\`lining-nums\` -tw\`oldstyle-nums\` -tw\`proportional-nums\` -tw\`tabular-nums\` -tw\`diagonal-fractions\` -tw\`stacked-fractions\` -tw\`normal-nums\` ↓ ↓ ↓ ↓ ↓ ↓ // https://tailwindcss.com/docs/font-family ;({ fontFamily: - 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"', + 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"', }) ;({ - fontFamily: 'Georgia, Cambria, "Times New Roman", Times, serif', + fontFamily: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif', }) ;({ fontFamily: - 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace', + 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace', }) // https://tailwindcss.com/docs/font-size ;({ fontSize: '0.75rem', + lineHeight: '1rem', }) ;({ fontSize: '0.875rem', + lineHeight: '1.25rem', }) ;({ fontSize: '1rem', + lineHeight: '1.5rem', }) ;({ fontSize: '1.125rem', + lineHeight: '1.75rem', }) ;({ fontSize: '1.25rem', + lineHeight: '1.75rem', +}) +;({ + fontSize: '1.5rem', + lineHeight: '2rem', +}) +;({ + fontSize: '1.875rem', + lineHeight: '2.25rem', +}) +;({ + fontSize: '2.25rem', + lineHeight: '2.5rem', }) ;({ - fontSize: '1.5rem', + fontSize: '3rem', + lineHeight: '1', }) ;({ - fontSize: '1.875rem', + fontSize: '3.75rem', + lineHeight: '1', }) ;({ - fontSize: '2.25rem', + fontSize: '4.5rem', + lineHeight: '1', }) ;({ - fontSize: '3rem', + fontSize: '6rem', + lineHeight: '1', }) ;({ - fontSize: '4rem', + fontSize: '8rem', + lineHeight: '1', }) // Extended config ;({ @@ -12590,1062 +17709,743 @@ tw\`normal-nums\` }) ;({ fontWeight: '900', -}) // https://tailwindcss.com/docs/letter-spacing - -;({ - letterSpacing: '-0.05em', -}) -;({ - letterSpacing: '-0.025em', -}) -;({ - letterSpacing: '0', -}) -;({ - letterSpacing: '0.025em', -}) -;({ - letterSpacing: '0.05em', -}) -;({ - letterSpacing: '0.1em', -}) // https://tailwindcss.com/docs/line-height +}) // font-variant-numeric ;({ - lineHeight: '1', -}) -;({ - lineHeight: '1.25', -}) -;({ - lineHeight: '1.375', -}) -;({ - lineHeight: '1.5', -}) -;({ - lineHeight: '1.625', -}) -;({ - lineHeight: '2', -}) -;({ - lineHeight: '.75rem', -}) -;({ - lineHeight: '1rem', -}) -;({ - lineHeight: '1.25rem', + '--font-variant-numeric-ordinal': 'ordinal', + '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', + fontVariantNumeric: + 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', }) ;({ - lineHeight: '1.5rem', + '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-slashed-zero': 'slashed-zero', + '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', + fontVariantNumeric: + 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', }) ;({ - lineHeight: '1.75rem', + '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-figure': 'lining-nums', + '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', + fontVariantNumeric: + 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', }) ;({ - lineHeight: '2rem', + '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-figure': 'oldstyle-nums', + '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', + fontVariantNumeric: + 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', }) ;({ - lineHeight: '2.25rem', + '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-spacing': 'proportional-nums', + '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', + fontVariantNumeric: + 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', }) ;({ - lineHeight: '2.5rem', -}) // https://tailwindcss.com/docs/list-style-type - -;({ - listStyleType: 'none', + '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-spacing': 'tabular-nums', + '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', + fontVariantNumeric: + 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', }) ;({ - listStyleType: 'disc', + '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-fraction': 'diagonal-fractions', + fontVariantNumeric: + 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', }) ;({ - listStyleType: 'decimal', -}) // https://tailwindcss.com/docs/list-style-position - -;({ - listStylePosition: 'inside', + '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', + '--font-variant-numeric-fraction': 'stacked-fractions', + fontVariantNumeric: + 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', }) ;({ - listStylePosition: 'outside', -}) // https://tailwindcss.com/docs/placeholder-color + fontVariantNumeric: 'normal', +}) // https://tailwindcss.com/docs/letter-spacing ;({ - '::placeholder': { - color: 'transparent', - }, -}) -;({ - '::placeholder': { - color: 'currentColor', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(0, 0, 0, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(255, 255, 255, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(247, 250, 252, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(237, 242, 247, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(226, 232, 240, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(203, 213, 224, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(160, 174, 192, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(113, 128, 150, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(74, 85, 104, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(45, 55, 72, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(26, 32, 44, var(--placeholder-opacity))', - }, -}) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(255, 245, 245, var(--placeholder-opacity))', - }, + letterSpacing: '-0.05em', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(254, 215, 215, var(--placeholder-opacity))', - }, + letterSpacing: '-0.025em', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(254, 178, 178, var(--placeholder-opacity))', - }, + letterSpacing: '-0.025em', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(252, 129, 129, var(--placeholder-opacity))', - }, + letterSpacing: '0em', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(245, 101, 101, var(--placeholder-opacity))', - }, + letterSpacing: '0.025em', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(229, 62, 62, var(--placeholder-opacity))', - }, + letterSpacing: '0.05em', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(197, 48, 48, var(--placeholder-opacity))', - }, -}) + letterSpacing: '0.1em', +}) // https://tailwindcss.com/docs/line-height + ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(155, 44, 44, var(--placeholder-opacity))', - }, + lineHeight: '.75rem', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(116, 42, 42, var(--placeholder-opacity))', - }, + lineHeight: '1rem', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(255, 250, 240, var(--placeholder-opacity))', - }, + lineHeight: '1.25rem', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(254, 235, 200, var(--placeholder-opacity))', - }, + lineHeight: '1.5rem', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(251, 211, 141, var(--placeholder-opacity))', - }, + lineHeight: '1.75rem', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(246, 173, 85, var(--placeholder-opacity))', - }, + lineHeight: '2rem', }) -;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(237, 137, 54, var(--placeholder-opacity))', - }, +;({ + lineHeight: '2.25rem', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(221, 107, 32, var(--placeholder-opacity))', - }, + lineHeight: '2.5rem', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(192, 86, 33, var(--placeholder-opacity))', - }, + lineHeight: '1', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(156, 66, 33, var(--placeholder-opacity))', - }, + lineHeight: '1.25', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(123, 52, 30, var(--placeholder-opacity))', - }, + lineHeight: '1.375', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(255, 255, 240, var(--placeholder-opacity))', - }, + lineHeight: '1.5', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(254, 252, 191, var(--placeholder-opacity))', - }, + lineHeight: '1.625', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(250, 240, 137, var(--placeholder-opacity))', - }, + lineHeight: '2', +}) // https://tailwindcss.com/docs/list-style-type + +;({ + listStyleType: 'none', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(246, 224, 94, var(--placeholder-opacity))', - }, + listStyleType: 'disc', }) ;({ - '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(236, 201, 75, var(--placeholder-opacity))', - }, + listStyleType: 'decimal', +}) // https://tailwindcss.com/docs/list-style-position + +;({ + listStylePosition: 'inside', }) +;({ + listStylePosition: 'outside', +}) // https://tailwindcss.com/docs/placeholder-color + ;({ '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(214, 158, 46, var(--placeholder-opacity))', + color: 'transparent', }, }) ;({ '::placeholder': { - '--placeholder-opacity': '1', - color: 'rgba(183, 121, 31, var(--placeholder-opacity))', + color: 'currentColor', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(151, 90, 22, var(--placeholder-opacity))', + color: 'rgba(0, 0, 0, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(116, 66, 16, var(--placeholder-opacity))', + color: 'rgba(255, 255, 255, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(240, 255, 244, var(--placeholder-opacity))', + color: 'rgba(249, 250, 251, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(198, 246, 213, var(--placeholder-opacity))', + color: 'rgba(243, 244, 246, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(154, 230, 180, var(--placeholder-opacity))', + color: 'rgba(229, 231, 235, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(104, 211, 145, var(--placeholder-opacity))', + color: 'rgba(209, 213, 219, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(72, 187, 120, var(--placeholder-opacity))', + color: 'rgba(156, 163, 175, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(56, 161, 105, var(--placeholder-opacity))', + color: 'rgba(107, 114, 128, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(47, 133, 90, var(--placeholder-opacity))', + color: 'rgba(75, 85, 99, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(39, 103, 73, var(--placeholder-opacity))', + color: 'rgba(55, 65, 81, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(34, 84, 61, var(--placeholder-opacity))', + color: 'rgba(31, 41, 55, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(230, 255, 250, var(--placeholder-opacity))', + color: 'rgba(17, 24, 39, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(178, 245, 234, var(--placeholder-opacity))', + color: 'rgba(254, 242, 242, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(129, 230, 217, var(--placeholder-opacity))', + color: 'rgba(254, 226, 226, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(79, 209, 197, var(--placeholder-opacity))', + color: 'rgba(254, 202, 202, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(56, 178, 172, var(--placeholder-opacity))', + color: 'rgba(252, 165, 165, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(49, 151, 149, var(--placeholder-opacity))', + color: 'rgba(248, 113, 113, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(44, 122, 123, var(--placeholder-opacity))', + color: 'rgba(239, 68, 68, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(40, 94, 97, var(--placeholder-opacity))', + color: 'rgba(220, 38, 38, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(35, 78, 82, var(--placeholder-opacity))', + color: 'rgba(185, 28, 28, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(235, 248, 255, var(--placeholder-opacity))', + color: 'rgba(153, 27, 27, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(190, 227, 248, var(--placeholder-opacity))', + color: 'rgba(127, 29, 29, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(144, 205, 244, var(--placeholder-opacity))', + color: 'rgba(255, 251, 235, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(99, 179, 237, var(--placeholder-opacity))', + color: 'rgba(254, 243, 199, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(66, 153, 225, var(--placeholder-opacity))', + color: 'rgba(253, 230, 138, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(49, 130, 206, var(--placeholder-opacity))', + color: 'rgba(252, 211, 77, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(43, 108, 176, var(--placeholder-opacity))', + color: 'rgba(251, 191, 36, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(44, 82, 130, var(--placeholder-opacity))', + color: 'rgba(245, 158, 11, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(42, 67, 101, var(--placeholder-opacity))', + color: 'rgba(217, 119, 6, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(235, 244, 255, var(--placeholder-opacity))', + color: 'rgba(180, 83, 9, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(195, 218, 254, var(--placeholder-opacity))', + color: 'rgba(146, 64, 14, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(163, 191, 250, var(--placeholder-opacity))', + color: 'rgba(120, 53, 15, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(127, 156, 245, var(--placeholder-opacity))', + color: 'rgba(236, 253, 245, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(102, 126, 234, var(--placeholder-opacity))', + color: 'rgba(209, 250, 229, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(90, 103, 216, var(--placeholder-opacity))', + color: 'rgba(167, 243, 208, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(76, 81, 191, var(--placeholder-opacity))', + color: 'rgba(110, 231, 183, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(67, 65, 144, var(--placeholder-opacity))', + color: 'rgba(52, 211, 153, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(60, 54, 107, var(--placeholder-opacity))', + color: 'rgba(16, 185, 129, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(250, 245, 255, var(--placeholder-opacity))', + color: 'rgba(5, 150, 105, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(233, 216, 253, var(--placeholder-opacity))', + color: 'rgba(4, 120, 87, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(214, 188, 250, var(--placeholder-opacity))', + color: 'rgba(6, 95, 70, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(183, 148, 244, var(--placeholder-opacity))', + color: 'rgba(6, 78, 59, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(159, 122, 234, var(--placeholder-opacity))', + color: 'rgba(239, 246, 255, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(128, 90, 213, var(--placeholder-opacity))', + color: 'rgba(219, 234, 254, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(107, 70, 193, var(--placeholder-opacity))', + color: 'rgba(191, 219, 254, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(85, 60, 154, var(--placeholder-opacity))', + color: 'rgba(147, 197, 253, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(68, 51, 122, var(--placeholder-opacity))', + color: 'rgba(96, 165, 250, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(255, 245, 247, var(--placeholder-opacity))', + color: 'rgba(59, 130, 246, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(254, 215, 226, var(--placeholder-opacity))', + color: 'rgba(37, 99, 235, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(251, 182, 206, var(--placeholder-opacity))', + color: 'rgba(29, 78, 216, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(246, 135, 179, var(--placeholder-opacity))', + color: 'rgba(30, 64, 175, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(237, 100, 166, var(--placeholder-opacity))', + color: 'rgba(30, 58, 138, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(213, 63, 140, var(--placeholder-opacity))', + color: 'rgba(238, 242, 255, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(184, 50, 128, var(--placeholder-opacity))', + color: 'rgba(224, 231, 255, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(151, 38, 109, var(--placeholder-opacity))', + color: 'rgba(199, 210, 254, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - color: 'rgba(112, 36, 89, var(--placeholder-opacity))', - }, -}) // https://tailwindcss.com/docs/placeholder-opacity - -;({ - '::placeholder': { - '--placeholder-opacity': '0', + color: 'rgba(165, 180, 252, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { - '--placeholder-opacity': '0.25', + '--placeholder-opacity': '1', + color: 'rgba(129, 140, 248, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { - '--placeholder-opacity': '0.5', + '--placeholder-opacity': '1', + color: 'rgba(99, 102, 241, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { - '--placeholder-opacity': '0.75', + '--placeholder-opacity': '1', + color: 'rgba(79, 70, 229, var(--placeholder-opacity))', }, }) ;({ '::placeholder': { '--placeholder-opacity': '1', - }, -}) // https://tailwindcss.com/docs/text-align - -;({ - textAlign: 'left', -}) -;({ - textAlign: 'center', -}) -;({ - textAlign: 'right', -}) -;({ - textAlign: 'justify', -}) // https://tailwindcss.com/docs/text-color - -;({ - color: 'transparent', -}) -;({ - color: 'currentColor', -}) -;({ - '--text-opacity': '1', - color: 'rgba(0, 0, 0, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(255, 255, 255, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(247, 250, 252, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(237, 242, 247, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(226, 232, 240, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(203, 213, 224, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(160, 174, 192, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(113, 128, 150, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(74, 85, 104, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(45, 55, 72, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(26, 32, 44, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(255, 245, 245, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(254, 215, 215, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(254, 178, 178, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(252, 129, 129, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(245, 101, 101, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(229, 62, 62, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(197, 48, 48, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(155, 44, 44, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(116, 42, 42, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(255, 250, 240, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(254, 235, 200, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(251, 211, 141, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(246, 173, 85, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(237, 137, 54, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(221, 107, 32, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(192, 86, 33, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(156, 66, 33, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(123, 52, 30, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(255, 255, 240, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(254, 252, 191, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(250, 240, 137, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(246, 224, 94, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(236, 201, 75, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(214, 158, 46, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(183, 121, 31, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(151, 90, 22, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(116, 66, 16, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(240, 255, 244, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(198, 246, 213, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(154, 230, 180, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(104, 211, 145, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(72, 187, 120, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(56, 161, 105, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(47, 133, 90, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(39, 103, 73, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(34, 84, 61, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(230, 255, 250, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(178, 245, 234, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(129, 230, 217, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(79, 209, 197, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(56, 178, 172, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(49, 151, 149, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(44, 122, 123, var(--text-opacity))', -}) -;({ - '--text-opacity': '1', - color: 'rgba(40, 94, 97, var(--text-opacity))', + color: 'rgba(67, 56, 202, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(35, 78, 82, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(55, 48, 163, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(235, 248, 255, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(49, 46, 129, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(190, 227, 248, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(245, 243, 255, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(144, 205, 244, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(237, 233, 254, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(99, 179, 237, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(221, 214, 254, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(66, 153, 225, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(196, 181, 253, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(49, 130, 206, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(167, 139, 250, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(43, 108, 176, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(139, 92, 246, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(44, 82, 130, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(124, 58, 237, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(42, 67, 101, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(109, 40, 217, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(235, 244, 255, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(91, 33, 182, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(195, 218, 254, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(76, 29, 149, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(163, 191, 250, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(253, 242, 248, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(127, 156, 245, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(252, 231, 243, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(102, 126, 234, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(251, 207, 232, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(90, 103, 216, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(249, 168, 212, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(76, 81, 191, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(244, 114, 182, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(67, 65, 144, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(236, 72, 153, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(60, 54, 107, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(219, 39, 119, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(250, 245, 255, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(190, 24, 93, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(233, 216, 253, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(157, 23, 77, var(--placeholder-opacity))', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(214, 188, 250, var(--text-opacity))', -}) + '::placeholder': { + '--placeholder-opacity': '1', + color: 'rgba(131, 24, 67, var(--placeholder-opacity))', + }, +}) // https://tailwindcss.com/docs/placeholder-opacity + ;({ - '--text-opacity': '1', - color: 'rgba(183, 148, 244, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(159, 122, 234, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.05', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(128, 90, 213, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.1', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(107, 70, 193, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.2', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(85, 60, 154, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.25', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(68, 51, 122, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.3', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(255, 245, 247, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.4', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(254, 215, 226, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.5', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(251, 182, 206, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.6', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(246, 135, 179, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.7', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(237, 100, 166, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.75', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(213, 63, 140, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.8', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(184, 50, 128, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.9', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(151, 38, 109, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '0.95', + }, }) ;({ - '--text-opacity': '1', - color: 'rgba(112, 36, 89, var(--text-opacity))', + '::placeholder': { + '--placeholder-opacity': '1', + }, }) // https://tailwindcss.com/docs/text-align ;({ @@ -13677,383 +18477,369 @@ tw\`normal-nums\` }) ;({ '--text-opacity': '1', - color: 'rgba(247, 250, 252, var(--text-opacity))', + color: 'rgba(249, 250, 251, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(237, 242, 247, var(--text-opacity))', + color: 'rgba(243, 244, 246, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(226, 232, 240, var(--text-opacity))', + color: 'rgba(229, 231, 235, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(203, 213, 224, var(--text-opacity))', + color: 'rgba(209, 213, 219, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(160, 174, 192, var(--text-opacity))', + color: 'rgba(156, 163, 175, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(113, 128, 150, var(--text-opacity))', + color: 'rgba(107, 114, 128, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(74, 85, 104, var(--text-opacity))', + color: 'rgba(75, 85, 99, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(45, 55, 72, var(--text-opacity))', + color: 'rgba(55, 65, 81, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(26, 32, 44, var(--text-opacity))', + color: 'rgba(31, 41, 55, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(255, 245, 245, var(--text-opacity))', + color: 'rgba(17, 24, 39, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(254, 215, 215, var(--text-opacity))', + color: 'rgba(254, 242, 242, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(254, 178, 178, var(--text-opacity))', + color: 'rgba(254, 226, 226, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(252, 129, 129, var(--text-opacity))', + color: 'rgba(254, 202, 202, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(245, 101, 101, var(--text-opacity))', + color: 'rgba(252, 165, 165, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(229, 62, 62, var(--text-opacity))', + color: 'rgba(248, 113, 113, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(197, 48, 48, var(--text-opacity))', + color: 'rgba(239, 68, 68, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(155, 44, 44, var(--text-opacity))', + color: 'rgba(220, 38, 38, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(116, 42, 42, var(--text-opacity))', + color: 'rgba(185, 28, 28, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(255, 250, 240, var(--text-opacity))', + color: 'rgba(153, 27, 27, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(254, 235, 200, var(--text-opacity))', + color: 'rgba(127, 29, 29, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(251, 211, 141, var(--text-opacity))', + color: 'rgba(255, 251, 235, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(246, 173, 85, var(--text-opacity))', + color: 'rgba(254, 243, 199, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(237, 137, 54, var(--text-opacity))', + color: 'rgba(253, 230, 138, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(221, 107, 32, var(--text-opacity))', + color: 'rgba(252, 211, 77, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(192, 86, 33, var(--text-opacity))', + color: 'rgba(251, 191, 36, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(156, 66, 33, var(--text-opacity))', + color: 'rgba(245, 158, 11, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(123, 52, 30, var(--text-opacity))', + color: 'rgba(217, 119, 6, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(255, 255, 240, var(--text-opacity))', + color: 'rgba(180, 83, 9, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(254, 252, 191, var(--text-opacity))', + color: 'rgba(146, 64, 14, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(250, 240, 137, var(--text-opacity))', + color: 'rgba(120, 53, 15, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(246, 224, 94, var(--text-opacity))', + color: 'rgba(236, 253, 245, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(236, 201, 75, var(--text-opacity))', + color: 'rgba(209, 250, 229, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(214, 158, 46, var(--text-opacity))', + color: 'rgba(167, 243, 208, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(183, 121, 31, var(--text-opacity))', + color: 'rgba(110, 231, 183, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(151, 90, 22, var(--text-opacity))', + color: 'rgba(52, 211, 153, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(116, 66, 16, var(--text-opacity))', + color: 'rgba(16, 185, 129, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(240, 255, 244, var(--text-opacity))', + color: 'rgba(5, 150, 105, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(198, 246, 213, var(--text-opacity))', + color: 'rgba(4, 120, 87, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(154, 230, 180, var(--text-opacity))', + color: 'rgba(6, 95, 70, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(104, 211, 145, var(--text-opacity))', + color: 'rgba(6, 78, 59, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(72, 187, 120, var(--text-opacity))', + color: 'rgba(239, 246, 255, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(56, 161, 105, var(--text-opacity))', + color: 'rgba(219, 234, 254, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(47, 133, 90, var(--text-opacity))', + color: 'rgba(191, 219, 254, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(39, 103, 73, var(--text-opacity))', + color: 'rgba(147, 197, 253, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(34, 84, 61, var(--text-opacity))', + color: 'rgba(96, 165, 250, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(230, 255, 250, var(--text-opacity))', + color: 'rgba(59, 130, 246, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(178, 245, 234, var(--text-opacity))', + color: 'rgba(37, 99, 235, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(129, 230, 217, var(--text-opacity))', + color: 'rgba(29, 78, 216, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(79, 209, 197, var(--text-opacity))', + color: 'rgba(30, 64, 175, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(56, 178, 172, var(--text-opacity))', + color: 'rgba(30, 58, 138, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(49, 151, 149, var(--text-opacity))', + color: 'rgba(238, 242, 255, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(44, 122, 123, var(--text-opacity))', + color: 'rgba(224, 231, 255, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(40, 94, 97, var(--text-opacity))', + color: 'rgba(199, 210, 254, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(35, 78, 82, var(--text-opacity))', + color: 'rgba(165, 180, 252, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(235, 248, 255, var(--text-opacity))', + color: 'rgba(129, 140, 248, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(190, 227, 248, var(--text-opacity))', + color: 'rgba(99, 102, 241, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(144, 205, 244, var(--text-opacity))', + color: 'rgba(79, 70, 229, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(99, 179, 237, var(--text-opacity))', + color: 'rgba(67, 56, 202, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(66, 153, 225, var(--text-opacity))', + color: 'rgba(55, 48, 163, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(49, 130, 206, var(--text-opacity))', + color: 'rgba(49, 46, 129, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(43, 108, 176, var(--text-opacity))', + color: 'rgba(245, 243, 255, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(44, 82, 130, var(--text-opacity))', + color: 'rgba(237, 233, 254, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(42, 67, 101, var(--text-opacity))', + color: 'rgba(221, 214, 254, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(235, 244, 255, var(--text-opacity))', + color: 'rgba(196, 181, 253, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(195, 218, 254, var(--text-opacity))', + color: 'rgba(167, 139, 250, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(163, 191, 250, var(--text-opacity))', + color: 'rgba(139, 92, 246, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(127, 156, 245, var(--text-opacity))', + color: 'rgba(124, 58, 237, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(102, 126, 234, var(--text-opacity))', + color: 'rgba(109, 40, 217, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(90, 103, 216, var(--text-opacity))', + color: 'rgba(91, 33, 182, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(76, 81, 191, var(--text-opacity))', + color: 'rgba(76, 29, 149, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(67, 65, 144, var(--text-opacity))', + color: 'rgba(253, 242, 248, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(60, 54, 107, var(--text-opacity))', + color: 'rgba(252, 231, 243, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(250, 245, 255, var(--text-opacity))', + color: 'rgba(251, 207, 232, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(233, 216, 253, var(--text-opacity))', + color: 'rgba(249, 168, 212, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(214, 188, 250, var(--text-opacity))', + color: 'rgba(244, 114, 182, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(183, 148, 244, var(--text-opacity))', + color: 'rgba(236, 72, 153, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(159, 122, 234, var(--text-opacity))', + color: 'rgba(219, 39, 119, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(128, 90, 213, var(--text-opacity))', + color: 'rgba(190, 24, 93, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(107, 70, 193, var(--text-opacity))', + color: 'rgba(157, 23, 77, var(--text-opacity))', }) ;({ '--text-opacity': '1', - color: 'rgba(85, 60, 154, var(--text-opacity))', -}) + color: 'rgba(131, 24, 67, var(--text-opacity))', +}) // https://tailwindcss.com/docs/text-opacity + ;({ - '--text-opacity': '1', - color: 'rgba(68, 51, 122, var(--text-opacity))', + '--text-opacity': '0', }) ;({ - '--text-opacity': '1', - color: 'rgba(255, 245, 247, var(--text-opacity))', + '--text-opacity': '0.05', }) ;({ - '--text-opacity': '1', - color: 'rgba(254, 215, 226, var(--text-opacity))', + '--text-opacity': '0.1', }) ;({ - '--text-opacity': '1', - color: 'rgba(251, 182, 206, var(--text-opacity))', + '--text-opacity': '0.2', }) ;({ - '--text-opacity': '1', - color: 'rgba(246, 135, 179, var(--text-opacity))', + '--text-opacity': '0.25', }) ;({ - '--text-opacity': '1', - color: 'rgba(237, 100, 166, var(--text-opacity))', + '--text-opacity': '0.3', }) ;({ - '--text-opacity': '1', - color: 'rgba(213, 63, 140, var(--text-opacity))', + '--text-opacity': '0.4', }) ;({ - '--text-opacity': '1', - color: 'rgba(184, 50, 128, var(--text-opacity))', + '--text-opacity': '0.5', }) ;({ - '--text-opacity': '1', - color: 'rgba(151, 38, 109, var(--text-opacity))', + '--text-opacity': '0.6', }) ;({ - '--text-opacity': '1', - color: 'rgba(112, 36, 89, var(--text-opacity))', -}) // https://tailwindcss.com/docs/text-opacity - -;({ - '--text-opacity': '0', + '--text-opacity': '0.7', }) ;({ - '--text-opacity': '0.25', + '--text-opacity': '0.75', }) ;({ - '--text-opacity': '0.5', + '--text-opacity': '0.8', }) ;({ - '--text-opacity': '0.75', + '--text-opacity': '0.9', }) ;({ - '--text-opacity': '1', + '--text-opacity': '0.95', }) ;({ - '--text-opacity': '0.5', - color: 'rgba(112, 36, 89, var(--text-opacity))', + '--text-opacity': '1', }) // https://tailwindcss.com/docs/text-decoration ;({ @@ -14077,6 +18863,12 @@ tw\`normal-nums\` }) ;({ textTransform: 'none', +}) // https://tailwindcss.com/docs/word-break + +;({ + overflow: 'hidden', + textOverflow: 'ellipsis', + whiteSpace: 'nowrap', }) // https://tailwindcss.com/docs/vertical-align ;({ @@ -14124,87 +18916,6 @@ tw\`normal-nums\` ;({ wordBreak: 'break-all', }) -;({ - overflow: 'hidden', - textOverflow: 'ellipsis', - whiteSpace: 'nowrap', -}) // font-variant-numeric - -;({ - '--font-variant-numeric-ordinal': 'ordinal', - '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', - fontVariantNumeric: - 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', -}) -;({ - '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-slashed-zero': 'slashed-zero', - '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', - fontVariantNumeric: - 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', -}) -;({ - '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-figure': 'lining-nums', - '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', - fontVariantNumeric: - 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', -}) -;({ - '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-figure': 'oldstyle-nums', - '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', - fontVariantNumeric: - 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', -}) -;({ - '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-spacing': 'proportional-nums', - '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', - fontVariantNumeric: - 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', -}) -;({ - '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-spacing': 'tabular-nums', - '--font-variant-numeric-fraction': 'var(--twin-empty,/*!*/ /*!*/)', - fontVariantNumeric: - 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', -}) -;({ - '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-fraction': 'diagonal-fractions', - fontVariantNumeric: - 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', -}) -;({ - '--font-variant-numeric-ordinal': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-slashed-zero': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-figure': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-spacing': 'var(--twin-empty,/*!*/ /*!*/)', - '--font-variant-numeric-fraction': 'stacked-fractions', - fontVariantNumeric: - 'var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)', -}) -;({ - fontVariantNumeric: 'normal', -}) `;