Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erro Compilação

Boa tarde

Quando executa "sass" e dando erro abaixo Fiz exatamente conforme a aula e não "atualiza" a parte footer. Por favor o que posso fazer?

SEGUE

hange detected - 06/12/2022 13:25:27

_footer.sass

Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 2) or calc($tamanho-do-texto / 2)

More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 20 | font-size: $tamanho-do-texto / 2; | ^.....................^ ╵ file:///e:/02_Alura/04%20-%20CSS%20estilos%20-%20Andamento/00%20-%20Pr%C3%A1ticas/03_AluraSpa/styles/componets/_banner.scss:20:23

THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0

Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 2.5) or calc($tamanho-do-texto / 2.5)

More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 5 | font-size: $tamanho-do-texto / 2.5; | ^.......................^ ╵ file:///e:/02_Alura/04%20-%20CSS%20estilos%20-%20Andamento/00%20-%20Pr%C3%A1ticas/03_AluraSpa/styles/componets/_servicos.scss:5:19

THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0

Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 1.2) or calc($tamanho-do-texto / 1.2)

More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 14 | font-size: $tamanho-do-texto / 1.2; | ^.......................^ ╵ file:///e:/02_Alura/04%20-%20CSS%20estilos%20-%20Andamento/00%20-%20Pr%C3%A1ticas/03_AluraSpa/styles/componets/_servicos.scss:14:19

THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0

Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 1.5) or calc($tamanho-do-texto / 1.5)

More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 25 | font-size: $tamanho-do-texto/1.5; | ^.....................^ ╵ file:///e:/02_Alura/04%20-%20CSS%20estilos%20-%20Andamento/00%20-%20Pr%C3%A1ticas/03_AluraSpa/styles/componets/_servicos.scss:25:27

THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0

Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div($tamanho-do-texto, 3) or calc($tamanho-do-texto / 3)

More info and automated migrator: https://sass-lang.com/d/slash-div ╷ 32 | font-size: $tamanho-do-texto /3; | ^....................^ ╵ file:///e:/02_Alura/04%20-%20CSS%20estilos%20-%20Andamento/00%20-%20Pr%C3%A1ticas/03_AluraSpa/styles/componets/_servicos.scss:32:27

THIS IS DEPRECATED AND WILL BE REMOVED IN SASS 2.0

Warning: This selector doesn't have any properties and won't be rendered. ╷ 0 |import styles/abstract/_variaveis.scss |^......................................^ ╵

file:///e:/02_Alura/04%20-%20CSS%20estilos%20-%20Andamento/00%20-%20Pr%C3%A1ticas/03_AluraSpa/styles/componets/_footer.sass:0:0

Compilation Error Error: expected selector. ╷ 1 │ import styles/abstract/variaveis.scss │ ^ ╵ e:\02Alura\04 - CSS estilos - Andamento\00 - Práticas\03_AluraSpa\styles\componets_footer.sass 1:14 @import

e:\02_Alura\04 - CSS estilos - Andamento\00 - Práticas\03_AluraSpa\styles\style.scss 6:9 root stylesheet

Watching...

Aguardo Obrigada

2 respostas

Oi Amanda, tudo bem?

O Usar / para fazer divisões fora da função calc não é mais suportado pela versão do sass.

Uma forma que temos de realizar a divisão é adicionar a / dentro do calc, descrito na mensagem d warning:

calc($tamanho-do-texto / 2)

Realiza por gentileza um teste e nos diga se deu certo Amanda?

: )

solução!

Bom dia Tudo e você?

Coloquei todos calc(...) e deu certo. Agora essa mensagem é normal?

Change detected - 08/12/2022 06:34:36

_footer.sass

Warning: This selector doesn't have any properties and won't be rendered. ╷ 0 |import styles/abstract/_variaveis.scss |^......................................^ ╵

file:///e:/02_Alura/04%20-%20CSS%20estilos%20-%20Andamento/00%20-%20Pr%C3%A1ticas/03_AluraSpa/styles/componets/_footer.sass:0:0

Compilation Error Error: expected selector. ╷ 1 │ import styles/abstract/variaveis.scss │ ^ ╵ e:\02Alura\04 - CSS estilos - Andamento\00 - Práticas\03_AluraSpa\styles\componets_footer.sass 1:14 @import

e:\02_Alura\04 - CSS estilos - Andamento\00 - Práticas\03_AluraSpa\styles\style.scss 6:9 root stylesheet

Watching...

Watching...

Deu certo footer na aplicação.

Obrigada At.te