Making sense of Tailwind in Svelte


Resource | v1 | created by jjones |
Type Blog post
Created unavailable
Identifier unavailable

Description

Svelte and TailwindCSS are kinda weird together aren't they? Svelte has this awesome built in styling capability but Tailwind will have you mostly ignore it, since "no custom CSS" while using it is a virtue. The best practice for production builds is a regexp based pass over generated content that is completely outside of the Svelte build process. It may seem conceptually awkward but I actually think they go well together if you use them in a certain way, a way that may be different that what you've seen before.

Relations

about TailwindCSS

A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can...

about Svelte

Svelte is a free and open-source front end JavaScript framework created by Rich Harris and maintained...


Edit details Edit relations Attach new author Attach new topic Attach new resource
8.0 /10
useless alright awesome
from 1 review
Write comment Rate resource Tip: Rating is anonymous unless you also write a comment.
Resource level 5.0 /10
beginner intermediate advanced
Resource clarity 9.0 /10
hardly clear sometimes unclear perfectly clear
Reviewer's background 5.0 /10
none basics intermediate advanced expert
Comments 1
jjones
0 0

8 rating 5 level 9 clarity 5 user's background

Great performance tips for using TailwindCSS in Svelte