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;
 | |
| ```
 |