SASS @mixin issue

HTML-CSS
1

Tell us what’s happening:
What am I doing wrong here?
Why isn’t it working

Your code so far


<style type='text/sass'>

@mixin border-radius($radius){
-webkit-box-shadow: 0px 0px 4px #fff;
-moz-box-shadow: 0px 0px 4px #fff;
-ms-box-shadow: 0px 0px 4px #fff;
box-shadow: 0px 0px 4px #fff;}

#awesome {
  width: 150px;
  height: 150px;
  background-color: green;
  @include border-radius(15px);

}
</style>

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36.

Challenge: Create Reusable CSS with Mixins

Link to the challenge:

2

You have to check your code well, the problem is that you are using box-shadow when you have been asked to use
border-radius and you also have to use the parameter you send.

you have to change box-shadow to border-radius
and use the parameter.

3

Great, I thought just changing the parameters were going to be okay