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) Speeding up Workflow with Sass Sass Functions

Aaron HARPT
Aaron HARPT
19,845 Points
Posted by Aaron HARPT
Aaron HARPT
19,845 Points

Sass basics question

I am having trouble with the following cod challenge:

Use the double function you just wrote to refactor this code: div { font-size: 5px * 2; }

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>
    <p>
      Bacon ipsum dolor sit amet biltong capicola meatball, corned beef venison tongue meatloaf ham sausage jerky short loin bacon. Shoulder pork pig, pancetta turducken flank strip steak prosciutto jerky venison.
    </p>
    <p>
      Ground round bacon pig ribeye biltong capicola jerky prosciutto sirloin. Hamburger turducken corned beef leberkas andouille, shoulder pork shank strip steak biltong flank meatball pancetta chicken.
    </p>
  </div>
</body>
</html>
style.scss 
/* Write your SCSS code below. */
$input: font-size: 5px;
@function double($value) {
@return $input * 2
}
Miguel Palau
Miguel Palau
24,176 Points
Miguel Palau
Miguel Palau
24,176 Points

You missed a semi-colon at the end of the return statement.

2 Answers

Ken Alger
STAFF
Ken Alger
Treehouse Teacher
Ken Alger
Ken Alger
Treehouse Teacher

Aaron;

If you are taking an input called $value, you need to be returning $value * 2.

Post back if you are still stuck.

Happy coding,
Ken

Miguel Palau
Miguel Palau
24,176 Points
Miguel Palau
Miguel Palau
24,176 Points

I'm so sorry guys I'm used to writing using .sass methodology not .scss so I had to go back to the challenge and go step by step on the solution here it is

/* Write your SCSS code below. */

// Exercise 1
@function double ($input) {
  @return $input * 2;
}

// Exercise 2.
div {
  font-size: unquote(double(5) + "px");
}
Ben Berning
Ben Berning
31,784 Points
Ben Berning
Ben Berning
31,784 Points

That worked. Thanks!