Pārlūkot izejas kodu

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

_dsgnsystm: Fix text-alignment and padding in pullquote block
Allan Cole 6 gadi atpakaļ
vecāks
revīzija
35dbc77f74

+ 4 - 0
_dsgnsystm/sass/blocks/pullquote/_editor.scss

@@ -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);

+ 11 - 0
_dsgnsystm/sass/blocks/pullquote/_style.scss

@@ -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")};

+ 0 - 2
_dsgnsystm/sass/blocks/utilities/_style.scss

@@ -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

+ 4 - 0
_dsgnsystm/style-editor.css

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

+ 5 - 2
_dsgnsystm/style-rtl.css

@@ -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 {

+ 5 - 2
_dsgnsystm/style.css

@@ -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 {