Create Reusable CSS with Mixins, want 2 see my mistake

Create Reusable CSS with Mixins, want 2 see my mistake
0

#1

Tell us what’s happening:
Dear All,
Can anyone tell me why my code stacks?
It seems the picture is Ok, but it doesn’t let me pass.

Your code so far

<style type='text/sass'>

$radius:15px;

  @mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  -border-radius: $radius;
  }

 #awesome { 
    width: 150px;
    height: 150px;
    background-color: green;
    @include border-radius($radius);
  }
</style>

<div id="awesome"></div>
  

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.


#2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.


#3

Ok, I’ve got it, thanks a lot!