Modifiers allow you to only apply some specific Tailwind class if another condition happens.
One is hover:
to apply a class only if you’re hovering the element with the mouse.
For example: hover:underline
The dark:
modifier is super useful with applying dark mode.
You set any “base” class, for example bg-white
, and then say dark:bg-black
to “override” the first one in dark mode.
Modifiers are also super useful with response design, as you’ll see in the next lesson.
Lessons in this unit:
0: | Introduction |
1: | Box model properties |
2: | Colors |
3: | Typography |
4: | Flexbox and Grid in Tailwind |
5: | ▶︎ Modifiers |
6: | Responsive design in Tailwind |
Are you intimidated by Git? Can’t figure out
merge vs rebase? Are you afraid of screwing up
something any time you have to do something in
Git? Do you rely on ChatGPT or random people’s
answer on StackOverflow to fix your problems?
Your coworkers are tired of explaining Git to
you all the time? Git is something we all need
to use, but few of us really master it. I
created this course to improve your Git (and
GitHub) knowledge at a radical level. Launching
May 21, 2024. Join the waiting list!