Add styling for blockquote

Fixes #12

Author: allejo

_sass/base/_blockquote.scss

@@ -0,0 +1,19 @@
+blockquote {
+    @include themer(border-bottom-color, (
+        'dark': $site-ui-border-color-dark,
+        'light': $site-ui-border-color-light,
+    ));
+
+    @include themer(color, (
+        'dark': rgba($color-dark, 60%),
+        'light': rgba($color-light, 60%),
+    ));
+
+    border-left-style: solid;
+    border-left-width: 4px;
+    padding: 0.5rem 1.25rem;
+
+    *:last-child {
+        margin-bottom: 0;
+    }
+}

assets/css/styles.scss

@@ -25,6 +25,7 @@ $site-ui-masthead-color-light: {{ site.ui.masthead.color.light | default: '#fff'
 // Base Styles
 @import 'base/anchor';
 @import 'base/body';
+@import 'base/blockquote';
 @import 'base/scope-markdown';
 
 // Components

index.md

@@ -7,6 +7,10 @@ description: If mediocrity had a Jekyll theme...
 
 A Jekyll theme inspired by Bootstrap's official documentation theme from a few years back. This theme started off by stealing all of Bootstrap Docs' CSS and being used in [mistic100's theme](https://github.com/mistic100/jekyll-bootstrap-doc). This theme has since be rewritten from scratch and remains solely inspired by the original design.
 
+> I've never seen a more mediocre theme it actually hurts my insides.
+>
+> ~ _Anonymous_, 2020
+
 This theme is designed for writing documentation websites instead of having large unmaintainable README files or several markdown files inside of a folder in a repository.
 
 <div class="row">