CSS Variables

 CSS Variables

CSS Variables are a new way to declare and use variables in CSS. They allow you to define a value once and reuse it throughout your CSS. Here's an example:

:root {

  --primary-color: #007bff;

}

.button {

  background-color: var(--primary-color);

  color: white;

  padding: 10px 20px;

  border-radius: 5px;

}

In this code, we first define a variable called --primary-color and set its value to #007bff in the :root pseudo-class. We can then use this variable in our styles by using the var() function. In this example, we use the --primary-color variable as the background color of a button.