Sass Map (Mapping) Functions
Sass FunctionsA Sass Map (Mapping) object is represented by one or more pairs of key/value.
Sass Maps are immutable, so when processing a Map object, a new Map object is returned rather than modifying the original Map object.
The following table lists Sass Map functions:
| Function | Description & Example |
|---|---|
| map-get(map, key) | Returns from the Mapkeythe corresponding value. If there is no corresponding key, it returns null. Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-get($font-sizes, "small") Result: 12px |
| map-has-key(map, key) | Determinemapwhether there is a correspondingkeykey. Returns true if it exists, otherwise false. Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-has-key($font-sizes, "big") Result: false |
| map-keys(map) | Returnsmapa list of all keys in the Map. Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-keys($font-sizes) Result: "small", "normal, "large" |
| map-merge(map1, map2) | Merge two maps into a new map, that is, appendmap2tomap1the end of Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) $font-sizes2: ("x-large": 30px, "xx-large": 36px) map-merge($font-sizes, $font-sizes2) Result: "small": 12px, "normal": 18px, "large": 24px, "x-large": 30px, "xx-large": 36px |
| map-remove(map, keys...) | Removesmapkeys from the Map. Multiple keys are separated by commas. Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-remove($font-sizes, "small") Result: ("normal": 18px, "large": 24px) map-remove($font-sizes, "small", "large") Result: ("normal": 18px) |
| map-values(map) | Returnsmapall values from the Map and generates a list. Example: $font-sizes: ("small": 12px, "normal": 18px, "large": 24px) map-values($font-sizes) Result: 12px, 18px, 24px |
Other Extensions