Procházet zdrojové kódy

Removed color and typography styles from button block (#4439)

Co-authored-by: Jason Crist <jcrist@pbking.com>
Jeff Ong před 3 roky
rodič
revize
c9457a9321
2 změnil soubory, kde provedl 2 přidání a 15 odebrání
  1. 0 14
      blockbase/assets/ponyfill.css
  2. 2 1
      blockbase/sass/blocks/_button.scss

+ 0 - 14
blockbase/assets/ponyfill.css

@@ -254,16 +254,7 @@ input[type=checkbox] + label {
 	padding-bottom: calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
 	padding-bottom: calc( var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width));
 	padding-left: calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
 	padding-left: calc( var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width));
 	padding-right: calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
 	padding-right: calc( var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width));
-	font-weight: var(--wp--custom--button--typography--font-weight);
-	font-family: inherit;
-	font-size: var(--wp--custom--button--typography--font-size);
-	line-height: var(--wp--custom--button--typography--line-height);
 	text-decoration: none;
 	text-decoration: none;
-	opacity: 1;
-	color: var(--wp--custom--button--color--text);
-	background-color: var(--wp--custom--button--color--background);
-	border-color: currentColor;
-	border-radius: var(--wp--custom--button--border--radius);
 }
 }
 
 
 .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
 .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus,
@@ -287,11 +278,6 @@ input[type=checkbox] + label {
 	fill: var(--wp--custom--button--color--text);
 	fill: var(--wp--custom--button--color--text);
 }
 }
 
 
-.wp-block-button.wp-block-button__link svg,
-.wp-block-button .wp-block-button__link svg {
-	fill: var(--wp--custom--button--color--text);
-}
-
 .wp-block-button.is-style-outline.wp-block-button__link,
 .wp-block-button.is-style-outline.wp-block-button__link,
 .wp-block-button.is-style-outline .wp-block-button__link {
 .wp-block-button.is-style-outline .wp-block-button__link {
 	--wp--custom--button--color--text: var(--wp--custom--button--border--color);
 	--wp--custom--button--color--text: var(--wp--custom--button--border--color);

+ 2 - 1
blockbase/sass/blocks/_button.scss

@@ -10,7 +10,8 @@
 	&.wp-block-button__link,
 	&.wp-block-button__link,
 	.wp-block-button__link {
 	.wp-block-button__link {
 		@include button-hover-styles;
 		@include button-hover-styles;
-		@include button-main-styles;
+		@include button-padding-styles;
+		text-decoration: none;
 	}
 	}
 	&.is-style-outline {
 	&.is-style-outline {
 		&.wp-block-button__link,
 		&.wp-block-button__link,