Estou usando o Sass (.scss) para o meu projeto atual.
Exemplo a seguir:
HTML
<div class="container desc">
<div class="hello">
Hello World
</div>
</div>
SCSS
.container {
background:red;
color:white;
.hello {
padding-left:50px;
}
}
Isso funciona muito bem.
Posso lidar com várias classes enquanto estiver usando estilos aninhados.
No exemplo acima, estou falando sobre isso:
CSS
.container.desc {
background:blue;
}
Nesse caso, tudo div.container
seria normalmente, red
mas div.container.desc
seria azul.
Como posso aninhar isso por dentro container
com Sass?