In this video, we'll set up Tailwind CSS, customize our font and color palette, and configure our project for styling. With RedwoodJS, this is one of the easiest Tailwind setups you'll ever do.
👉 Chapters
0:00 Introduction
0:46 Setting Up Tailwind CSS with a Single Command
1:14 Exploring the Initial Setup
1:34 Configuring Fonts for Your Project
2:16 Selecting Google Fonts
3:47 Tailwind Configuration for Custom Fonts
4:28 Configuring Custom Colors
5:38 Testing Fonts and Colors on a Page
⚡ Quick Links
- Code on GitHub: github.com/ahaywood/brazilian...
- Figma File: www.figma.com/file/z6Vipsmnua...
Other videos in the series:
- Part 1: Intro - Master the Full-Stack: RedwoodJS Step-by-Step Guide - • Intro - Master the Ful...
- Part 2: Setup Your Redwood.js Environment: A Beginner's Tutorial - • Setup Your Redwood.js ...
- Part 3: RedwoodJS File and Folder Structure: Everything You Need to Know - • RedwoodJS File and Fol...
- Part 4: Maximize Efficiency: Building Faster with Redwood's Generators - • Maximize Efficiency: B...
- Part 5: Mastering the Redwood Router: A Comprehensive Overview - • Mastering the Redwood ...
👉 Part 6: THIS VIDEO 👈
- Part 7: Getting Started with Storybook: The Ultimate Tool for Component Documentation and Testing
🔗 Links
- RedwoodJS: redwoodjs.com/
- RedwoodJS Documentation: redwoodjs.com/docs/introduction
- Google Fonts: fonts.google.com/
- Sip: sipapp.io/
Негізгі бет Ғылым және технология Easy Tailwind Setup: Customize Fonts and Colors with Redwood JS
Пікірлер: 12