?

Author: GavinJoyce

README.md

@@ -0,0 +1,3 @@
+# @tailwindcss/aspect-ratio
+
+A plugin that provides a helpful `?` dev time utility.

package.json

@@ -0,0 +1,19 @@
+{
+  "name": "tailwind-question-mark",
+  "version": "0.0.1",
+  "description": "A plugin that provides a helpful `?` dev time utilit",
+  "main": "src/index.js",
+  "license": "MIT",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/GavinJoyce/tailwindcss-question-mark.git"
+  },
+  "author": "Gavin Joyce",
+  "bugs": {
+    "url": "https://github.com/GavinJoyce/tailwindcss-question-mark/issues"
+  },
+  "homepage": "https://github.com/GavinJoyce/tailwindcss-question-mark#readme"
+}

src/index.js

@@ -0,0 +1,17 @@
+const plugin = require('tailwindcss/plugin')
+
+module.exports = plugin(function({ addUtilities, e }) {
+  addUtilities({
+    '.\?': {
+      'animation': `${e('?')}wobble 0.5s ease-in-out alternate infinite`
+    },
+    '@keyframes \\?wobble': {
+      '0%': {
+        'box-shadow': 'inset 4px 4px rgb(236, 15, 170), inset -4px -4px rgb(236, 15, 170)'
+      },
+      '100%': {
+        'box-shadow': 'inset 8px 8px rgb(236, 15, 170), inset -8px -8px rgb(236, 15, 170)'
+      },
+    }
+  });
+});