Solucionado
Olá.
Até o momento no curso estamos desenvolvendo o CSS utilizando arquivos com a extensão .scss e não .sass.
Nas primeiras aulas do curso foi feita uma tabela comparativa entre o SCSS e o SASS, mas não lembro de ter sido informado o motivo para escolher criar arquivos com a extensão .scss. Por favor, poderiam informar se existe alguma vantagem? Como faço para decidir entre criar um arquivo .scss ou .sass?
Obrigado.
hoje, com a Alura e o Google Gemini
Olá Matheus, tudo bem?
Ambas as extensões de arquivos são o pré-processador SASS, a única diferença entre o .scss e .sass é exclusivamente a sintaxe. É comum aprender Sass com a extensão .scss, pois sua sintaxe é muito parecida com o CSS, trazendo mais familiaridade e quebrando possíveis barreiras iniciais.
Veja um exemplo de diferença entre sintaxes:
// _base.sass
$font-stack: Helvetica, sans-serif
$primary-color: #333
body
font: 100% $font-stack
color: $primary-color// _base.scss
$font-stack: Helvetica, sans-serif;
$primary-color: #333;
body {
font: 100% $font-stack;
color: $primary-color;
}Enquanto que .scss utiliza {} e ;, o .sass não utiliza.
Você pode ficar a vontade para utilizar a extensão da sua preferência, mas não há diferença de performance ou desempenho entre elas.
Espero ter ajudado, abraços!