---
id: 5a9d726c424fe3d0e10cad11
title: Create a custom CSS Variable
challengeType: 0
videoUrl: ''
localeTitle: Создание пользовательской переменной CSS
---
## Description
Чтобы создать переменную CSS, вам просто нужно дать ей name
с two dashes
перед ним и присвоить ему value
подобное этому: - пингвин-кожа: серый;
Это создаст переменную с именем --penguin-skin
и присвоит ей значение gray
. Теперь вы можете использовать эту переменную в другом месте вашего CSS, чтобы изменить значение других элементов на серый.
## Instructions
В классе penguin
создайте переменное имя --penguin-skin
и придайте ему значение gray
## Tests
```yml
tests:
- text: класс penguin
должен объявить переменную --penguin-skin
и назначить ее gray
.
testString: 'assert(code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi), "penguin
class should declare the --penguin-skin
variable and assign it to gray
.");'
```
## Challenge Seed
## Solution
```js
// solution required
```