Tailwind CSS v2.0 | Forms Plugin
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/
On this page of the site you can watch the video online Tailwind CSS v2.0 | Forms Plugin with a duration of hours minute second in good quality, which was uploaded by the user codewithchu 23 November 2020, share the link with friends and acquaintances, this video has already been watched 8,409 times on youtube and it was liked by 155 viewers. Enjoy your viewing!
