瀏覽代碼

Introduce default Button Block padding to non-block buttons

Jason Crist 4 年之前
父節點
當前提交
d43ded41ad
共有 2 個文件被更改,包括 4 次插入2 次删除
  1. 2 1
      blank-canvas-blocks/assets/ponyfill.css
  2. 2 1
      blank-canvas-blocks/sass/blocks/_button.scss

+ 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-family: var(--wp--custom--button--typography--font-family);
 	font-size: var(--wp--custom--button--typography--font-size);
 	font-size: var(--wp--custom--button--typography--font-size);
 	border-radius: var(--wp--custom--button--border--radius);
 	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;
 	text-decoration: none;
 	color: var(--wp--custom--button--color--text);
 	color: var(--wp--custom--button--color--text);
 	border-color: var(--wp--custom--button--color--text);
 	border-color: var(--wp--custom--button--color--text);
 	background-color: var(--wp--custom--button--color--background);
 	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,
 .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-family: var(--wp--custom--button--typography--font-family);
 	font-size: var(--wp--custom--button--typography--font-size);
 	font-size: var(--wp--custom--button--typography--font-size);
 	border-radius: var(--wp--custom--button--border--radius);
 	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
 	text-decoration: none; // Needed because link styles inside .entry-content add a text decoration
 	color: var(--wp--custom--button--color--text);
 	color: var(--wp--custom--button--color--text);
 	border-color: var(--wp--custom--button--color--text);
 	border-color: var(--wp--custom--button--color--text);
 	background-color: var(--wp--custom--button--color--background);
 	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 {
 	svg {
 		fill: var(--wp--custom--button--color--text);
 		fill: var(--wp--custom--button--color--text);
 	}
 	}