Easy Tailwind Setup: Customize Fonts and Colors with Redwood JS
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: https://github.com/ahaywood/brazilian...
Figma File: https://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 Full-Stack: Redwoo...
Part 2: Setup Your Redwood.js Environment: A Beginner's Tutorial - • Setup Your Redwood.js Environment: A ...
Part 3: RedwoodJS File and Folder Structure: Everything You Need to Know - • RedwoodJS File and Folder Structure: ...
Part 4: Maximize Efficiency: Building Faster with Redwood's Generators - • Maximize Efficiency: Building Faster ...
Part 5: Mastering the Redwood Router: A Comprehensive Overview - • Mastering the Redwood Router: A Compr...
👉 Part 6: THIS VIDEO 👈
Part 7: Getting Started with Storybook: The Ultimate Tool for Component Documentation and Testing
🔗 Links
RedwoodJS: https://redwoodjs.com/
RedwoodJS Documentation: https://redwoodjs.com/docs/introduction
Google Fonts: https://fonts.google.com/
Sip: https://sipapp.io/
Watch video Easy Tailwind Setup: Customize Fonts and Colors with Redwood JS online without registration, duration hours minute second in high quality. This video was added by user Self Teach Me 24 November 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,27 once and liked it 5 people.