Style updates + truthy/falsy content udpate

_layouts/default.html

@@ -19,7 +19,7 @@
     {% include sidebar.html %}
 
     <div class="content__area">
-      <div class="content__list">
+      <div class="content">
         <h1>{{ page.title }}</h1>
         {{ content }}
       </div>

_sass/modules/_base.scss

@@ -87,6 +87,7 @@ h1 {
 h2 {
   font-size: 1.5em;
   text-decoration: underline;
+  margin-top: $spacing-unit;
 }
 
 h3 {

_sass/modules/_buttons.scss

@@ -5,11 +5,12 @@
   padding: $spacing-unit/4 $spacing-unit/2;
   width: 200px;
   border-radius: 4px;
+  text-decoration: none;
 
   &:hover {
     background: $color-blue-4;
-    text-decoration: none;
     cursor: pointer;
+    text-decoration: none;
   }
 }
 

_sass/modules/_layout.scss

@@ -12,7 +12,7 @@ $wrapper-width: 800px;
   width: 100%;
 }
 
-.content__list {
+.content {
   max-width: $wrapper-width;
   margin: 0 auto;
   padding: 0 $spacing-unit;

basics/truthy-and-falsy.md

@@ -4,6 +4,10 @@ title: Truthy and falsy
 
 In programming, anything that returns `true` in a conditional is called **truthy**. Anything that returns `false` in a conditional is called **falsy**. All object types can be described as either truthy or falsy.
 
+- [Truthy](#truthy)
+- [Falsy](#falsy)
+- [Summary](#summary)
+
 ## Truthy
 
 All values in Liquid are truthy except `nil` and `false`.