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 Sass Basics (retired) Advanced Sass Concepts Advanced Mixin Arguments

Ian de Jesus
Ian de Jesus
8,559 Points
Posted by Ian de Jesus
Ian de Jesus
8,559 Points

I get an error saying that my border should be 1px wide and solid. Whats wrong with my code?

I think I have problem in my syntax for my code but I cant seem to find it.

Thanks

index.html 
<!DOCTYPE html>
<html>
<head>
  <title>Sass Basics - Code Challenge</title>
  <link rel="stylesheet" type="text/css" href="page-style.css">
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="box"></div>
  <div class="red"></div>
  <div class="orange"></div>
  <div class="yellow"></div>
  <div class="green"></div>
</body>
</html>
style.scss 
/* Write your SCSS code below. */
@mixin square($size, $color:1px solid){
  width: $size;
  height: $size;
  border: $color;
  }

1 Answer

Jeremy Faith
PLUS
Jeremy Faith
Courses Plus Student 56,696 Points
Jeremy Faith
Jeremy Faith
Courses Plus Student 56,696 Points

You only need to declare $color, remove the ": 1px solid". Now add the required 1px solid to your border along with the $color variable and it should work fine.

/* Write your SCSS code below. */
@mixin square ($size, $color) {
  width: $size;
  height: $size;
  border: 1px solid $color;

}