feat: add bottom fade mask utility and enhance Playground layout

2025-02-07 23:49:40 +05:30
parent 1eae319d10
commit a46156847d
10 changed files with 624 additions and 347 deletions
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -3,5 +3,16 @@ module.exports = {
  mode: "jit",
  darkMode: "class",
  content: ["./src/**/*.tsx"],
+  theme: {
+    extend: {
+      backgroundImage: {
+        'bottom-mask-light': 'linear-gradient(0deg, transparent 0, #ffffff 160px)',
+        'bottom-mask-dark': 'linear-gradient(0deg, transparent 0, #171717 160px)',
+      },
+      maskImage: {
+        'bottom-fade': 'linear-gradient(0deg, transparent 0, #000 160px)',
+      }
+    }
+  },
  plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")]
 }