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

Petr Holusa
PLUS
Petr Holusa
Courses Plus Student 4,041 Points
Posted by Petr Holusa
Petr Holusa
Courses Plus Student 4,041 Points

Sass basics, $input chalenge - explanation please

Hi, I'm trying to understand what to write into the challenge code but I don't understand what its input...

Thank you for make it cleat

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. */


@function double($value * 2){

}

2 Answers

Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

You're almost there. Within the parentheses after the function name, you put the arguments/parameters for the function (prefixed with a dollar sign $), which is where the 'input' will come through. Then that parameter can be used within the body of the function (in this case, multiplied by 2) and returned using the @return keyword (this is Sass syntax):

@function myFunc($input) {
  @return $input;
}

Hope that helps!

Petr Holusa
PLUS
Petr Holusa
Courses Plus Student 4,041 Points
Petr Holusa
Petr Holusa
Courses Plus Student 4,041 Points

Ahaaah! So parameters like multiplying go to that second row right? This worked...

@function double($input) {
  @return $input * 2;
}
Iain Simmons
Iain Simmons
Treehouse Moderator 32,305 Points

Yup! If my answer helped, please mark it as 'Best Answer'.