Tech%2FTailwind CSS

Error converting content: marked is not a function

title:: Tech/Tailwind CSS
- Techniques
- Gradient Text
	  collapsed:: true
  - ```typescript
		  /** 
		  The general styling
		  	`text-8xl` : Makes the text font-size 6rem, so quite big
		  	`font-extrabold` : Created a bigger font-weight, so the effect pops more
		  
		  Grandient styling
		  `text-transparent` : This makes the actual text transparent and shows the background (which has the gradient)
		  `bg-clip-text` : This makes the background only show on the text outlines
		  `bg-gradient-to-{flow}` : This is used to state what direction the gradients flow. ([All directions](https://tailwindcss.com/docs/background-image))
		  `from-{color}` : Set the beginning color in our case to purple-400
		  `to-{color}` : This sets the end color, in our case pink-600
		  
		  */ 
		  

		    Text
		  
		  ```
- [Hypercolor - Gradients for Tailwind CSS](https://hypercolor.dev) #amazing
	  collapsed:: true
  - ![image.png](../assets/image_1663792023312_0.png){:height 294, :width 427}
  - This is incredible. The gradient I wanted to play with for P/Week Of Year. Tailwind #ftw
- For React Native
		-