浏览代码

Balasana: 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
Allan Cole 5 年之前
父节点
当前提交
3024c203bd
共有 1 个文件被更改,包括 31 次插入15 次删除
  1. 31 15
      balasana/style-editor.css

+ 31 - 15
balasana/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: #19744C;
 	background: transparent;
 	background: transparent;
 	border: 2px solid currentcolor;
 	border: 2px solid currentcolor;
 }
 }
@@ -554,6 +553,7 @@ object {
 .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: #145f3e;
 	color: #145f3e;
+	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: black;
+	color: white;
+}
+
 .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: #F0F0F0;
+	color: #303030;
+}
+
 /**
 /**
  * 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: #19744C;
 	color: #19744C;
 }
 }
 
 
+.wp-block .has-secondary-color,
 .has-secondary-color {
 .has-secondary-color {
 	color: #BC2213;
 	color: #BC2213;
 }
 }
 
 
+.wp-block .has-foreground-color,
 .has-foreground-color {
 .has-foreground-color {
 	color: #303030;
 	color: #303030;
 }
 }
 
 
+.wp-block .has-foreground-light-color,
 .has-foreground-light-color {
 .has-foreground-light-color {
 	color: #505050;
 	color: #505050;
 }
 }
 
 
+.wp-block .has-foreground-dark-color,
 .has-foreground-dark-color {
 .has-foreground-dark-color {
 	color: #101010;
 	color: #101010;
 }
 }
 
 
+.wp-block .has-background-light-color,
 .has-background-light-color {
 .has-background-light-color {
 	color: #F0F0F0;
 	color: #F0F0F0;
 }
 }
 
 
+.wp-block .has-background-dark-color,
 .has-background-dark-color {
 .has-background-dark-color {
 	color: #D0D0D0;
 	color: #D0D0D0;
 }
 }
 
 
+.wp-block .has-background-color,
 .has-background-color {
 .has-background-color {
 	color: white;
 	color: white;
 }
 }
 
 
-.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: #19744C;
 	background-color: #19744C;
-	color: white;
-}
-
-.has-primary-background-color {
-	background-color: #19744C;
-	color: white;
 }
 }
 
 
+.wp-block .has-secondary-background-color,
 .has-secondary-background-color {
 .has-secondary-background-color {
 	background-color: #BC2213;
 	background-color: #BC2213;
-	color: white;
 }
 }
 
 
+.wp-block .has-foreground-background-color,
 .has-foreground-background-color {
 .has-foreground-background-color {
 	background-color: #303030;
 	background-color: #303030;
-	color: white;
 }
 }
 
 
+.wp-block .has-foreground-light-background-color,
 .has-foreground-light-background-color {
 .has-foreground-light-background-color {
 	background-color: #505050;
 	background-color: #505050;
-	color: white;
 }
 }
 
 
+.wp-block .has-foreground-dark-background-color,
 .has-foreground-dark-background-color {
 .has-foreground-dark-background-color {
 	background-color: #101010;
 	background-color: #101010;
-	color: white;
 }
 }
 
 
+.wp-block .has-background-light-background-color,
 .has-background-light-background-color {
 .has-background-light-background-color {
 	background-color: #F0F0F0;
 	background-color: #F0F0F0;
-	color: #303030;
 }
 }
 
 
+.wp-block .has-background-dark-background-color,
 .has-background-dark-background-color {
 .has-background-dark-background-color {
 	background-color: #D0D0D0;
 	background-color: #D0D0D0;
-	color: #303030;
 }
 }
 
 
+.wp-block .has-background-background-color,
 .has-background-background-color {
 .has-background-background-color {
 	background-color: white;
 	background-color: white;
-	color: #303030;
 }
 }
 
 
 .is-small-text,
 .is-small-text,