Advanced Sass Interpolating and If/Else

Question

Hi there, first time posting on the forums so forgive me if I make any formatting mistakes etc.

I am currently having trouble with Challenge task 2/4 for this section:

The mixin should use the value in "$make" as the name of a new class. The class should have a 1px solid black border.

Here is what I have so far -

@mixin cars($make, $color) { }

I am assuming I've already made a mistake starting off like this as there is no interpolation currently (.#)

Answer 1 · 2013-12-02T13:00:18Z

December 2, 2013 1:00pm

the class should be: .#{$make}

@mixin cars($make, $color){
    .#{$make}{
    border: 1px solid black;
  }
}

Answer 2 · 2014-06-09T10:00:25Z

June 9, 2014 10:00am

@mixin cars($make, $color){ .#{$make}{ border: 1px solid black; .append {background-image:url("#{$color}.png");} } }

the next bit ;)

Answer 3 · 2013-12-03T03:27:48Z

December 3, 2013 3:27am

Thank you for your help Yichang, worked perfect!

Answer 4 · 2014-06-09T10:00:29Z

June 9, 2014 10:00am

@mixin cars($make, $color){ .#{$make}{ border: 1px solid black; .append {background-image:url("#{$color}.png");} } }

the next bit ;)

Answer 5 · 2014-12-02T23:52:29Z

December 2, 2014 11:52pm

@mixin cars ($make , $color){ .#{$make} { border: 1px solid black; } }

Answer 6 · 2014-12-02T23:57:02Z

December 2, 2014 11:57pm

@mixin cars ($make ,$color){ .#{$make} { border: 1px solid black; .append { background-image: url("images/.#{$color}.png")} } }

Welcome to the Treehouse Community