title image, blazor logo plus the sass logo
title image, blazor logo plus the sass logo

A simple “set and forget” method with dart-sass and .net5.0

  • This uses dart-sass, the official implementation of sass, which means all the latest features & bugfixes, unlike other tutorials and VS extensions, which almost all use either node-sass or libsass (both of which are now deprecated)
  • Super simple. Just drop in one line of code and never have to touch it again.
  • Make sure you have node.js installed
  • Make sure your blazor project is running .net5.0 (for CSS isolation)

If you’re creating a new project, you can easily change the target from the dropdown when creating the blazor app.

If…

simon

Designer, BSID at GaTech. Find me on instagram.com/art.last.night

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store