Top Banner
21
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Sass maps for responsive breakpoints
Page 2: Sass maps for responsive breakpoints
Page 3: Sass maps for responsive breakpoints
Page 4: Sass maps for responsive breakpoints
Page 5: Sass maps for responsive breakpoints
Page 6: Sass maps for responsive breakpoints
Page 7: Sass maps for responsive breakpoints
Page 8: Sass maps for responsive breakpoints

- Key/Value data sets- Unique list of keys- Access to the keys and values- Ability to iterate through these values

Page 9: Sass maps for responsive breakpoints
Page 10: Sass maps for responsive breakpoints
Page 11: Sass maps for responsive breakpoints
Page 12: Sass maps for responsive breakpoints

- Map content- @mixin- @warn for debugging- @mixin call

Page 13: Sass maps for responsive breakpoints
Page 14: Sass maps for responsive breakpoints
Page 15: Sass maps for responsive breakpoints
Page 16: Sass maps for responsive breakpoints
Page 17: Sass maps for responsive breakpoints
Page 18: Sass maps for responsive breakpoints
Page 19: Sass maps for responsive breakpoints

- 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

Page 20: Sass maps for responsive breakpoints

- Great for breakpoint organization

- Helps to avoid code repetition (DRY)

- Ability to debug

- Lots of map functions to use, not only for responsive

Page 21: Sass maps for responsive breakpoints