---
id: 5a9d726c424fe3d0e10cad11
title: Create a custom CSS Variable
challengeType: 0
videoUrl: ''
localeTitle: Crear una variable CSS personalizada
---
## Description
Para crear una Variable CSS, solo necesitas darle un name
con two dashes
delante y asignarle un value
como este: --penguin-piel: gris;
Esto creará una variable llamada --penguin-skin
y le asignará el valor de gray
. Ahora puede usar esa variable en otra parte de su CSS para cambiar el valor de otros elementos a gris.
## Instructions
En la clase de penguin
, crea un nombre de variable --penguin-skin
y dale un valor de gray
## Tests
```yml
tests:
- text: penguin
clase penguin
debe declarar la variable --penguin-skin
y asignarla 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
```