add gradient to quote blocks
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
26d0256f36
commit
1a4d114e42
@ -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;
|
||||
}
|
||||
|
@ -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%);",
|
||||
"name": "Violet to Bright 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": [
|
||||
@ -637,7 +642,6 @@
|
||||
"color": {
|
||||
"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": {
|
||||
"link": {
|
||||
"color": {
|
||||
|
Loading…
Reference in New Issue
Block a user