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
OLUBUKOLA OGUNSOLA
Full Stack JavaScript Techdegree Graduate 30,442 Pointsborder color
Can someone please explain what setting the border color here requires.
<!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>
/* Write your SCSS code below. */
@mixin square ($size , $color:1px solid border) {
height: $size;
width: $size;
border: $color;
}
1 Answer
Jennifer Nordell
Treehouse TeacherHi there! You're pretty close here but your mixin should take 2 arguments $size and $color. It appears that you're trying to somehow set the $color variable to be 1px solid border, but this isn't valid. Let me show you how I did it:
@mixin square ($size , $color) {
height: $size;
width: $size;
border: 1px solid $color;
}
Here we have our mixin which accepts two arguments ... size and color. Now down in our border rule we use the shorthand to set the size of the border (1px), the style (solid) and then use the $color variable.
Hope this clarifies things!
OLUBUKOLA OGUNSOLA
Full Stack JavaScript Techdegree Graduate 30,442 PointsOLUBUKOLA OGUNSOLA
Full Stack JavaScript Techdegree Graduate 30,442 Pointsthanks for the clarification, so the border takes both the color argument and the 1px solid border. thanks