Underneath your mixin definition, specify that all <a> tags should include the mixin

Question

i have no clue what to do

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>
  <h1>Hampton's Blog</h1>
  <div class="entry">
    <h1>Great Music</h1>
      <div class="content">
        <p>
            Here are some of my favorite bands from years past and present: Belle and Sebastian, Pixies, and Daft Punk. Listening to music allows me to focus when I'm programming. 
        </p>
        <a href="#">Read More</a>
    </div>
  </div>
</body>
</html>

style.scss

@mixin button { 
background: #369; color: white;
}

Answer 1 · 2016-01-17T16:13:01Z

January 17, 2016 4:13pm

It should. This code passes the challenge.

@mixin button { 
background: #369; color: white;
}
a { @include button; }

Answer 2 · 2016-01-17T15:57:52Z

January 17, 2016 3:57pm

Hi Joshua, At this point you use the anchor tag to call the mixin.

a { @include button; }

Answer 3 · 2016-01-17T16:18:20Z

January 17, 2016 4:18pm

Are you calling the mixin after the mixin declaration?

Answer 4 · 2016-01-17T16:27:16Z

January 17, 2016 4:27pm

Can you post your style.scss code again?

Welcome to the Treehouse Community

Looking to learn something new?

Joshua szkodlarski

Joshua szkodlarski

Underneath your mixin definition, specify that all <a> tags should include the mixin

4 Answers

Dale Severude

Dale Severude

Joshua szkodlarski

Joshua szkodlarski

Joshua szkodlarski

Joshua szkodlarski

Dale Severude

Dale Severude

Joshua szkodlarski

Joshua szkodlarski

Dale Severude

Dale Severude

Dale Severude

Dale Severude