1
resposta

Não muda a cor

Quando mudo a cor na variável ou algo do tipo no sass, nada acontece, tentei mudar no css direto e mudou.

$cor-principal: blueviolet;
$cor-secundaria: aquamarine;

@mixin reset {
    margin: 0;
    padding: 0;
}

@mixin cor-e-texto {
    width: 50%;
    background-color: $cor-principal;

    .texto {
        margin-top: 40%;
        text-align: center;
        font-size: 150px;
        color: $cor-secundaria;
    }
}

body {
    @include reset;
}

.container {
    height: 100vh;
    display: flex;

    .esquerdo {
        @include cor-e-texto;
    }

    .direito {
        @include cor-e-texto;
    }

}
1 resposta

Pressione CTRL + SHIFT + P, para abrir a barra de pesquisa do Visual Studio Code, e pesquise por "Live Sass: Watch Sass", esta ferramenta serve para o SASS mapear o código em CSS.

Inserir

Depois você verá que o Sass começou a observar as alterações que estão sendo feitas no arquivo '.scss' e modificará o arquivo '.css' conforme as alterações realizadas.

Insira