SCSS Variables

.keep

.keeps

design_system_colors.scss

$very-red: #ff3322;
$very-blue: #1111ff;

design_system_core.scss

.warning {
  color: $very-red;
}

.primary {
  color: $very-blue;
}

design_system_index.scss

@import "./design_system_colors.scss";
@import "./design_system_core.scss";

theme_colors.scss

$very-red: #ff0033;

theme_index.scss

@import "./design_system_colors.scss";

// overwrite only the variable I have defined in my local colors.scss

@import "./theme_colors.scss";

//apply my changes to the core

@import "./design_system_core.scss";