Este projeto foi desenvolvido como parte do curso "SASS e SCSS do básico ao avançado + Projetos" com o objetivo de dominar o SASS e aprimorar as habilidades de estruturação de projetos de forma mais profissional e expansiva.
O projeto consiste em um site estático utilizando apenas HTML e SASS (Syntactically Awesome Style Sheets), uma extensão do CSS que adiciona recursos e flexibilidade ao processo de estilização. O foco do projeto é aplicar os conceitos aprendidos no curso de SASS e demonstrar a organização e reutilização de estilos através das funcionalidades avançadas do SASS.
- Utilização do pré-processador SASS para estilização do site
- Organização dos estilos em módulos e variáveis para uma manutenção mais fácil e escalável
- Aninhamento de seletores para escrever código mais limpo e legível
- Uso de mixins para reutilização de estilos
- Importação de arquivos SASS para dividir o código em partes menores
- Compilação do código SASS para CSS
- SASS
- HTML
Compile o arquivo principal do SASS para CSS: sass sass/style.sass css/style.css
Após a compilação do SASS, você pode visualizar o site estático no seu navegador, abrindo o arquivo index.html
.
Espero que este projeto ajude você a aprimorar suas habilidades em SASS e estruturação de projetos de forma profissional e expansiva. Se tiver alguma dúvida ou feedback, sinta-se à vontade para entrar em contato comigo.
Boa sorte com os seus futuros projetos em SASS e HTML!