À 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
Arquivo grande demais vira gargalo de manutenção.

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”
Partials ajudam a manter o projeto modular e organizado.

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
Variáveis precisam existir antes de serem usadas.

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
Organização é o maior ganho real do SCSS.

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.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

PC com barulho?

Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.

Música tema do Blanka

Até a primeira metade dos anos 90 era bastante comum que as trilhas sonoras dos games fossem criadas por mulheres e a responsável pelas músicas do clássico Street Fighter 2 foi Yoko Shimomura. Segundo ela, o ritmo "Tararirarin" da música tema do personagem Blanka, do Brasil, veio à sua cabeça enquanto ela estava no trem a caminho da Capcom.

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

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.

Final Fantasy

O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.