SASS/SCSS

Como importar arquivo de CSS em um SASS ou SCSS

4 de fevereiro de 2021

Como importar arquivo de CSS em um SASS ou SCSS

Neste artigo você vai aprender a como importar arquivo de CSS em um SASS ou arquivo de SCSS, utilizando um recurso nativo e simples

importar arquivo de CSS em um SASS capa

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

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x