Paso 20: Encabezados correctos

Todos los blogs cuenta con una organización mediante esquema por niveles y que Blogger, en relación a nuestro propio blog, los lleva a cabo de la siguiente forma:

1. El nivel superior será el propio título de la bitácora.

.Header h1 {

  font: $(header.font);

  color: $(header.text.color);

  text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);

2. El segundo nivel sería cada uno de los días en los que colocamos «posts».

/* Headings

----------------------------------------------- */

h2 {

  margin: 0 0 1em 0;

  font: $(widget.title.font);

  color: $(widget.title.text.color);

  text-transform: uppercase;

3. El tercer nivel lo ocuparía el título de cada uno de los «post» de cada día y el cuarto nivel estaría la sección de «comentarios» para cada «post», que aparecen de forma conjunta en la plantilla:

<Group description="Post Title" selector="h3.post-title, .comments h4">

     <Variable name="post.title.font" description="Font" type="font"

         default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>