blockquote style

StampyAI · Jan 5, 2025 · eb93872 · eb93872
1 parent ae8dff6
commit eb93872
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/app/components/Article/article.css b/app/components/Article/article.css
@@ -193,6 +193,21 @@ article .banner h3 .title {
   padding-left: 10px;
 }
 
+article blockquote {
+  border-left: 4px solid var(--colors-teal-500);
+  background: var(--colors-teal-50);
+  padding: var(--spacing-16) var(--spacing-32);
+  border-radius: 0 var(--border-radius) var(--border-radius) 0;
+}
+
+article blockquote ~ blockquote {
+  padding-top: 0;
+}
+
+article blockquote ~ p {
+  padding-top: var(--spacing-32);
+}
+
 .footer-comtainer .edited-container {
   display: flex;
   align-items: center;