Neste artigo você vai aprender a como importar arquivo de CSS em um SASS ou arquivo de SCSS, utilizando um recurso nativo e simples
Fala programador(a), beleza? Bora aprender mais sobre importação de arquivos em SASS e SCSS
A importação de arquivos de CSS funciona da mesma maneira dos arquivos de SASS ou SCSS
Podemos fazer com a diretiva @import
Veja um exemplo prático de importação:
@import 'dir/file.css'
No exemplo acima importamos o arquivo file.css que fica na pasta dir
Podemos especificar o caminho relativo do arquivo atual até o arquivo destino, e tudo isso deve ser feito entre aspas
Após esta instrução de importação os estilos de CSS que estão no arquivo importado já entrarão em vigor no projeto em que você fez a importação
Lembrando também que esta instrução serve para importar arquivos .scss e também .sass
Dependendo de qual abordagem você está utilizando no seu projeto
Conclusão
Neste artigo você aprendeu a como importar arquivo de CSS em um SASS
Você vai utilizar a instrução @import, que funciona tanto em SCSS quanto em SASS
Ela importa um determinado arquivo ao arquivo em que você está fazendo a importação
Desta maneira você pode aproveitar os estilos nele escritos
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube