Merge pull request #674 from ben-rogerson/feature/misc-syncs

Misc tailwindcss syncs v3-3.0.24
ben-rogerson · Apr 26, 2022 · 8c77aed · 8c77aed
2 parents 646b7dd + 8b9ea6d
commit 8c77aed
Show file tree

Hide file tree

Showing 14 changed files with 204 additions and 138 deletions.
diff --git a/__fixtures__/config/config.js b/__fixtures__/config/config.js
@@ -4,6 +4,8 @@ import tw from './macro'
  * Test the config matching is working correctly
  */
 
+tw`animate-zoom-.5`
+
 tw`text-number`
 tw`text-purple`
 tw`text-purple-hyphen`

diff --git a/__fixtures__/config/tailwind.config.js b/__fixtures__/config/tailwind.config.js
@@ -1,5 +1,8 @@
 module.exports = {
   theme: {
+    animation: {
+      'zoom-.5': 'zoom-.5 2s',
+    },
     colors: {
       number: 0,
       purple: 'purple',

diff --git a/__fixtures__/!screens.js → __fixtures__/screens/screens.js b/__fixtures__/!screens.js → __fixtures__/screens/screens.js
@@ -5,3 +5,6 @@ tw`md:block`
 tw`lg:block`
 tw`xl:block`
 tw`2xl:block`
+tw`2xl:block`
+
+tw`<sm:underline md>:font-bold`
diff --git a/__fixtures__/screens/tailwind.config.js b/__fixtures__/screens/tailwind.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  theme: {
+    extend: {
+      screens: {
+        '<sm': { max: '399px' },
+        'md>': { min: '500px' },
+      },
+    },
+  },
+}
diff --git a/__fixtures__/utiltiesSizing/height.js b/__fixtures__/utiltiesSizing/height.js
@@ -64,3 +64,6 @@ tw`h-[32rem]`
 tw`h-[3.23rem]`
 tw`h-[calc(100%+1rem)]`
 tw`h-[var(--height)]`
+
+tw`h-[calc(100%-theme('spacing.16'))]`
+tw`h-[calc(100%-theme("spacing.16"))]`
diff --git a/__fixtures__/visitedOpacity/visitedOpacity.js b/__fixtures__/visitedOpacity/visitedOpacity.js
@@ -0,0 +1,6 @@
+import tw from './macro'
+
+tw`visited:border-red-500 visited:bg-red-500 visited:text-red-500`
+tw`visited:border-red-500/20 visited:bg-red-500/20 visited:text-red-500/20`
+tw`visited:border-red-500/[20] visited:bg-red-500/[20] visited:text-red-500/[20]`
+tw`visited:(border-red-500 border-opacity-50) visited:(bg-red-500 bg-opacity-50) visited:(text-red-500 text-opacity-50)`