Início » Escreva media queries simples, elegantes e sustentáveis com Sass

Escreva media queries simples, elegantes e sustentáveis com Sass

Passei alguns meses experimentando abordagens diferentes para escrever media queries simples, elegantes e sustentáveis com Sass. Cada solução tinha algo de que eu realmente gostava, mas não conseguia encontrar uma que englobasse tudo que eu precisava fazer, então eu me aventurei em criar a minha própria: conheça include-media.

Comecei com esta lista básica de requisitos:

  • Declaração dinâmica de breakpoints: Eu não queria ter qualquer breakpoint hardcoded no meu mixin. Mesmo que eu possa usar telefone, tablet e desktop na maioria dos meus sites, talvez precise adicionar phablet, pequeno tablet ou grande-desktop à minha lista, dependendo do projeto. Como alternativa, eu poderia querer adotar uma abordagem diferente e ter os breakpoints orientados ao conteúdo, então eu poderia ter bp-small, bp-medium, bp-wide, e assim por diante. Para lidar com tudo isso corretamente, eu queria uma maneira simples de declarar os breakpoints que preciso em algum lugar do código (de preferênc
Ver Notícia Completa

Como fazer

Informações úteis para o seu dia a dia.

Versículo do Dia:
Porque andamos por fé, e não por vista.
(2 Coríntios 5:7)
Bíblia Online