none text shadow works
2 files changed, +3 -3
+1-1twench_landing_page/components/LandingSection/LandingSection.css
| @@ -32,6 +32,6 @@ | ||
| 32 | 32 | @apply py-3 px-8; |
| 33 | 33 | @apply border-black border-4; |
| 34 | 34 | @apply bg-white hover:bg-background cursor-pointer; |
| 35 | - @apply right-[100px] lg:right-[200px]; | |
| 35 | + /* @apply right-[100px] lg:right-[200px]; */ | |
| 36 | 36 | @apply text-[20px] lg:text-[50px]; |
| 37 | 37 | } |
+2-2twench_landing_page/plugins/text-shadow.ts
| @@ -2,7 +2,7 @@ import { text } from "stream/consumers"; | ||
| 2 | 2 | import plugin from "tailwindcss/plugin"; |
| 3 | 3 | |
| 4 | 4 | function textShadow(value: string) { |
| 5 | - if (!value) { | |
| 5 | + if (!value || value === "none") { | |
| 6 | 6 | return "none"; |
| 7 | 7 | } |
| 8 | 8 | return `${value} ${value} 0 #000, -${value} -${value} 0 #000, ${value} -${value} 0 #000, -${value} ${value} 0 #000, ${value} 0 0 #000, -${value} 0 0 #000, 0 ${value} 0 #000, 0 -${value} 0 #000`; |
| @@ -25,7 +25,7 @@ const textShadowPlugin = plugin( | ||
| 25 | 25 | theme: { |
| 26 | 26 | textShadow: { |
| 27 | 27 | DEFAULT: "1px", |
| 28 | - none: "0", | |
| 28 | + none: "none", | |
| 29 | 29 | sm: "2px", |
| 30 | 30 | md: "3px", |
| 31 | 31 | lg: "4px", |