Fix text-alignment and padding in pullquote block

This commit is contained in:
Allan Cole 2019-07-18 13:18:23 -04:00
parent f046edf2d2
commit e90a7c4925
5 changed files with 29 additions and 0 deletions

View file

@ -10,6 +10,10 @@
border-bottom-width: #{map-deep-get($config-pullquote, "border", "width")};
color: #{map-deep-get($config-global, "color", "foreground", "default")};
blockquote {
padding-left: 0;
}
p {
font-family: #{map-deep-get($config-pullquote, "font", "family")};
font-size: (strip-unit(map-deep-get($config-heading, "font", "size", "h4")) + 0em);

View file

@ -27,6 +27,7 @@
color: #{map-deep-get($config-global, "color", "foreground", "light")};
font-size: #{map-deep-get($config-global, "font", "size", "sm")};
letter-spacing: #{map-deep-get($config-global, "font", "letter-spacing", "sm")};
display: block;
}
/**
@ -36,6 +37,16 @@
background: none;
}
&.is-style-default {
&.alignleft,
&.aligncenter,
&.alignright {
blockquote > * {
text-align: center;
}
}
}
&.is-style-solid-color {
background-color: #{map-deep-get($config-pullquote, "color", "background")};

View file

@ -409,6 +409,10 @@ object {
*/
}
.wp-block-pullquote blockquote {
padding-left: 0;
}
.wp-block-pullquote p {
font-family: sans-serif;
font-size: 1.728em;

View file

@ -1593,12 +1593,17 @@ p.has-background {
color: #767676;
font-size: 0.83333rem;
letter-spacing: normal;
display: block;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.is-style-default.alignleft blockquote > *, .wp-block-pullquote.is-style-default.aligncenter blockquote > *, .wp-block-pullquote.is-style-default.alignright blockquote > * {
text-align: center;
}
.wp-block-pullquote.is-style-solid-color {
background-color: blue;
color: white;

View file

@ -1593,12 +1593,17 @@ p.has-background {
color: #767676;
font-size: 0.83333rem;
letter-spacing: normal;
display: block;
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none;
}
.wp-block-pullquote.is-style-default.alignleft blockquote > *, .wp-block-pullquote.is-style-default.aligncenter blockquote > *, .wp-block-pullquote.is-style-default.alignright blockquote > * {
text-align: center;
}
.wp-block-pullquote.is-style-solid-color {
background-color: blue;
color: white;