add gradient to quote blocks
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Aadil Ayub 2024-07-12 15:55:24 +05:00
parent 26d0256f36
commit 1a4d114e42
2 changed files with 26 additions and 1 deletions

View File

@ -291,3 +291,24 @@ a.wp-block-tiptip-hyperlink-group-block {
--wp--preset--font-size--xx-large: 38px; --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;
}

View File

@ -30,6 +30,11 @@
"gradient": "linear-gradient(0deg, var(--wp--preset--color--bright-light-green) 0%, var(--wp--preset--color--turquoise-green) 20%, var(--wp--preset--color--turquoise-blue) 40%, var(--wp--preset--color--azure) 60%, var(--wp--preset--color--vibrant-blue) 80%, var(--wp--preset--color--violet) 100%);", "gradient": "linear-gradient(0deg, var(--wp--preset--color--bright-light-green) 0%, var(--wp--preset--color--turquoise-green) 20%, var(--wp--preset--color--turquoise-blue) 40%, var(--wp--preset--color--azure) 60%, var(--wp--preset--color--vibrant-blue) 80%, var(--wp--preset--color--violet) 100%);",
"name": "Violet to Bright Green (Vertical)", "name": "Violet to Bright Green (Vertical)",
"slug": "violet-to-green-vertical" "slug": "violet-to-green-vertical"
},
{
"gradient": "linear-gradient(180deg, var(--wp--preset--color--bright-light-green) 0%, var(--wp--preset--color--turquoise-green) 20%, var(--wp--preset--color--turquoise-blue) 40%, var(--wp--preset--color--azure) 60%, var(--wp--preset--color--vibrant-blue) 80%, var(--wp--preset--color--violet) 100%);",
"name": "Bright Green to Violet (Vertical)",
"slug": "green-to-violet-vertical"
} }
], ],
"palette": [ "palette": [
@ -637,7 +642,6 @@
"color": { "color": {
"text": "var(--wp--preset--color--black)" "text": "var(--wp--preset--color--black)"
}, },
"css": ".wp-block-quote p {\n padding-left: 1em;\n border-left: 16px solid #54FF52;\n font-size: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n}",
"elements": { "elements": {
"link": { "link": {
"color": { "color": {