Sass .scss: Aninhamento e várias classes?
Estou usando o Sass (.scss) para meu projeto atual.
Seguinte exemplo:
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 ao usar estilos aninhados.
Na amostra acima eu estou falando sobre isso:
CSS
.container.desc {
background:blue;
}
Neste caso, todosdiv.container
normalmente seriared
masdiv.container.desc
seria azul.
Como posso aninhar isso dentrocontainer
com o Sass?