浏览代码

Rivington: Improve editor styles

- Remove text-color initial rules from background-color utility classes to allow color options to work more explicitly
- Fix outline button default text color and bg-color
- Strengthen background-color and text-color selectors to better deal with nestind
Allan Cole 5 年之前
父节点
当前提交
a2df9d0e4d
共有 1 个文件被更改,包括 19 次插入15 次删除
  1. 19 15
      rivington/style-editor.css

+ 19 - 15
rivington/style-editor.css

@@ -544,7 +544,6 @@ object {
 
 .wp-block-button__link.is-style-outline,
 .is-style-outline .wp-block-button__link {
-	color: #CAAB57;
 	background: transparent;
 	border: 2px solid currentcolor;
 }
@@ -554,6 +553,7 @@ object {
 .is-style-outline .wp-block-button__link:focus,
 .is-style-outline .wp-block-button__link.has-focus {
 	color: #b59439;
+	background: transparent;
 }
 
 .wp-block-button__link.is-style-squared,
@@ -1029,86 +1029,90 @@ table th,
 	line-height: 1.125;
 }
 
+.wp-block .has-primary-color,
 .has-primary-color {
 	color: #CAAB57;
 }
 
+.wp-block .has-secondary-color,
 .has-secondary-color {
 	color: #EE4266;
 }
 
+.wp-block .has-foreground-color,
 .has-foreground-color {
 	color: #f2f2f2;
 }
 
+.wp-block .has-foreground-light-color,
 .has-foreground-light-color {
 	color: white;
 }
 
+.wp-block .has-foreground-dark-color,
 .has-foreground-dark-color {
 	color: #8F8F8F;
 }
 
+.wp-block .has-foreground-light-color,
 .has-background-light-color {
 	color: #0d1f55;
 }
 
+.wp-block .has-foreground-dark-color,
 .has-background-dark-color {
 	color: #030713;
 }
 
+.wp-block .has-background-color,
 .has-background-color {
 	color: #060f29;
 }
 
-.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 {
 	color: currentColor;
 }
 
+.wp-block .has-primary-background-color,
 .has-primary-background-color {
 	background-color: #CAAB57;
-	color: #060f29;
-}
-
-.has-primary-background-color {
-	background-color: #CAAB57;
-	color: #060f29;
 }
 
+.wp-block .has-secondary-background-color,
 .has-secondary-background-color {
 	background-color: #EE4266;
-	color: #060f29;
 }
 
+.wp-block .has-foreground-background-color,
 .has-foreground-background-color {
 	background-color: #f2f2f2;
-	color: #060f29;
 }
 
+.wp-block .has-foreground-light-background-color,
 .has-foreground-light-background-color {
 	background-color: white;
-	color: #060f29;
 }
 
+.wp-block .has-foreground-dark-background-color,
 .has-foreground-dark-background-color {
 	background-color: #8F8F8F;
-	color: #060f29;
 }
 
+.wp-block .has-foreground-light-background-color,
 .has-background-light-background-color {
 	background-color: #0d1f55;
-	color: #f2f2f2;
 }
 
+.wp-block .has-foreground-dark-background-color,
 .has-background-dark-background-color {
 	background-color: #030713;
-	color: #f2f2f2;
 }
 
+.wp-block .has-background-background-color,
 .has-background-background-color {
 	background-color: #060f29;
-	color: #f2f2f2;
 }
 
 .is-small-text,