Added hint to Create a Custom CSS Variable (https://guide.freecodecamp.org/certifications/responsive-web-design/basic-css/create-a-custom-css-variable)
		
			
				
	
	
		
			22 lines
		
	
	
		
			529 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			22 lines
		
	
	
		
			529 B
		
	
	
	
		
			Markdown
		
	
	
	
	
	
---
 | 
						|
title: Create a custom CSS Variable
 | 
						|
---
 | 
						|
## Create a custom CSS Variable
 | 
						|
 | 
						|
<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->
 | 
						|
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;
 | 
						|
```
 | 
						|
 | 
						|
### Solution
 | 
						|
 | 
						|
In the ```penguin``` class we create a variable name ```--penguin-skin``` and give it a value of ```gray```:
 | 
						|
 | 
						|
```css
 | 
						|
--penguin-skin: gray;
 | 
						|
```
 |