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 Advanced Sass Advanced Variables, Mixins, Functions, and Placeholders Advanced Mixins

Brendan Whiting
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,735 Points
Posted by Brendan Whiting
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,735 Points

When position is "all"

In this video, when position is "all" you end up with "all" being set as the width property of the border. Is this a bug of some sort?

2 Answers

C Gar
C Gar
47 Points
C Gar
C Gar
47 Points

Agreed. The CSS code in "Advanced Mixins" does not work in a browser:

.block { border: all solid #999999; }

("all" is an invalid value)

In consideration of the other question posted to this video, it appears "Advanced Mixins" is both in error and outdated.

Digital Team
PLUS
Digital Team
Courses Plus Student 11,346 Points
Digital Team
Digital Team
Courses Plus Student 11,346 Points

I would guess he meant to use $size, not $position in this bit of the rule:

border: $size $pattern $color;

With no arguments passed for these, they will always compile to:

border: 1px solid #999999;

With the $position argument passed as something other than the default (as in his example), you'd get:

border-left: 1px solid #999999;