Hasta hace poco usaba mi hoja de estilos SCSS, hacía las modificaciones y todo funcionaba bien, se me añadían a mi hoja de estilos CSS. Pero desde está tarde aplico cambios en mi SCSS y no se añaden. Sin embargo, si modifico mi hoja CSS, se me siguen añadiendo de nuevo perfectamente.
¿Qué ha podido pasar?
He estado mirando y no veo código de errores por ningún lado.
Nota: compilé con koala.
@font-face {
font-family: 'webfontregular';
src: url("../fonts/waterlily-webfont.woff2") format("woff2"), url("../fonts/waterlily-webfont.woff") format("woff");
font-weight: normal;
font-style: normal; }
html {
font-size: 15px; }
/*Estilos bloque bienvenidos*/
.bienvenidos {
background-color: blueviolet;
background-size: cover;
overflow: hidden; }
.logobrand {
width: 35px; }
.boton3rayas {
margin-top: 0.3rem; }
.navbar-fixed-top {
background: #b5a7dc; }
.navbar-light .navbar-brand {
color: #fdfb8e;
font-size: 1.3rem;
text-transform: uppercase; }
.navbar-toggler {
font-size: 1.4rem;
color: #fdfb8e; }
.navbar-light .navbar-nav .nav-link {
color: #fdfb8e;
text-align: center; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
background: #8a2be2; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #fdfb8e; }
#menuprincipal {
clear: both; }
.texto-bienvenido {
color: yellow;
margin-top: 7rem;
font-family: "webfontregular", Arial, sans-serif;
font-size: 2rem; }
.bienvenido2 p {
color: black; }
.imaginarq {
font-size: 4rem; }
.bienvenido2 {
color: yellow; }
/*Estilos bloque quehacemos*/
.quehacemos {
background-color: #fdfb8e; }
.quehacemos h4 {
font-weight: bolder; }
.quehacemos .fa {
font-size: 3rem;
background-color: #fdfb8e; }
.quehacemos .fa {
font-size: 3rem;
color: blueviolet; }
/*Estilos quienes somos*/
.quienes {
background-color: #eee; }
.conchi {
border-radius: 50%; }
.cabeza {
border-radius: 50%; }
.agustin {
border-radius: 50%; }
.somosbotones {
font-size: 1.7rem;
color: blueviolet;
}
/*Estilos footer*/
.footer {
background-color: cadetblue; }
.footer .fa {
font-size: 35px; }
/*Estilos Media Query*/
@media (min-width: 768px) {
#menuprincipal {
clear: inherit; } }
/*# sourceMappingURL=estilos.css.map */
scss
. Si no te está compilando, el error es que no se está observando los cambios.