SCSS - quan1997ap/angular-app-note GitHub Wiki

demo https://jsonformatter.org/scss-to-css

1. map-get

map-get($colors, blue) : lấy ra thuộc tính trong $colors với key là blue

$colors: (
  blue: #007dc6,
  blue-hover: #3da1e0
);
a {
   color: map-get($colors, blue);
}

2. map-get

map-merge($colors, $custom-colors) : copy các thuộc tính của $custom-colors vào $colors Nếu chưa có thì thêm mới, đã có thì ghi đè

$colors: (
  primary: #BE0062,
  secondary: #D3A108
);

$custom-colors: (
  primary: #20B7CE
);

$allcolors: map-merge($colors, $custom-colors);


.color-test {
  padding: 1em;
  background: map-get($allcolors, primary);
}