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 *

Información básica sobre protección de datos Ver más

  • Responsable: Eugenio Chaparro.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a digitalocean.com que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Contiene enlaces a sitios web de terceros con políticas de privacidad ajenas que podrás aceptar o no cuando accedas a ellos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad