[Gabriel Estrada]

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?

[Steve Blanc]

Creo que tu problema es con el SCSS

[Nieves Nieto]

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;
   }
}

[Gabriel Estrada]

Eso era, gracias