Remove h2 classes to make the styles work in other pages

_basics/types.md

@@ -13,7 +13,7 @@ Liquid objects can have one of six types:
 
 Liquid variables can be initialized by using the [assign](/tags/#assign) or [capture](/tags/#capture) tags.
 
-### String
+## String
 
 Strings are declared by wrapping a variable's value in single or double quotes.
 
@@ -23,7 +23,7 @@ Strings are declared by wrapping a variable's value in single or double quotes.
 {% endraw %}
 {% endhighlight %}
 
-### Number
+## Number
 
 Numbers include floats and integers.
 
@@ -34,7 +34,7 @@ Numbers include floats and integers.
 {% endraw %}
 {% endhighlight %}
 
-### Boolean
+## Boolean
 
 Booleans are either `true` or `false`. No quotations are necessary when declaring a boolean.
 
@@ -45,7 +45,7 @@ Booleans are either `true` or `false`. No quotations are necessary when declarin
 {% endraw %}
 {% endhighlight %}
 
-### Nil
+## Nil
 
 Nil is a special empty value that is returned when Liquid code has no results. It is **not** a string with the characters "nil".
 
@@ -75,7 +75,7 @@ The current user is {{ user.name }}
 The current user is
 {% endraw %}{% endhighlight %}
 
-### Array
+## Array
 
 Arrays hold lists of variables of any type.
 

_sass/modules/_content-area.scss

@@ -1,13 +1,17 @@
-
 .content__item {
   margin-bottom: $spacing-unit * 2;
 
   h3 {
     text-decoration: underline;
   }
-
 }
 
-.content__header {
-font-weight: bold;
+.content__list {
+  h2 {
+    font-weight: bold;
+
+    &:not(:first-child) {
+      margin-top: $spacing-unit * 2;
+    }
+  }
 }

filters/index.html

@@ -3,10 +3,8 @@ layout: default
 ---
 
 {% for doc in site.collections["filters"].docs %}
-  <div id="{{ doc.title }}" class="content__item">
-    <h2 class="content__header">{{ doc.title }}</h2>
-    <div class="content">
-      {{ doc.content }}
-    </div>
+  <h2 id="{{ doc.title | slugify }}">{{ doc.title }}</h2>
+  <div class="content">
+    {{ doc.content }}
   </div>
 {% endfor %}