add gradient to quote blocks

2024-07-12 15:55:24 +05:00
parent 26d0256f36
commit 1a4d114e42
2 changed files with 26 additions and 1 deletions
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@ -291,3 +291,24 @@ a.wp-block-tiptip-hyperlink-group-block {
    --wp--preset--font-size--xx-large: 38px;
  }
 }
+
+/* styling quote block */
+.wp-block-quote { position: relative; }
+
+.wp-block-quote p {
+  padding-left: 1em;
+  font-size: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+}
+
+.wp-block-quote p::before {
+    content: '';
+    background: var(--wp--preset--gradient--green-to-violet-vertical);
+    width: 16px;
+    height: 100%;
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    left: 0;
+}