When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Development
SkillShare logo

Hugo Compile SCSS and SASS to CSS Full Course

Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.

     0 |
  • Reviews ( 0 )
Free
Hugo Compile SCSS and SASS to CSS Full Course

Related Courses

This Course Includes

  • iconskillshare
  • icon0 (0 reviews )
  • icon1 hours 43 minutes
  • iconenglish
  • iconOnline - Self Paced
  • iconcourse
  • iconSkillShare

About Hugo Compile SCSS and SASS to CSS Full Course

Introduction

Project 1

Download template

Intro to NPM and Node.js

Set up NPM scripts

Add hugo as dependency

Import and compile bootstrap styles

Add development and production parameters

Fingerprint, cache busting and security

PostCSS and Autoprefixer

PurgeCSS

Create SCSS partial

Selective imports

Custom SCSS variables

Custom utility classes

Project 1 Conclusion

Project 2

Project 2 Conclusion

What You Will Learn?

  • Welcome to building SCSS and SASS with Hugo. This course will be using Bootstrap 5 as an example, but after completing this course you could apply this skills learnt to other CSS frameworks. The course has been updated to be current for 2022..
  • Ideally before taking this course you would have some basic knowledge on how to use Hugo. Why not check out my Hugo introduction course?.
  • This course doesn’t cut any corners – I explain every step along the way. I constantly update the lessons as there are updates to SCSS, Bootstrap and Hugo..