Browse Source

Professional Business: Update quote block border styles, to work better with the new styles planned for Gutenberg 5.2. See #594.

Laurel Fulford 6 years ago
parent
commit
61843b5656

+ 2 - 1
professional-business/sass/blocks/_blocks.scss

@@ -427,7 +427,8 @@
 
 		&:not(.is-large),
 		&:not(.is-style-large) {
-			border-left: 2px solid $color__link;
+			border-color: $color__link;
+			border-width: 2px;
 			padding-top: 0;
 			padding-bottom: 0;
 		}

+ 2 - 1
professional-business/style-editor.css

@@ -368,7 +368,8 @@ figcaption,
 
 /** === Blockquote === */
 .wp-block-quote:not(.is-large):not(.is-style-large) {
-  border-left: 2px solid #0073aa;
+  border-color: #0073aa;
+  border-width: 2px;
 }
 
 .wp-block-quote.is-large, .wp-block-quote.is-style-large {

+ 2 - 1
professional-business/style-editor.scss

@@ -387,7 +387,8 @@ figcaption,
 .wp-block-quote {
 
 	&:not(.is-large):not(.is-style-large) {
-		border-left: 2px solid $color__link;
+		border-color: $color__link;
+		border-width: 2px;
 	}
 
 	&.is-large,

+ 6 - 1
professional-business/style-rtl.css

@@ -3182,13 +3182,17 @@ body.page .main-navigation {
 }
 
 /* 404 & Not found */
+.error-404.not-found .page-title,
 .error-404.not-found .page-content,
+.no-results.not-found .page-title,
 .no-results.not-found .page-content {
   margin: calc(3 * 1rem) 1rem;
 }
 
 @media only screen and (min-width: 768px) {
+  .error-404.not-found .page-title,
   .error-404.not-found .page-content,
+  .no-results.not-found .page-title,
   .no-results.not-found .page-content {
     margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
   }
@@ -3848,7 +3852,8 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
-  border-right: 2px solid #0073aa;
+  border-color: #0073aa;
+  border-width: 2px;
   padding-top: 0;
   padding-bottom: 0;
 }

+ 2 - 1
professional-business/style.css

@@ -3864,7 +3864,8 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
-  border-left: 2px solid #0073aa;
+  border-color: #0073aa;
+  border-width: 2px;
   padding-top: 0;
   padding-bottom: 0;
 }