From the course: Tailwind CSS Essential Training
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
SVG
- [Instructor] All right, so let's take a look at a couple of things that you can do with SVGs. Tailwind allows you to modify SVG elements and that can make it easier to modify basic elements. So, we have the ability to change the stroke of an SVG element. There's a special class called stroke-current and you can use that with SVGs so that you can modify the strokes of the SVGs very quickly. So let's take a look at an example 'cause I've made one right here as I've taken the Planet of the Web logo and I've actually prepped it. So this is going to work well with things that you've prepped a certain way, not going to work with like full color SVGs, as well. So for this, what I've done is just converted everything to outlines, but I had to adjust my logo, so there's a few gaps in between items here. And the huge advantage is that if I use stroke-current here, then I can use any of the color classes. Weirdly enough, I have to…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.