Skip to content

yagopeixinho/sass-7-1-pattern

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 

Repository files navigation

Arquitetura SASS para elevar o nível do seu projeto.

IntroduçãoContatoLicença


O Padrão 7-1 do SASS

Imagine esta situação: você precisa urgentemente alterar a cor de um botão que está destoando completamente do design padrão da plataforma. Você abre seu editor de código, localiza o arquivo HTML, procura pelo botão… e, para sua surpresa, percebe que ele não possui nenhuma classe atribuída.

Como pode um elemento não ter classe, mas ainda assim ter um estilo aplicado? Após alguns minutos de busca, você descobre que existe uma pseudoclasse global que afeta todos os botões na plataforma. Após essa descoberta, você cria uma classe orfã exclusivamente para aquele botão ou insere os estilos inline.

Nesse meio tempo, o Brasil poderia muito bem ter sofrido 7 gols da Alemanha novamente e você ainda não finalizou essa mudança. Diferentemente do 7–1 do Brasil X Alemanhã, o Padrão 7–1 do SASS pode ete ajudar a economizar tempo e marcar um golaço na hora de abrir aquele pull request.

Para continuar lendo esse artigo. Clique aqui.

Contato

  • 📬 Me envie um e-mail: peixinhoyago@gmail.com
  • Se você tem alguma dúvida ou quer entrar em contato comigo por qualquer outro motivo, você pode encontrar minhas redes sociais e mais informação sobre mim clicando aqui

Licença

A licença desse repositório e artigo pode ser encontrada no Medium.