modify blockquote style

assets/scss/partials/_typography.scss

@@ -72,11 +72,34 @@ ol {
 }
 
 blockquote {
+  &::before {
+    position: absolute;
+    content: '\201C';
+
+    font-size: 6em;
+    font-family: 'Roboto', serif;
+    margin-top: 0.10em;;
+    margin-left: -0.2em;
+    
+    z-index: -1;
+    color: darken($white, 7%);
+  }
+  
   margin-top: $leading;
   margin-bottom: $leading;
   line-height: $leading;
-  color: $darkGrey;
-  font-style: italic;
+  color: $black;
+  
+  cite {
+    &::before {
+      content: "— "
+    }
+    
+    font-style: italic;
+    font-size: .95em;
+    color: $darkGrey;
+  }
+
 }
 
 pre {

exampleSite/content/blog/markdown-syntax.md

@@ -38,6 +38,14 @@ The blockquote element represents content that is quoted from another source, op
 > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use *Markdown syntax* within a blockquote.
 
+#### Blockquote with attribution
+
+> Simplicity is the ultimate sophistication.
+> — <cite>Leonardo da Vinci[^1]</cite>
+
+[^1]: The above quote is often attributed to Leonardo da Vinci but there is no concrete evidence to support this.
+
+
 ## Tables
 
 Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.