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

Author: David Warner II

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

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.