Tailwind CSS - 初学者指南(2023 年版)
- 1. Introduction
- 1. Introduction
- 2. Tailwind
- 2. Tailwind basics
- 1. Tailwind utilities
- 2. The display property
- 3. Flex and grids
- 4. Responsive
- 5. States
- 6. Theme customization
- 7. Directives
- 8. Dark mode
- 3. Setup
- 1. Github
- 2. Setup React and Tailwind
- 3. Setup prettier and svg
- 4. Let's practice Tailwind
- 1. Header
- 2. Mobile nav
- 3. Responsive mobile menu
- 4. Shoe detail layout
- 5. Gradient and fonts
- 6. Making the gradient responsive
- 7. Select
- 8. Animations
- 9. Card
- 10. Card grid
- 11. Animated sidebar
- 12. Cart item
- 13. Cart item inputs
- 14. Tailwind merge (tw-merge)
- 15. Cart list
- 16. Dark mode setup
- 17. Dark mode styling
- 5. Making the cart dynamic with React
- 1. Selecting a shoe
- 2. Add to cart
- 3. Remove from cart