Nu we een blogpostgebied hebben om mee te werken, kunnen we echt in de typografie van blogposts komen. Misschien wel de belangrijkste typografie op de site, want het is de plek waar een lezer de meeste tijd naar zal kijken.
We beginnen met na te denken over header-tags en hun afmetingen. Vervolgens stylen we het element, dat overal op de site zal voorkomen.
We herinneren ons eraan dat je nooit kleine letters met spatie tussen letters moet maken, want we stelen schapen.
We voegen nog een belangrijke kleur toe aan ons bits.scss-bestand $blue, dat zal worden gebruikt voor links op de hele site. We experimenteren met een andere linkstyling, maar gaan er uiteindelijk niet voor. De hover / focus / active statussen worden bereikt door alleen de Darken()functie Sass te gebruiken.
We botsen de lettergrootte van de eerste alinea van het artikel op. Dit is gewoon stilistisch cool, maar het is ook een beetje een psychologische truc om mensen het artikel te laten lezen en interesseren. Het is ook een truc voor mezelf als schrijver. Ik weet dat die alinea supergroot gaat worden, dus ik kan hem maar beter goed maken!
Dit eerste alinea-ding is misschien een beetje kwetsbaar. We plaatsen bijvoorbeeld een tijdelijke aanduiding voor een toekomstige Google AdSense-advertentie, waardoor de selector wordt verbroken. We lossen het wel op!