Przeglądaj źródła

Alves: Improve editor color 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 nesting
Allan Cole 5 lat temu
rodzic
commit
0809deb62e
1 zmienionych plików z 19 dodań i 15 usunięć
  1. 19 15
      alves/style-editor.css

+ 19 - 15
alves/style-editor.css

@@ -544,7 +544,6 @@ object {
 
 .wp-block-button__link.is-style-outline,
 .is-style-outline .wp-block-button__link {
-	color: #3E7D98;
 	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: #2f5f74;
+	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: #3E7D98;
 }
 
+.wp-block .has-secondary-color,
 .has-secondary-color {
 	color: #9B6A36;
 }
 
+.wp-block .has-foreground-color,
 .has-foreground-color {
 	color: #394d55;
 }
 
+.wp-block .has-foreground-light-color,
 .has-foreground-light-color {
 	color: #4d6974;
 }
 
+.wp-block .has-foreground-dark-color,
 .has-foreground-dark-color {
 	color: #253136;
 }
 
+.wp-block .has-background-light-color,
 .has-background-light-color {
 	color: #fafafa;
 }
 
+.wp-block .has-background-dark-color,
 .has-background-dark-color {
 	color: #d9d9d9;
 }
 
+.wp-block .has-background-color,
 .has-background-color {
 	color: #ffffff;
 }
 
-.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: #3E7D98;
-	color: #ffffff;
-}
-
-.has-primary-background-color {
-	background-color: #3E7D98;
-	color: #ffffff;
 }
 
+.wp-block .has-secondary-background-color,
 .has-secondary-background-color {
 	background-color: #9B6A36;
-	color: #ffffff;
 }
 
+.wp-block .has-foreground-background-color,
 .has-foreground-background-color {
 	background-color: #394d55;
-	color: #ffffff;
 }
 
+.wp-block .has-foreground-light-background-color,
 .has-foreground-light-background-color {
 	background-color: #4d6974;
-	color: #ffffff;
 }
 
+.wp-block .has-foreground-dark-background-color,
 .has-foreground-dark-background-color {
 	background-color: #253136;
-	color: #ffffff;
 }
 
+.wp-block .has-background-light-background-color,
 .has-background-light-background-color {
 	background-color: #fafafa;
-	color: #394d55;
 }
 
+.wp-block .has-background-dark-background-color,
 .has-background-dark-background-color {
 	background-color: #d9d9d9;
-	color: #394d55;
 }
 
+.wp-block .has-background-background-color,
 .has-background-background-color {
 	background-color: #ffffff;
-	color: #394d55;
 }
 
 .is-small-text,