Explorar o código

Outline style override. (#3872)

Jeff Ong %!s(int64=4) %!d(string=hai) anos
pai
achega
ef4b0ad34b
Modificáronse 2 ficheiros con 6 adicións e 0 borrados
  1. 5 0
      quadrat/assets/theme.css
  2. 1 0
      quadrat/sass/blocks/_buttons.scss

+ 5 - 0
quadrat/assets/theme.css

@@ -41,6 +41,11 @@
 	text-align: right;
 }
 
+.wp-block-button.is-style-outline.wp-block-button__link,
+.wp-block-button.is-style-outline .wp-block-button__link {
+	border: 2px solid currentColor;
+}
+
 .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
 .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover,
 .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus,

+ 1 - 0
quadrat/sass/blocks/_buttons.scss

@@ -1,6 +1,7 @@
 .wp-block-button.is-style-outline {
 	&.wp-block-button__link,
 	.wp-block-button__link {
+		border: 2px solid currentColor; // The priority of global styles in the post editor overrides the outline style variation, so this line is needed.
 		&:not(.has-background):not(.has-text-color) {
 			&:hover,
 			&:focus,