Various ways to manage colors in Sass

One of the most useful features of Sass is variables. When variables are used in conjunction with map and @each, they allow for flexible color management and automation.

https://pixabay.com/photos/colorful-painting-background-2468874/

Variables

In the first place, a simple pattern using variables.

$color-medium: #55acee;

.p-button--medium {
    background-color: $color-medium;
}