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/
En esta página del sitio puede ver el video en línea Tailwind CSS v2.0 | Forms Plugin de Duración hora minuto segunda en buena calidad , que subió el usuario codewithchu 23 noviembre 2020, comparta el enlace con amigos y conocidos, en youtube este video ya ha sido visto 8,409 veces y le gustó 155 a los espectadores. Disfruta viendo!
