Maintenant que nous avons une zone d'articles de blog avec laquelle travailler, nous pouvons vraiment entrer dans la typographie des articles de blog. Sans doute la typographie la plus importante sur le site, car c'est l'endroit où le lecteur passera le plus de temps à la regarder.
Nous commençons par penser aux balises d'en-tête et à leur dimensionnement. Ensuite, nous stylisons l' élément, qui sera omniprésent sur tout le site.
Nous nous rappelons que vous ne faites jamais d'espaces de lettres en minuscules, oui nous volons des moutons.
Nous ajoutons une autre couleur importante à notre fichier bits.scss $blue, qui sera utilisé pour les liens sur tout le site. Nous expérimentons avec un autre style de lien mais finissons par ne pas le faire. Les états hover / focus / active sont obtenus en utilisant simplement la Darken()fonction Sass.
Nous augmentons la taille de la police du premier paragraphe de l'article. C'est juste stylistiquement cool, mais c'est aussi un peu une astuce psychologique pour amener les gens à lire et à s'intéresser à l'article. C'est aussi un truc pour moi en tant qu'écrivain. Je sais que ce paragraphe va être super gros alors je ferais mieux de le rendre bon!
Ce premier paragraphe pourrait être un peu fragile. Par exemple, nous avons mis un espace réservé pour une future annonce Google AdSense, qui brise ensuite le sélecteur. Nous allons le réparer!