Sass foi um primeiro contato incrível, a muito tempo atrás. Hoje, depois do Tailwindcss, utilizo apenas ele ou CSS puro mesmo.
Inclusive, vale enfatizar que algumas coisas que tinham no Sass, chegaram no CSS há algum tempo.
CSS agora permite aninhamento tranquilamente:
.container {
.child_1 {
}
.child_2 {
.other {
}
}
}
Isso funciona no CSS nativo também.
Outra coisa é a utilização do &
, que lembra um pouco o this
no javascript:
.container {
display: flex;
justify-content: center;
align-items: center;
gap: 1.25rem; /*20px*/
&:hover {
background-color: red;
}
&:active {
position: relative;
bottom: -2px;
}
}
Isso funciona também agora, depois da última atualização do CSS.