Criar grades de linha de base na Web usando o Sassline

Uma parte importante do conteúdo on-line é baseada em texto, mas as pessoas não estarão interessadas em ler o texto em seu site, a menos que a tipografia seja bem projetada.

Você pode trabalhar com estruturas personalizadas, mas esses podem se sentir restritivas. Em vez disso, tente Sassline, uma biblioteca livre baseada em Sass para criar linhas de grade perfeitas na Web..

Esta ferramenta gratuita funciona no Sass, por isso você precisa saber o que fazer antes dessa linguagem de pré-processamento. Se você ainda é novo no desenvolvimento da web, é uma boa ideia pratique seu CSS e Sass antes de pegar Sassline.

Mas uma vez que você aprende, você nunca mais projetará os layouts da mesma maneira.

Usa rem unidades para criar linhas de base personalizadas que se ajustam ao seu texto no quadro. Isso inclui todos os seus cabeçalhos, parágrafos, blockquotes, tudo.

E o Sassline vem com pontos de interrupção responsivos para que você possa ajustar automaticamente o tamanho do texto (e a altura da linha) com base na grade do Sassline. Isso depende de mixins Sass que exigem experiência Sass se você quiser trabalhar com eles.

É por isso que eu especificamente recomendo esta ferramenta para desenvolvedores web experientes procurando melhorar seu fluxo de trabalho.

A página de demonstração oferece um exemplo bastante claro de como essa grade de linha de base funciona, incluindo itens de lista, citações de solicitação e vários tamanhos de cabeçalho.

Além disso, você pode adicionar isso em frameworks front-end como o Bootstrap, se você estiver disposto a fazer pequenos ajustes no seu código. o toda biblioteca Sassline é super versátil e deve ser um grampo para os amantes Sass em todos os lugares.

Para começar, visite o repositório principal do GitHub e faça o download de uma cópia dos arquivos de origem.

Você também encontrará instruções de configuração e um link para esta postagem incrível no blog, guiando-o pelo recurso da biblioteca Sassline por recurso.