Essa é a parte dois do meu aprendizado com o pré-processador SASS, se você não viu a parte 1 ela se encontra aqui . Quero falar de uma propriedade muito da show de bola pra quem escreve um CSS organizado: @extend. Para usar o @extend é super simples, só coloar @extend seletor . Se for uma classe ficaria @extend .classe, e se for uma id ficaria @extend #id. Ela é colocada dentro de um seletor qualquer e copia todas as propriedades de outro seletor escolhido para o que ela está dentro. Parece ser um crtl + c, crtl + v automátizado. Pra nós que estamos escrevendo é, mas o resultado final do CSS não fica como se o código tivesse sido copiado no outro seletor e sim o seletor original que foi selecionado recebe outro seletor, o seletor que a função do SASS extend foi colocado. Complicou um pouco agora neh? Bom, isso são só aspectos técnicos mesmo, que só é preciso saber se der algo errado. Vamos para o que interessa: Temos o código original que ...
Aqui eu, Matheus Beltrão, compartilharei alguns dos textos e das reflexões que faço na vida rotineira. Aventure-se! Entre na minha cabeça e descubra as maravilhas que lá se encontram. Boa sorte e divirta-se.