---
id: 587d7dbd367417b2b2512bb6
title: Create Reusable CSS with Mixins
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
raw: true
challengeType: 0
videoUrl: ''
localeTitle: ''
---
## Description
undefined
## Instructions
undefined
## Tests
```yml
tests:
- text: ''
testString: 'assert(code.match(/@mixin\s+?border-radius\s*?\(\s*?\$radius\s*?\)\s*?{/gi), "Your code should declare a mixin
named border-radius
which has a parameter named $radius
.");'
- text: ''
testString: 'assert(code.match(/-webkit-border-radius:\s*?\$radius;/gi), "Your code should include the -webkit-border-radius
vender prefix that uses the $radius
parameter.");'
- text: ''
testString: 'assert(code.match(/-moz-border-radius:\s*?\$radius;/gi), "Your code should include the -moz-border-radius
vender prefix that uses the $radius
parameter.");'
- text: يجب أن تحتوي -ms-border-radius
على -ms-border-radius
التي تستخدم معلمة $radius
.
testString: 'assert(code.match(/-ms-border-radius:\s*?\$radius;/gi), "Your code should include the -ms-border-radius
vender prefix that uses the $radius
parameter.");'
- text: يجب أن تتضمن شفرتك قاعدة border-radius
العامة التي تستخدم معلمة $radius
.
testString: 'assert(code.match(/border-radius:\s*?\$radius;/gi).length == 4, "Your code should include the general border-radius
rule that uses the $radius
parameter.");'
- text: ''
testString: 'assert(code.match(/@include\s+?border-radius\(\s*?15px\s*?\);/gi), "Your code should call the border-radius mixin
using the @include
keyword, setting it to 15px.");'
```
## Challenge Seed
## Solution
```js
// solution required
```