À 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?
PDP-1
O primeiro computador a conseguir rodar o jogo Spacewar era o PDP-1, que custava 120 mil dólares e pertencia ao Massachusetts Institute of Technology. O jogo demorou 200 horas para ser desenvolvido, em 1962, e seu criador foi um cientista da computação chamado Steve Russel.
Tetris
Desde o seu lançamento, em 1985, o fantástico jogo Tetris vende pelo menos 70 milhões de unidades por ano em todo o mundo! Os dados são oficiais e fornecidos pela THQ, uma das distribuidoras do título.
Cuidados com o notebook
Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais 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.
Duck Hunt
Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".










