small text shadow for buy button
2 files changed, +6 -1
+5-0twench_landing_page/app/globals.css
| @@ -29,6 +29,11 @@ body { | ||
| 29 | 29 | } |
| 30 | 30 | } |
| 31 | 31 | |
| 32 | +.small-text-shadow { | |
| 33 | + text-shadow: 2px 2px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, | |
| 34 | + -2px 2px 0 #000, 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000; | |
| 35 | +} | |
| 36 | + | |
| 32 | 37 | .large-text-shadow { |
| 33 | 38 | text-shadow: 4px 4px 0 #000, -4px -4px 0 #000, 4px -4px 0 #000, |
| 34 | 39 | -4px 4px 0 #000, 4px 0 0 #000, -4px 0 0 #000, 0 4px 0 #000, 0 -4px 0 #000; |
+1-1twench_landing_page/components/Header.tsx
| @@ -41,7 +41,7 @@ const Header = () => { | ||
| 41 | 41 | </a> |
| 42 | 42 | </div> |
| 43 | 43 | <a |
| 44 | - className="p-1 sm:p-3 border-black bg-background my-auto rounded-full border-4 text-[12px] leading-[30.52px] cursor-pointer hover:brightness-150 sm:text-[28px] mr-3 sm:mr-0" | |
| 44 | + className="p-1 sm:p-3 border-black bg-background my-auto rounded-full border-4 text-[12px] leading-[30.52px] cursor-pointer hover:brightness-150 sm:text-[28px] mr-3 sm:mr-0 small-text-shadow sm:large-text-shadow" | |
| 45 | 45 | href="" |
| 46 | 46 | > |
| 47 | 47 | BUY $TWENCH |