@happeouikit/content-renderer 3.2.28 → 3.3.1

package/dist/index.es.js

@@ -5530,7 +5530,27 @@ const ui = ii(), si = new RegExp(tt, "gi"), di = new RegExp(
       }
     }
   }
+
+  blockquote {
+    border-left: solid 4px var(--color-active-primary);
+    margin-left: 0;
+    padding-left: var(--space-md-minus);
+
+    blockquote {
+      border-color: var(--color-active-darken10);
+
+      blockquote {
+        border-color: var(--color-active-darken20);
+      }
+    }
+
+    p {
+      text-align: unset !important; // override some old code that makes it centered
+      margin: 0 auto;
+    }
+  }
     
+  // everything-except-pages CSS
   ${({ widgetType: e, inheritBrandingStyles: i }) => e === "page" ? "" : _r`
     * {
       font-family: ${da};
@@ -5697,18 +5717,9 @@ const ui = ii(), si = new RegExp(tt, "gi"), di = new RegExp(
       font-size: 40px;
       line-height: 1.2;
     }
-    
-    blockquote {
-      border-top: 2px solid var(--color-divider);
-      border-bottom: 2px solid var(--color-divider);
-      font-size: 18px;
-      padding: var(--space-lg) var(--space-xxxl);
-      position: relative;
-      text-align: center;
-      margin: var(--space-xxxl) 0;
-    }
   `}
 
+  // article-only CSS
   ${({ widgetType: e, inheritBrandingStyles: i }) => e === "article" && _r`
       h1 {
         font-family: ${i ? "var(--channels-h1-font-family, revert)" : "revert"};
@@ -5899,20 +5910,6 @@ const ui = ii(), si = new RegExp(tt, "gi"), di = new RegExp(
         }
       }
 
-      blockquote {
-        border-left: 0 !important;
-        padding-left: 0 !important;
-        margin: 0 !important;
-        color: inherit !important;
-
-        p {
-          line-height: 30px;
-          font-size: 26px;
-          text-align: center;
-          margin: 0 auto;
-        }
-      }
-
       .content-attachments {
         width: 100%;
       }