1 files changed, 78 insertions, 86 deletions
diff --git a/assets/_shortcodes.scss b/assets/_shortcodes.scss
index 7d2c747..6a64ec4 100644
--- a/assets/_shortcodes.scss
+++ b/assets/_shortcodes.scss
@@ -1,109 +1,101 @@
-.markdown-inner {
-  // Util class to remove extra margin in nested markdown content
-  > :first-child {
-    margin-top: 0;
-  }
-  > :last-child {
-    margin-bottom: 0;
-  }
-}
+.markdown {
+  // {{< expand "Label" "icon" >}}
+  .book-expand {
+    margin-top: $padding-16;
+    margin-bottom: $padding-16;
 
-// {{< expand "Label" "icon" >}}
-.book-expand {
-  margin-top: $padding-16;
-  margin-bottom: $padding-16;
+    border: $padding-1 solid $gray-200;
+    border-radius: $border-radius;
 
-  border: $padding-1 solid $gray-200;
-  border-radius: $border-radius;
+    overflow: hidden;
 
-  overflow: hidden;
+    .book-expand-head {
+      background: $gray-100;
+      padding: $padding-8 $padding-16;
+      cursor: pointer;
+    }
 
-  .book-expand-head {
-    background: $gray-100;
-    padding: $padding-8 $padding-16;
-    cursor: pointer;
-  }
+    .book-expand-content {
+      display: none;
+      padding: $padding-16;
+    }
 
-  .book-expand-content {
-    display: none;
-    padding: $padding-16;
+    input[type="checkbox"]:checked + .book-expand-content {
+      display: block;
+    }
   }
 
-  input[type="checkbox"]:checked + .book-expand-content {
-    display: block;
-  }
-}
+  // {{< tabs >}}
+  .book-tabs {
+    margin-top: $padding-16;
+    margin-bottom: $padding-16;
 
-// {{< tabs >}}
-.book-tabs {
-  margin-top: $padding-16;
-  margin-bottom: $padding-16;
+    border: $padding-1 solid $gray-200;
+    border-radius: $border-radius;
 
-  border: $padding-1 solid $gray-200;
-  border-radius: $border-radius;
+    overflow: hidden;
 
-  overflow: hidden;
+    display: flex;
+    flex-wrap: wrap;
 
-  display: flex;
-  flex-wrap: wrap;
+    label {
+      display: inline-block;
+      padding: $padding-8 $padding-16;
+      border-bottom: $padding-1 transparent;
+      cursor: pointer;
+    }
 
-  label {
-    display: inline-block;
-    padding: $padding-8 $padding-16;
-    border-bottom: $padding-1 transparent;
-    cursor: pointer;
-  }
+    .book-tabs-content {
+      order: 999; //Move content blocks to the end
+      width: 100%;
+      border-top: $padding-1 solid $gray-100;
+      padding: $padding-16;
+      display: none;
+    }
 
-  .book-tabs-content {
-    order: 999; //Move content blocks to the end
-    width: 100%;
-    border-top: $padding-1 solid $gray-100;
-    padding: $padding-16;
-    display: none;
+    input[type="radio"]:checked + label {
+      border-bottom: $padding-1 solid $color-link;
+    }
+    input[type="radio"]:checked + label + .book-tabs-content {
+      display: block;
+    }
   }
 
-  input[type="radio"]:checked + label {
-    border-bottom: $padding-1 solid $color-link;
-  }
-  input[type="radio"]:checked + label + .book-tabs-content {
-    display: block;
-  }
-}
+  // {{< columns >}}
+  .book-columns {
+    margin-left: -$padding-16;
+    margin-right: -$padding-16;
 
-// {{< columns >}}
-.book-columns {
-  margin-left: -$padding-16;
-  margin-right: -$padding-16;
+    > div {
+      margin: $padding-16 0;
+      min-width: $body-min-width / 2;
+      padding: 0 $padding-16;
+    }
+  }
 
-  > div {
-    margin: $padding-16 0;
-    min-width: $body-min-width / 2;
+  // {{< button >}}
+  a.book-btn {
+    display: inline-block;
+    font-size: $font-size-14;
+    color: $color-link;
+    line-height: $padding-16 * 2;
     padding: 0 $padding-16;
-  }
-}
+    border: $padding-1 solid $color-link;
+    border-radius: $border-radius;
+    cursor: pointer;
 
-// {{< button >}}
-a.book-btn {
-  display: inline-block;
-  font-size: $font-size-14;
-  color: $color-link;
-  line-height: $padding-16 * 2;
-  padding: 0 $padding-16;
-  border: $padding-1 solid $color-link;
-  border-radius: $border-radius;
-  cursor: pointer;
-
-  &:hover {
-    text-decoration: none;
+    &:hover {
+      text-decoration: none;
+    }
   }
-}
 
-// {{< hint >}}
-.book-hint {
-  @each $name, $color in $hint-colors {
-    &.#{$name} {
-      border-left-color: $color;
-      background-color: rgba($color, 0.1);
+  // {{< hint >}}
+  .book-hint {
+    @each $name, $color in $hint-colors {
+      &.#{$name} {
+        border-left-color: $color;
+        background-color: rgba($color, 0.1);
+      }
     }
-  };
+  }
 }