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