为嘛这道题目通不过~~~用 Mixins 创建可复用的 CSS

为嘛这道题目通不过~~~用 Mixins 创建可复用的 CSS
0

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

如果我没有理解错的话,这道题目的要求是:给 border-radius 写一个 mixin ,然后给它一个 $radius 参数。它应该使用示例中的所有浏览器前缀,再使用 border-radius mixin#awesome 元素提供 15px 的边框半径。

我的代码是:

<style type='text/sass'>
  $radius:15px;
  @mixin border-radius($radius)  {
    -moz-border-radius:$radius;
    -webkit-border-radius:$radius;
    -webkit-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>

不知道为啥通不过诶,麻烦大神们帮忙看一下?

先标记在这,等我做到这部分再来回答 :rofl:

哈哈哈 好的好的~