This content originally appeared on DEV Community and was authored by Danniel Navas
Una de las ventajas que nos trae CSS para los que hemos desarrollado Backend es la utilización de las variables.
Como utilizarlas:
En root declararemos las variables toda la paleta de colores de nuestra aplicación la cual reutilizaremos en muchas partes y con esto si queremos cambiar el esquema solo sera realizarlo en nuestra definición y el cambio estará realizado.
Ejemplo:
- Declaración:
:root{
--main-color: #051937;
--second-color: #133660;
--thir-color: #1d578d;
--four-color: #1f7abb;
--five-color: #4db6ac;
--font-title: 'Pacifico', cursive;
}
- Utilización:
.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 próximos proyectos y veras lo útil que es para realizar tu proyecto Frontend.
This content originally appeared on DEV Community and was authored by Danniel Navas
Danniel Navas | Sciencx (2021-08-20T00:38:30+00:00) Variables en CSS. Retrieved from https://www.scien.cx/2021/08/20/variables-en-css/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.