variable works
3 files changed, +8 -9
+0-8twench_landing_page/app/globals.css
| @@ -24,11 +24,3 @@ body { | ||
| 24 | 24 | text-wrap: balance; |
| 25 | 25 | } |
| 26 | 26 | } |
| 27 | - | |
| 28 | -.small-text-shadow { | |
| 29 | - text-shadow: var(--ts-small); | |
| 30 | -} | |
| 31 | - | |
| 32 | -.text-shadow { | |
| 33 | - text-shadow: var(--ts-medium); | |
| 34 | -} |
+1-1twench_landing_page/components/Header/Header.css
| @@ -6,5 +6,5 @@ | ||
| 6 | 6 | @apply p-1 sm:p-3 border-black bg-background my-auto; |
| 7 | 7 | @apply rounded-full border-4 text-[12px] leading-[30.52px]; |
| 8 | 8 | @apply cursor-pointer hover:brightness-150 sm:text-[28px]; |
| 9 | - @apply mr-3 sm:mr-0 text-shadow-[2px] sm:text-shadow-[3px] text-white; | |
| 9 | + @apply mr-3 sm:mr-0 text-shadow-[1px] sm:text-shadow-sm text-white; | |
| 10 | 10 | } |
+7-0twench_landing_page/tailwind.config.ts
| @@ -13,6 +13,13 @@ const config: Config = { | ||
| 13 | 13 | background: "var(--background)", |
| 14 | 14 | foreground: "var(--foreground)", |
| 15 | 15 | }, |
| 16 | + textShadow: { | |
| 17 | + default: "1px", | |
| 18 | + sm: "2px", | |
| 19 | + md: "3px", | |
| 20 | + lg: "4px", | |
| 21 | + xl: "5px", | |
| 22 | + }, | |
| 16 | 23 | }, |
| 17 | 24 | }, |
| 18 | 25 | plugins: [textShadowPlugin], |