1494a50123
* fix: restructure certifications guide articles * fix: added 3 dashes line before prob expl * fix: added 3 dashes line before hints * fix: added 3 dashes line before solutions
28 lines
505 B
Markdown
28 lines
505 B
Markdown
---
|
|
title: Create a custom CSS Variable
|
|
---
|
|
# Create a custom CSS Variable
|
|
|
|
---
|
|
## Problem Explanation
|
|
We need to create a variable name ```--penguin-skin``` and give it a value of ```gray``` in the ```penguin``` class.
|
|
|
|
**Example:**
|
|
|
|
```css
|
|
--variable-name: value;
|
|
```
|
|
|
|
|
|
---
|
|
## Solutions
|
|
|
|
<details><summary>Solution 1 (Click to Show/Hide)</summary>
|
|
|
|
In the ```penguin``` class we create a variable name ```--penguin-skin``` and give it a value of ```gray```:
|
|
|
|
```css
|
|
--penguin-skin: gray;
|
|
```
|
|
</details>
|