Executando verificação de segurança...
3

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.

Carregando publicação patrocinada...