sass 5

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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *