Sass maps for responsive breakpoints
4 likes897 views
This document discusses using Sass maps for organizing breakpoint values and avoiding code repetition. It introduces key features of maps like unique keys, accessing values, and iterating. It also presents some useful map functions like map-deep-get() to fetch nested values, map-has-keys() to test for keys, and map-merge() to combine maps. Maps are recommended for breakpoint organization as they help enforce the DRY principle and make debugging easier through functions like @warn and access to map content.
Sass maps for responsive breakpoints
- 8. - Key/Value data sets - Unique list of keys - Access to the keys and values - Ability to iterate through these values
- 12. - Map content - @mixin - @warn for debugging - @mixin call
- 19. - map-deep-get($map, $keys...) //fetchs deeply nested values - map-has-keys($map, $keys...) //tests if has several keys - map-merge($map1, $map2...) //merges 2 maps into a new one
- 20. - Great for breakpoint organization - Helps to avoid code repetition (DRY) - Ability to debug - Lots of map functions to use, not only for responsive