À medida que um projeto cresce, um único arquivo CSS (ou SCSS) fica difícil de manter.
O SCSS resolve isso permitindo dividir o código em arquivos menores e organizados, sem perder performance.
O problema do arquivo único
Em projetos reais, um único arquivo costuma ter:
- Centenas (ou milhares) de linhas
- Estilos misturados
- Dificuldade de encontrar coisas
O que são partials?
Partials são arquivos SCSS menores, criados para organizar o código por responsabilidade.
Eles são identificados pelo uso do caractere _ no início do nome do arquivo.
_variables.scss _buttons.scss _cards.scss Esses arquivos não geram CSS sozinhos — eles existem apenas para serem importados.
Por que usar o underscore (_)?
O underscore indica ao compilador:
- “Este arquivo é parcial”
- “Não gere um CSS separado”
Estrutura comum de pastas SCSS
Uma organização simples e muito usada:
scss/ ├── _variables.scss ├── _base.scss ├── _buttons.scss ├── _cards.scss └── style.scss Cada arquivo tem uma responsabilidade clara.
O arquivo principal (entry point)
O arquivo principal (ex: style.scss) é o ponto de entrada.
É nele que importamos todos os partials:
@import "variables"; @import "base"; @import "buttons"; @import "cards"; Note que:
- Não usamos o
_ - Não usamos a extensão
.scss
Ordem de importação importa
A ordem dos imports influencia o resultado final.
Boa prática:
- Variáveis primeiro
- Estilos base depois
- Componentes por último
Separando por responsabilidade
Um bom critério para criar partials:
- Base → reset, body, tipografia
- Componentes → botões, cards, formulários
- Layout → header, footer, grid
Evite dividir por “página”. Prefira dividir por componente.
Resultado final
Mesmo com vários arquivos SCSS:
- O navegador recebe apenas um CSS
- Sem impacto negativo de performance
- Com organização total no desenvolvimento
SCSS como base para crescimento
Essa estrutura permite:
- Trabalho em equipe
- Manutenção mais rápida
- Evolução segura do projeto
É exatamente assim que projetos profissionais funcionam.
💾🧠 Resumo da aula para nunca mais esquecer
- Partials dividem o SCSS em arquivos menores
- Arquivos parciais começam com
_ - Um arquivo principal importa todos os outros
- A ordem dos imports é importante
- Organizar por componente facilita manutenção
Na próxima aula, vamos aprender a evitar repetição de código com mixins e reaproveitamento 🌿♻️
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
Você Sabia?
ENIAC
O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.
Máquina de Pascal
A Máquina de Pascal, criada em 1642 pelo filósofo, físico e matemático francês Blaise Pascal, é reconhecida como o primeiro computador do mundo e ele foi criado com o objetivo de calcular impostos. Saiba mais.
Ultima Online
Criar um jogo é muito mais complexo do que parece. São milhares, às vezes, milhões de linhas de código. Isso não é exagero! Apenas o jogo Ultima Online possui 6.006.313 linhas de programação, totalizando 25.103.295 palavras
Space Invaders
O título Space Invaders, lançado em 1980, fez tanto sucesso em todo o mundo que as pessoas compravam o console Atari apenas para poderem jogá-lo em casa. Saiba mais sobre este incrível título clicando aqui.
Mario em Donkey Kong
O personagem Mario surgiu pela primeira vez no mundo dos games em um jogo chamado Donkey Kong, lançado em 1981. Mario, que naquela época se chamava Jumpman, não era o personagem principal do jogo, mas ele se tornaria um dos mais famosos personagens do mundo dos games. Saiba mais.










