Design System

Design System

Advanced Color Theme Sass Mixin (Part 2)

Working from our basic Sass color theme mixin, we'll explore how to create a more powerful and flexible theming system using Sass. The secret: nested maps in Sass. This technique will allow us to set multiple values for various color combinations, helping us to create robust and customizable

Design System

Color Theme Sass Mixin Part 1

We have a website design with sections that we want to style differently based on color themes. Styling these themes in the CSS can be tedious and frustrating, especially when we need to override default styles like text color. Instead of bloating our CSS with micro-differences and constant manual repetition,