Agora que temos uma área de postagem de blog para trabalhar, podemos realmente entrar na tipografia de postagem de blog. Provavelmente a tipografia mais importante no site, pois é o lugar que o leitor passará mais tempo olhando.
Começamos pensando sobre tags de cabeçalho e seu tamanho. Em seguida, definimos o estilo do elemento, que será onipresente em todo o site.
Nós nos lembramos de que você nunca deve espaçar letras minúsculas, senão roubamos ovelhas.
Adicionamos outra cor importante ao nosso arquivo bits.scss $blue
, que será usado para links em todo o site. Experimentamos algum outro estilo de link, mas acabamos não dando certo. Os estados hover / focus / active são alcançados usando apenas a Darken()
função Sass.
Aumentamos o tamanho da fonte do primeiro parágrafo do artigo. Isso é estilisticamente legal, mas também é um truque psicológico para fazer as pessoas lerem e se interessarem pelo artigo. Também é um truque para mim como escritor. Eu sei que esse parágrafo vai ser super grande, então é melhor eu torná-lo bom!
Esse primeiro parágrafo pode ser um pouco frágil. Por exemplo, colocamos um espaço reservado para um futuro anúncio do Google AdSense, que quebra o seletor. Vamos consertar isso!