More clearly how to remove from map

[ysds]

I think that a way to remove a key/value from Sass maps is not clear.

The theming page documents:

To remove colors from $theme-colors, or any other map, use map-remove:

$theme-colors: map-remove($theme-colors, "success", "info", "danger");

But, it is not clear where to insert it.

For example, the following SCSS to modify or add key/value works well:

$theme-colors: (
  "primary": #0074d9,
  "danger": #ff4136
);

@import "node_modules/bootstrap/scss/bootstrap";

But it does not work when write SCSS to remove key/value on the same place:

$theme-colors: map-remove($theme-colors, "success", "info", "danger");

@import "node_modules/bootstrap/scss/bootstrap";

To remove colors from $theme-colors, or any other map, map-remove should be written between the requires and the options:

// Required
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";
@import "node_modules/bootstrap/scss/mixins";

$theme-colors: map-remove($theme-colors, "success", "info", "danger");

// Optional
@import "node_modules/bootstrap/scss/reboot";
...

It would be more helpful if documented about this.

I have no time to create a demo about this issue, but I hope bootstrap team can easily confirm this by adjust the bootstrap.scss. thank you.

[XhmikosR]

PR welcome :)