Forráskód Böngészése

Introduce default Button Block padding to non-block buttons

Jason Crist 4 éve
szülő
commit
d43ded41ad

+ 2 - 1
blank-canvas-blocks/assets/ponyfill.css

@@ -400,11 +400,12 @@ p.has-drop-cap:not(:focus):first-letter {
 	font-family: var(--wp--custom--button--typography--font-family);
 	font-size: var(--wp--custom--button--typography--font-size);
 	border-radius: var(--wp--custom--button--border--radius);
-	line-height: var(--wp--custom--button--border--line-height);
+	line-height: var(--wp--custom--button--typography--line-height);
 	text-decoration: none;
 	color: var(--wp--custom--button--color--text);
 	border-color: var(--wp--custom--button--color--text);
 	background-color: var(--wp--custom--button--color--background);
+	padding: calc(.667em + 2px) calc(1.333em + 2px);
 }
 
 .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button svg,

+ 2 - 1
blank-canvas-blocks/sass/blocks/_button.scss

@@ -8,11 +8,12 @@
 	font-family: var(--wp--custom--button--typography--font-family);
 	font-size: var(--wp--custom--button--typography--font-size);
 	border-radius: var(--wp--custom--button--border--radius);
-	line-height: var(--wp--custom--button--border--line-height);
+	line-height: var(--wp--custom--button--typography--line-height);
 	text-decoration: none; // Needed because link styles inside .entry-content add a text decoration
 	color: var(--wp--custom--button--color--text);
 	border-color: var(--wp--custom--button--color--text);
 	background-color: var(--wp--custom--button--color--background);
+	padding: calc(.667em + 2px) calc(1.333em + 2px); //The padding found on an unmodified Button Block 
 	svg {
 		fill: var(--wp--custom--button--color--text);
 	}