Added BlockQuote CSS rules

Signed-off-by: Steve Scargall <[email protected]>

Author: sscargal

themes/memmachine/assets/css/styles.css

@@ -2028,3 +2028,34 @@ footer p {
 .blog-text table td strong {
   color: #27B2E4; /* accent for important values */
 }
+
+/* ======================================
+ *  Blockquotes
+/* ====================================== */
+
+.blog-content blockquote,
+.blog-text blockquote {
+  position: relative;
+  margin: 2rem 0 2rem 0;
+  padding: 1.25rem 2rem;
+  background: #23293A;
+  border-left: 4px solid #27B2E4;
+  color: #C7D2FE;
+  font-style: italic;
+  box-shadow: 0 2px 8px rgba(27,26,39,0.035);
+  border-radius: 8px;
+}
+
+.blog-content blockquote::before,
+.blog-text blockquote::before {
+  content: "“";
+  position: absolute;
+  left: 12px;
+  top: 8px;
+  font-size: 3.5rem;
+  color: #27B2E4;
+  opacity: 0.16;
+  font-family: serif;
+  line-height: 1;
+  pointer-events: none;
+}