Sass: Create Reusable CSS with Mixins

HTML-CSS
1

Tell us what’s happening:
problem code… Sorry 'im little speack english

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 15 px;
}
 
 border-radius-mixin {
  @include: border-radius(15px)
 }
 #awesome {
   width: 150px;
   height: 150px;
   background-color: green;

 }
</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/78.0.3904.70 Safari/537.36.

Challenge: Create Reusable CSS with Mixins

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

2

Hello!

Your code is almost good. The problem is that the challenge asks you to create a mixin (@mixin border-radius () {}) and then use it to add radius to the #awesome element:


#awesome {
  width: 150px;
  height: 150px;
  background-color: green;
  /* include mixin here */
}
1 Like