2
respostas

Erro na compilação

Quando realizo a compilação, é mostrado um erro no terminal "Error: Invalid CSS after "#66DDDD": expected expression (e.g. 1px, bold), was ";" on line 1 of estilos.sass"

Embora haja erro, o arquivo css é criado, porém sem codigo dentro.

Segue o meu arquivo

$cor-padrao: #66DDDD;


body {
  font-family: "Roboto Slab", serif;
}

.container {
  width: 940px;
  margin: 0 auto;
}

.titulo-secao {
  text-decoration: underline;
  font-size: 2em;
  text-align: center;
}

.sobre,
.planos,
.blog,
.contato {
  padding: 3em 0 6em 0;
}

h2 {
  margin-top: 0;
}

/** Header **/
header {
  border-top: 5px solid $cor-padrao;
  background: rgba(30, 44, 53, 0.8);
  height: 90px;
  width: 100%;
  position: absolute;
}
//mais codigo omitido
2 respostas

Oi Leopoldo,

O SASS aceita dois tipos de sintaxe. O seu erro pode indicar que você escreveu na sintaxe scss mas que o arquivo está com a extensão sass.

Para dizer que você está escrevendo scss, precisa deixar a extensão do arquivo como *.scss Se estiver com a extensão *.sass, ele espera que vc escreva com uma outra sintaxe e aí por isso o erro.

Na verdade eu troquei o nome do arquivo css compilado para final.css e funcionou. Só não entendi por quê, mas foi o que eu li de um outro forum.