Debes modificar el SCSS ya que las clases deben aplicar a .dc, te dejo como quedaria:
.dc {
&.up {
background-color: green;
}
&.down {
background-color: red;
}
}
tengo otra duda con coffeescript, estoy tratando de crear un widget html con el siguiente codigo:
<div> <h1 class="title" data-bind="title">Titulo</h1> <div> <h1 id = "dc1" class="dc">DC1</h1> </div> <div> <h1 id = "dc2" class="dc">DC2</h1> </div> <p class="updated-at" data-bind="updatedAtMessage"></p> </div>
Y tengo el siguiente codigo de coffee:
$(@node).removeClass('up down')
$('#dc1').removeClass('up down')
$('#dc2').removeClass('up down')
$(@node).addClass('down')
$('#dc1').addClass('down')
$('#dc2').addClass('up')
Y por ultimo mi SCSS:
&.up {
background-color: green;
}
&.down {
background-color: red;
}
.dc {
background-color: orange;
font-size: 30px;
float: left;
width: 50%;
}
Pero nada pasa, alguna idea que puede estar mal?
Creo que tu problema es con el SCSS
Debes modificar el SCSS ya que las clases deben aplicar a .dc, te dejo como quedaria:
.dc {
&.up {
background-color: green;
}
&.down {
background-color: red;
}
}
Eso era, gracias ![]()