Ahora que tenemos un área de publicación de blog con la que trabajar, realmente podemos entrar en la tipografía de publicación de blog. Podría decirse que es la tipografía más importante del sitio, ya que es el lugar donde el lector pasará la mayor parte del tiempo mirando.
Empezamos pensando en las etiquetas de encabezado y su tamaño. Luego, diseñamos el elemento, que será omnipresente en todo el sitio.
Nos recordamos a nosotros mismos que nunca usas letras minúsculas con espacios entre letras, sí, robamos ovejas.
Agregamos otro color importante a nuestro archivo bits.scss $blue, que se utilizará para los enlaces en todo el sitio. Experimentamos con algún otro estilo de enlace, pero al final no lo conseguimos. Los estados hover / focus / active se logran simplemente usando la Darken()función Sass.
Aumentamos el tamaño de fuente del primer párrafo del artículo. Esto es estilísticamente genial, pero también es un truco psicológico para que la gente lea y se interese en el artículo. También es un truco para mí como escritor. Sé que ese párrafo va a ser muy grande, ¡así que mejor lo hago bien!
Esta cosa del primer párrafo puede ser un poco frágil. Por ejemplo, colocamos un marcador de posición para un futuro anuncio de Google AdSense, que luego rompe el selector. ¡Aunque lo arreglaremos!