Sass map-merge() Function

Last Updated:

Sass map-merge() Function

The map-merge() function returns a new map with all the keys and values from both map1 and map2.

Example

SASS TO CSS CONVERTER
$colors: ( primary: #BE0062, secondary: #D3A108 ); $custom: ( myBlue: #20B7CE ); $merge: map-merge($colors, $custom); @debug map-has-key($merge, "primary"); // true @debug map-has-key($merge, "secondary"); // true @debug map-has-key($merge, "myBlue"); // true @debug map-has-key($merge, "myRed"); // false

Syntax

map-merge($map1, $map2)

Parameter Value

ValueTypeExplanation
$map1 Required Specifies the first array.
$map2 Required Specifies the second array.

Return Value

ValueExplanation
array Returns a new map with all the keys and values from both $map1 and $map2

Share this Page

Meet the Author