Curso de SASS🌈 de 0 a 100 [05.- Ordenar nuestro codigo con import]
En este tutorial vamos a ordenar nuestros codigo con la función import que nos entrega sass la cual nos ayuda a importar archivos.
Codigo: https://github.com/programadornovato/sass/commit/ded9f221fd3bb0d521f23e8fdc06fcc7e3dcfa7b
//rutaSass/_colores.scss
$cabeceraColor: #fe2e64;
$cabeceraFondo: #bdbdbd;
$parrafosColor: #cc2efa;
$parrafosFondo: #424242;
$spanColor: #81f7be;
$spanFondo: #2e2e2e;
//rutaSass/_estructura.scss
h1 {
color: $cabeceraColor;
background-color: $cabeceraFondo;
}
#hola {
p {
color: $parrafosColor;
background-color: $parrafosFondo;
}
span {
color: $spanColor;
background-color: $spanFondo;
}
div {
p {
color: $parrafosColor;
background-color: $parrafosFondo;
}
}
}
//rutaSass/estilo.scss
// Importamos las variables de los colores
@import "colores";
// Importamos lala estructura
@import "estructura";
/*
este comentario si pasa
*/
? Pagina oficial: https://sass-lang.com/
? Fuentes de bootstrap: https://getbootstrap.com/docs/4.0/getting-started/download/
? Visual Studio Code Review: https://www.youtube.com/watch?v=VEySgnoG2k4
? Facebook: https://facebook.com/ProgramadorNovatoOficial
? Twitter: https://twitter.com/programadornova
? Linkedin: https://www.linkedin.com/in/programadornovato/
? Instagram: https://www.instagram.com/programadornovato/
Codigos en gdrive: https://drive.google.com/file/d/15i6j231DHduFTUHQKillgATNWKGDUiGw/view?usp=sharing
? Esta lista de reproducción: https://www.youtube.com/playlist?list=PLCTD_CpMeEKQXywJB8KMN_-GccZuVf9ag
Gracias por apoyar este canal: https://www.patreon.com/programadornovato?fan_landing=true