Tailwind CSS v2.0 | Forms Plugin

Опубликовано: 23 Ноябрь 2020
на канале: codewithchu

8,409

155

With Tailwind Css v2.0 a new forms plugin was released to normalize & reset forms styles. This provides us a good base for our forms styles to add TailwindCss utility classes.

We'll build out a quick login form with the new Forms plugin and take a look at several other v2.0 features.

-Extended Palette
-Focus Ring
-Extended Variant
-using our Variants with @apply
-Darkmode.

@tailwindcss/forms
https://github.com/tailwindlabs/tailw...

Github Source
https://github.com/codewithchu/tailwi...

Video Sections:
00:00 - Overview
01:38 - Setup Project
02:40 - Configure Tailwind Config
04:34 - Setup HTML Markup
04:59 - Apply Utility Classes
08:18 - Focus Ring
09:38 - Extend Variant
12:00 - Bonus Convert to Dark Mode
15:11 - Build for Production
15:50 - Outro

Subscribe and Learn to Code w/ Chu
   / @codewithchu

Tailwind v1 Tutorial Series
   • Tailwind Css v1 Tutorial Series

Resources
--------------------------------------------------------------
TailwindCss - https://tailwindcss.com/
NodeJs - .https://nodejs.org/
VScode - https://code.visualstudio.com/

Connect with Code With Chu
--------------------------------------------------------------
https://arthurchu.ca
  / codewithchu
  / codewithchu
  / codewithchu
https://github.com/codewithchu/

На этой странице сайта вы можете посмотреть видео онлайн Tailwind CSS v2.0 | Forms Plugin длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь codewithchu 23 Ноябрь 2020, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 8,409 раз и оно понравилось 155 зрителям. Приятного просмотра!

101