Adding TailwindCSS to a Sapper / Svelte App

Watch as I setup TailwindCSS with Svelte. I like to make sure that I split up the core functionality and the colors, as you'll see, and why. Let's make something fun!
⏱️ Timestamps:
  • 00:00 - Introduction
  • 00:40 - Readme
  • 01:10 - package.json
  • 01:30 - https://www.listenaddict.com demo
  • 02:29 - webpack.config
  • 02:42 - tailwind.css
  • 03:00 - postcss files
  • 08:35 - wrap up

💌 Newsletter:
  • https://www.programmingtil.com/

🪐Elsewhere:
  • Twitter: https: //twitter.com/davidwparker
  • Twitter: https://twitter.com/programmingtil
  • GitHub: https://github.com/davidwparker

💭Concepts:
  • TailwindCSS

📚Resources:
  • https://github.com/davidwparker/programmingtil-svelte-sapper/tree/ep5
  • https://tailwindcss.com/

🎬 Subscribe! http://bit.ly/subdavidwparker
My name is David W Parker and I’m creating and publishing videos on ProgrammingTIL to help teach anyone and everyone who wants to code. I’m a huge fan of Ruby on Rails, Svelte, and WebGL. I’ve used React a lot in the past, as well as some Vue and AngularJS. I’ve done some professional Python and Django. I like to create real applications and my tutorials will walk you through how to build something real from beginning-to-end.

svelte #tailwindcss

© programmingtil.com