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

Gavin Broekema
seal-mask
.a{fill-rule:evenodd;}techdegree
Gavin Broekema
Full Stack JavaScript Techdegree Student 22,443 Points
Posted by Gavin Broekema
.a{fill-rule:evenodd;}techdegree
Gavin Broekema
Full Stack JavaScript Techdegree Student 22,443 Points

Advanced Sass Course Outdated?

I feel like the majority of the content in the Advanced Sass course is outdated. After every video I find myself going back to refactor code to the current documentation's standards. Most of the content from these videos has merely supplemental to the Modular CSS with Sass course anyways... Should I continue on or focus my efforts elsewhere?

2 Answers

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Hey Gavin Broekema,

There have been lots of additions to Sass since the release of this course, but the course isn't exactly outdated. Most of the concepts are still being used by front end developers & designers.

Could you please post examples of sections where you refactor your code to the current documentation's standards? We're also in the process of refreshing Sass courses, so stay tuned! :)

Thanks! :)

rays0
rays0
16,293 Points
rays0
rays0
16,293 Points

With Sass 3.3 and newer, the list-maps definition require colons after each key. Otherwise sass throws an error.

$add-border: (
  position: all,
  size: 1px,
  pattern: solid,
  color: #999) !default;