À 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?
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
Tetris
O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.
Asteroids
O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.
Civilization
A empresa Take-Two pagou à Infogrames mais de 22 milhões de dólares pelos direitos de Civilization, em novembro de 1994. Ainda sobre este título, Sid Meier, um dos seus fundadores, é o profissional da área dos games mais premiado em todo o mundo.
Senhas
Digitar senhas em computadores de uso coletivo é extremamente perigoso, pois além de softwares de monitoramento, existem dispositivos de hardware que podem capturar suas senhas. Evite ao máximo acessar sites de bancos a partir destes computadores. Veja mais aqui.










