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

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

En Programador Novato vivimos de los anuncios, hemos detectado que está utilizando extensiones para bloquear anuncios. Ayudanos deshabilitando tu bloqueador de anuncios. :)