Ora che abbiamo un'area di post sul blog con cui lavorare, possiamo davvero entrare nella tipografia dei post sul blog. Probabilmente la tipografia più importante del sito in quanto è il luogo in cui un lettore trascorrerà la maggior parte del tempo a guardare.
Iniziamo pensando ai tag di intestazione e al loro dimensionamento. Quindi modelliamo l' elemento, che sarà onnipresente in tutto il sito.
Ricordiamo a noi stessi che non hai mai lettere minuscole con spazio tra lettere, ma rubavamo pecore.
Aggiungiamo un altro colore importante al nostro file bits.scss $blue
, che verrà utilizzato per i collegamenti in tutto il sito. Sperimentiamo con qualche altro stile di collegamento ma finiamo per non farlo. Gli stati hover / focus / active si ottengono usando semplicemente la Darken()
funzione Sass.
Aumentiamo la dimensione del carattere del primo paragrafo dell'articolo. Questo è solo stilisticamente interessante, ma è anche un po 'un trucco psicologico per convincere le persone a leggere e interessare l'articolo. È anche un trucco per me come scrittore. So che il paragrafo sarà molto grande, quindi è meglio che lo faccia bene!
Questa cosa del primo paragrafo potrebbe essere un po 'fragile. Ad esempio, inseriamo un segnaposto per un futuro annuncio Google AdSense, che quindi interrompe il selettore. Lo aggiusteremo però!