🚧 First svelte component

tailwind.config.cjs

@@ -0,0 +1,27 @@
+/** @type {import('tailwindcss').Config} */
+const plugin = require("tailwindcss/plugin")
+
+module.exports = {
+  content: ["./**/*.{html,ts,svelte}"],
+  theme: {
+    extend: {
+      maxHeight: {
+        "65vh": "65vh",
+        "20vh": "20vh",
+      },
+      colors: {
+        subtle: "#dbeafe",
+        unsubtle: "#bfdbfe",
+      },
+    },
+  },
+  plugins: [
+    plugin(function ({ addVariant, e }) {
+      addVariant("landscape", ({ modifySelectors, separator }) => {
+        modifySelectors(({ className }) => {
+          return `.${e(`landscape${separator}${className}`)}:landscape`
+        })
+      })
+    }),
+  ],
+}