@happeouikit/content-renderer 3.2.28 → 3.3.1

package/dist/index.cjs.js

@@ -358,7 +358,27 @@
       }
     }
   }
+
+  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"?"":ye.css`
     * {
       font-family: ${ut.sansFamily};
@@ -525,18 +545,9 @@
       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"&&ye.css`
       h1 {
         font-family: ${i?"var(--channels-h1-font-family, revert)":"revert"};
@@ -727,20 +738,6 @@
         }
       }
 
-      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%;
       }