Improved category name for reading optimisation

Signed-off-by: Jim Martens <github@2martens.de>

_assets/css/critical.scss

@@ -125,7 +125,7 @@ ul.list-unstyled li {
 
 // limit width of article to optimise reading experience
 @include media-breakpoint-up(md) {
-  article, .index, .category {
+  .reading-optimised {
     width: 550px;
     margin-left: auto;
     margin-right: auto;

_layouts/categories.html

@@ -2,6 +2,7 @@
 layout: default
 ---
 
+<div class="reading-optimised">
     {{ content }}
     <ul class="post-list list-unstyled">
         {% assign categories = page.categories | split:',' %}
@@ -28,3 +29,4 @@ layout: default
         </li>
         {% endfor %}
     </ul>
+</div>

_layouts/category.html

@@ -1,7 +1,8 @@
 ---
 layout: default
 ---
-<div class="category">
+
+<div class="reading-optimised">
     {{ content }}
     <ul class="post-list list-unstyled">
         {% for post in site.categories[page.category] %}

_layouts/page.html

@@ -1,7 +1,8 @@
 ---
 layout: default
 ---
-<article class="post">
+
+<article class="post reading-optimised">
 
   <header class="post-header">
     <h1 class="post-title">{{ page.title }}</h1>

_layouts/post.html

@@ -1,12 +1,13 @@
 ---
 layout: default
 ---
+
 {% if page.date_modified %}
 {% assign modified = page.date_modified %}
 {% else %}
 {% assign modified = page.date %}
 {% endif %}
-<article class="post" itemscope itemtype="http://schema.org/BlogPosting">
+<article class="post reading-optimised" itemscope itemtype="http://schema.org/BlogPosting">
 
     <header class="post-header">
         <h1 class="post-title" itemprop="name headline">{{ page.title }}</h1>