huncholanemade textshadow plugin for tailwind
huncholane3 files changed, +5 -3
+1-1twench_landing_page/components/LandingSection/LandingSection.tsx
| @@ -11,7 +11,7 @@ const LandingSection = () => { | ||
| 11 | 11 | <div>dex</div> |
| 12 | 12 | <div>tools</div> |
| 13 | 13 | </div> |
| 14 | - <a className="buy-button">BUY $TWENCH</a> | |
| 14 | + <a className="buy-button text-shadow-[1px]">BUY $TWENCH</a> | |
| 15 | 15 | </div> |
| 16 | 16 | </div> |
| 17 | 17 | ); |
+2-1twench_landing_page/plugins/text-shadow.ts
| @@ -4,7 +4,8 @@ const textShadowPlugin = plugin(function ({ matchUtilities, theme }) { | ||
| 4 | 4 | matchUtilities( |
| 5 | 5 | { |
| 6 | 6 | "text-shadow": (value: string) => ({ |
| 7 | - textShadow: value, | |
| 7 | + textShadow: `${value} ${value} 0 #000, -${value} -${value} 0 #000, ${value} -${value} 0 #000, | |
| 8 | + -${value} ${value} 0 #000, ${value} 0 0 #000, -${value} 0 0 #000, 0 ${value} 0 #000, 0 -${value} 0 #000;`, | |
| 8 | 9 | }), |
| 9 | 10 | }, |
| 10 | 11 | { |
+2-1twench_landing_page/tailwind.config.ts
| @@ -1,4 +1,5 @@ | ||
| 1 | 1 | import type { Config } from "tailwindcss"; |
| 2 | +import textShadowPlugin from "./plugins/text-shadow"; | |
| 2 | 3 | |
| 3 | 4 | const config: Config = { |
| 4 | 5 | content: [ |
| @@ -14,6 +15,6 @@ const config: Config = { | ||
| 14 | 15 | }, |
| 15 | 16 | }, |
| 16 | 17 | }, |
| 17 | - plugins: [], | |
| 18 | + plugins: [textShadowPlugin], | |
| 18 | 19 | }; |
| 19 | 20 | export default config; |