Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Modular CSS with Sass Getting Modular with Mixins and Functions Nested Sass Maps

Posted by Ran Wang
.a{fill-rule:evenodd;}techdegree seal-36
Ran Wang
Full Stack JavaScript Techdegree Graduate 32,191 Points

Why don't we add $ before the map names (grey & dark) inside the $palettes map?

Arent we supposed to add a $ before each map name?

1 Answer

Javier Fernandez
PLUS
Javier Fernandez
Courses Plus Student 9,858 Points
Javier Fernandez
Javier Fernandez
Courses Plus Student 9,858 Points

My understanding is that $palettes is the map name. Inside you put the key/value pairs. The keys in this case are "grey" and "black". And their values are a list of key/value pairs. For example, look at the values for "layouts":

$o-grid-default-config: (
    columns: 12,
    gutter: 10px,
    min-width: 240px,
    max-width: 1330px,
    layouts: (
        S:  370px,  // ≥20px columns
        M:  610px,  // ≥40px columns
        L:  850px,  // ≥60px columns
        XL: 1090px  // ≥80px columns
    ),
    fluid: true,
    debug: false,
    fixed-layout: M,
    enhanced-experience: true
);