Join Ray Villalobos for an in-depth discussion in this video Working with the map data type, part of Sass Essential Training.
- Many programming languages have…a really useful data type called associative arrays.…Now, they allow you to create complex lists…that have both a key for each element as well as a value.…Unlike arrays, the keys aren't just numbers…but can also have names.…Sass has a beautiful implementation of this,…so we're going to use that to make creating…a series of buttons a breeze.…We have already modified our code right here…to use two different lists to create…a bunch of different buttons.…
But an associative array would actually…make this a lot easier.…And that's because instead of matching…these two different lists, we can actually create…an associative array, and it's pretty much…like creating any variable,…so we'll do color, and we'll just call it btns,…and this is going to have parentheses right here,…and what we're going to do is just for each…one of these, we're going to say the key default,…and then we're going to make an assignment here,…so here we can use regular color names…that we've created before…or actual color variables, whatever you want to do,…
- Working with variables
- Nesting styles
- Creating mixins
- Conditional statements and loops in SassScript
- Extending your mixins
- Working with lists and maps
Skill Level Intermediate
Responsive CSS with Sass and Compasswith Ray Villalobos3h 22m Intermediate
CSS: Advanced Typographic Techniqueswith James Williamson3h 14m Intermediate
Building a Responsive Single-Page Design with Sasswith Ray Villalobos4h 55m Intermediate
1. Getting Started
Understanding Sass7m 33s
2. Learning Sass Fundamentals
3. Working with SassScript
Next steps1m 21s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.