Variables en CSS

Una de las ventajas que nos trae CSS para los que hemos desarrollado Backend es la utilizacin de las variables.

Como utilizarlas:

En root declararemos las variables toda la paleta de colores de nuestra aplicacin la cual reutilizaremos en muchas partes y con esto si queremos cambiar el esquema solo sera realizarlo en nuestra definicin y el cambio estar realizado.

Ejemplo:

1. Declaracin:

    :root{        --main-color: #051937;        --second-color:  #133660;        --thir-color: #1d578d;        --four-color: #1f7abb;        --five-color: #4db6ac;        --font-title: 'Pacifico', cursive;    }

1. Utilizacin:

    .nav{        background-color: var(--five-color);    }    h2{        font-family: var(--font-title);    }

Y de esta forma declaramos no solo los colores si no las fuentes que utilizamos y eso seria todo, utiliza esto en tus prximos proyectos y veras lo til que es para realizar tu proyecto Frontend.