Sass/SCSS

CSS preprocessing for scalable stylesheets.

Variables

$primary: #3498db;
$spacing: 8px;

.button {
  background: $primary;
  padding: $spacing * 2;
}

Mixins

@mixin flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
  @include flex-center;
}

Resources

• Sass: https://sass-lang.com