SharePoint Framework and Dynamic CSS Styles – Part 1: Style Options & How to Import

Part 1: Style Options & How to Import

See how to optimize and setup different CSS & SCSS Style options within a SharePoint Framework solution.

In this Part 1 Video, we will review:

• CSS vs SCSS
• How to import CSS
• How to import a Non-Module SCSS
• How to import a Module SCSS
  • CSS Classname Hashing

 

In Part 2: “Dynamic Bundling of Styles”  we will cover:

• Preserving non-hashed CSS classnames in a SCSS Module
• Dynamically bundling SCSS styles
• Dynamically loading of Style Bundles in SPFx Solution