Merge pull request #1092 from Automattic/fix/_dsgnsystm-issue-1087

_dsgnsystm: Fix text-alignment and padding in pullquote block
This commit is contained in:
Allan Cole 2019-07-18 18:08:04 -04:00 committed by GitHub
commit 35dbc77f74
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 29 additions and 6 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

@ -8,7 +8,6 @@
margin-right: #{map-deep-get($config-global, "spacing", "horizontal")};
margin-top: 0;
margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
max-width: 50%;
}
.aligncenter {
@ -24,7 +23,6 @@
margin-left: #{map-deep-get($config-global, "spacing", "horizontal")};
margin-top: 0;
margin-bottom: #{map-deep-get($config-global, "spacing", "vertical")};
max-width: 50%;
}
// Alignwide & Alignfull

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

@ -1594,12 +1594,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;
@ -1765,7 +1770,6 @@ table th,
margin-right: 16px;
margin-top: 0;
margin-bottom: 32px;
max-width: 50%;
}
.aligncenter {
@ -1779,7 +1783,6 @@ table th,
margin-left: 16px;
margin-top: 0;
margin-bottom: 32px;
max-width: 50%;
}
.entry-content > .alignwide {

View file

@ -1594,12 +1594,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;
@ -1768,7 +1773,6 @@ table th,
margin-right: 16px;
margin-top: 0;
margin-bottom: 32px;
max-width: 50%;
}
.aligncenter {
@ -1784,7 +1788,6 @@ table th,
margin-left: 16px;
margin-top: 0;
margin-bottom: 32px;
max-width: 50%;
}
.entry-content > .alignwide {