Create Reusable CSS with Mixins not working

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style type='text/sass'>
  
   @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: 15px)
  }
 
</style>

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; rv:60.0) Gecko/20100101 Firefox/60.0.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/sass/create-reusable-css-with-mixins

2

the syntax works like this:
@include border-radius(15px)

1 Like
3

It worked, thanks a lot…