Browse Source

Brompton: Recompile editor styles with the latest varia changes

- Add `.background-dim` support
- Fix Button color selector specificity
- Add table block support
- Clean up cover block styles
- Clean up utility styles
Allan Cole 5 years ago
parent
commit
8885211ab4
1 changed files with 32 additions and 16 deletions
  1. 32 16
      brompton/style-editor.css

+ 32 - 16
brompton/style-editor.css

@@ -544,7 +544,6 @@ object {
 
 
 .wp-block-button__link.is-style-outline,
 .wp-block-button__link.is-style-outline,
 .is-style-outline .wp-block-button__link {
 .is-style-outline .wp-block-button__link {
-	color: #252E36;
 	background: transparent;
 	background: transparent;
 	border: 2px solid currentcolor;
 	border: 2px solid currentcolor;
 }
 }
@@ -553,7 +552,8 @@ object {
 .is-style-outline .wp-block-button__link:hover,
 .is-style-outline .wp-block-button__link:hover,
 .is-style-outline .wp-block-button__link:focus,
 .is-style-outline .wp-block-button__link:focus,
 .is-style-outline .wp-block-button__link.has-focus {
 .is-style-outline .wp-block-button__link.has-focus {
-	color: #C04239;
+	color: #252E36;
+	background: transparent;
 }
 }
 
 
 .wp-block-button__link.is-style-squared,
 .wp-block-button__link.is-style-squared,
@@ -596,6 +596,12 @@ object {
 	/* Treating H2 separately to account for legacy /core styles */
 	/* Treating H2 separately to account for legacy /core styles */
 }
 }
 
 
+.wp-block-cover.has-background-dim,
+.wp-block-cover-image.has-background-dim {
+	background-color: #252E36;
+	color: #E8E4DD;
+}
+
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-cover .wp-block-cover-image-text,
 .wp-block-cover .wp-block-cover-image-text,
 .wp-block-cover .wp-block-cover-text,
 .wp-block-cover .wp-block-cover-text,
@@ -1015,6 +1021,12 @@ table th,
 	padding: calc( 0.5 * 16px);
 	padding: calc( 0.5 * 16px);
 }
 }
 
 
+table.is-style-stripes tbody tr:nth-child(odd),
+.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
+	background-color: #CFCDC7;
+	color: #252E36;
+}
+
 /**
 /**
  * Editor Post Title
  * Editor Post Title
  * - Needs a special styles
  * - Needs a special styles
@@ -1029,86 +1041,90 @@ table th,
 	line-height: 1.125;
 	line-height: 1.125;
 }
 }
 
 
+.wp-block .has-primary-color,
 .has-primary-color {
 .has-primary-color {
 	color: #C04239;
 	color: #C04239;
 }
 }
 
 
+.wp-block .has-secondary-color,
 .has-secondary-color {
 .has-secondary-color {
 	color: #FFFFFF;
 	color: #FFFFFF;
 }
 }
 
 
+.wp-block .has-foreground-color,
 .has-foreground-color {
 .has-foreground-color {
 	color: #252E36;
 	color: #252E36;
 }
 }
 
 
+.wp-block .has-foreground-light-color,
 .has-foreground-light-color {
 .has-foreground-light-color {
 	color: #666666;
 	color: #666666;
 }
 }
 
 
+.wp-block .has-foreground-dark-color,
 .has-foreground-dark-color {
 .has-foreground-dark-color {
 	color: #474747;
 	color: #474747;
 }
 }
 
 
+.wp-block .has-background-light-color,
 .has-background-light-color {
 .has-background-light-color {
 	color: #CFCDC7;
 	color: #CFCDC7;
 }
 }
 
 
+.wp-block .has-background-dark-color,
 .has-background-dark-color {
 .has-background-dark-color {
 	color: #B9B6B2;
 	color: #B9B6B2;
 }
 }
 
 
+.wp-block .has-background-color,
 .has-background-color {
 .has-background-color {
 	color: #E8E4DD;
 	color: #E8E4DD;
 }
 }
 
 
-.has-background:not(.has-background-background-color) a,
+.has-background:not(.has-background-background-color) a:not(.wp-block-button__link),
+.has-background a:not(.wp-block-button__link),
 .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
 .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 {
 	color: currentColor;
 	color: currentColor;
 }
 }
 
 
+.wp-block .has-primary-background-color,
 .has-primary-background-color {
 .has-primary-background-color {
 	background-color: #C04239;
 	background-color: #C04239;
-	color: #E8E4DD;
-}
-
-.has-primary-background-color {
-	background-color: #C04239;
-	color: #E8E4DD;
 }
 }
 
 
+.wp-block .has-secondary-background-color,
 .has-secondary-background-color {
 .has-secondary-background-color {
 	background-color: #FFFFFF;
 	background-color: #FFFFFF;
-	color: #E8E4DD;
 }
 }
 
 
+.wp-block .has-foreground-background-color,
 .has-foreground-background-color {
 .has-foreground-background-color {
 	background-color: #252E36;
 	background-color: #252E36;
-	color: #E8E4DD;
 }
 }
 
 
+.wp-block .has-foreground-light-background-color,
 .has-foreground-light-background-color {
 .has-foreground-light-background-color {
 	background-color: #666666;
 	background-color: #666666;
-	color: #E8E4DD;
 }
 }
 
 
+.wp-block .has-foreground-dark-background-color,
 .has-foreground-dark-background-color {
 .has-foreground-dark-background-color {
 	background-color: #474747;
 	background-color: #474747;
-	color: #E8E4DD;
 }
 }
 
 
+.wp-block .has-background-light-background-color,
 .has-background-light-background-color {
 .has-background-light-background-color {
 	background-color: #CFCDC7;
 	background-color: #CFCDC7;
-	color: #252E36;
 }
 }
 
 
+.wp-block .has-background-dark-background-color,
 .has-background-dark-background-color {
 .has-background-dark-background-color {
 	background-color: #B9B6B2;
 	background-color: #B9B6B2;
-	color: #252E36;
 }
 }
 
 
+.wp-block .has-background-background-color,
 .has-background-background-color {
 .has-background-background-color {
 	background-color: #E8E4DD;
 	background-color: #E8E4DD;
-	color: #252E36;
 }
 }
 
 
 .is-small-text,
 .is-small-text,