Entrar Ainda não tem acesso?
2
respostas

Meu Sass nao executa!

Referente ao curso SASS: CSS sintaticamente espetacular, no capítulo Primeiros passos com SASS e atividade Aninhamento

por Douglas da Silva Oliveira
| 61.1k xp | 7 posts
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles/style.scss">
    <title>Sass</title>
</head>
<body>
    <div class="container">
        <div class="esquerdo">
            <div class="texto">
                Sass...
            </div>
        </div>
        <div class="direito">
            <div class="texto">
               Sass...........
            </div>
        </div>
    </div>
</body>
</html>
body{
    margin:0;
    padding: 0;
}
.container{
    height: 100vh;
    display: flex;
    .esquerdo{
        width:50%;
        background-color: rgb(210, 170, 170);
    }
}
2 respostas
por Douglas da Silva Oliveira
| 61.1k xp | 7 posts
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles/style.css">
    <title>Sass</title>

link e .css nao scss!

por RODRIGO SILVA HARDER
| 2296.7k xp | 4888 posts
Alura Scuba Team Monitor de Fórum Ops

Oi, Douglas, tudo bem ?

De fato como você comentou ao referenciar o link para o arquivo contendo as estilizações precisamos usar a extensão .css, pois os navegadores não reconhecem o formato .scss nativamente. Os navegadores só conseguem interpretar e aplicar diretamente folhas de estilo no formato CSS.

Continue se dedicando em seus estudos e caso tenha dúvidas, estarei à disposição.

Abraços e bons estudos!