---
id: 5a9d726c424fe3d0e10cad11
title: Create a custom CSS Variable
challengeType: 0
videoUrl: ''
localeTitle: Crie uma variável CSS personalizada
---
## Description
Para criar uma variável CSS, basta dar um name
a ela com two dashes
à frente e atribuir um value
como este: - pele de pinguim: cinza;
Isso criará uma variável chamada --penguin-skin
e atribuirá a ela o valor de gray
. Agora você pode usar essa variável em outro lugar no seu CSS para alterar o valor de outros elementos para cinza.
## Instructions
Na classe penguin
, crie um nome de variável --penguin-skin
e dê a ele um valor de gray
## Tests
```yml
tests:
- text: penguin
classe penguin
deve declarar a variável --penguin-skin
e atribuí-la a 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
```