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/
In questa pagina del sito puoi guardare il video online Tailwind CSS v2.0 | Forms Plugin della durata di ore minuti seconda in buona qualità , che l'utente ha caricato codewithchu 23 novembre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 8,409 volte e gli è piaciuto 155 spettatori. Buona visione!
