Replace instances of <13px fonts (WordPress#6218)

Minimum font size is 13px, or $default-font-size. This PR addresses that, and fixes WordPress#5359.
nuzzio · Apr 25, 2018 · c4988ea · c4988ea
1 parent 45f853d
commit c4988ea
Show file tree

Hide file tree

Showing 7 changed files with 8 additions and 9 deletions.
diff --git a/blocks/library/more/editor.scss b/blocks/library/more/editor.scss
@@ -9,8 +9,8 @@
 	white-space: nowrap;
 
 	// Label
-	input {
-		font-size: 12px;
+	input[type=text] {
+		font-size: $default-font-size;
 		text-transform: uppercase;
 		font-weight: 600;
 		font-family: $default-font;

diff --git a/blocks/library/nextpage/editor.scss b/blocks/library/nextpage/editor.scss
@@ -9,9 +9,9 @@
 
 	// Label
 	> span {
+		font-size: $default-font-size;
 		position: relative;
 		display: inline-block;
-		font-size: 12px;
 		text-transform: uppercase;
 		font-weight: 600;
 		font-family: $default-font;

diff --git a/components/form-token-field/style.scss b/components/form-token-field/style.scss
@@ -141,7 +141,6 @@
 	cursor: pointer;
 	border-radius: 0 12px 12px 0;
 	padding: 0 2px;
-	font-size: 10px;
 	color: $dark-gray-500;
 	line-height: 10px;
 

diff --git a/editor/components/block-inspector/style.scss b/editor/components/block-inspector/style.scss
@@ -36,5 +36,5 @@
 }
 
 .editor-block-inspector__card-description {
-	font-size: 12px;
+	font-size: $default-font-size;
 }
diff --git a/editor/components/document-outline/style.scss b/editor/components/document-outline/style.scss
@@ -55,8 +55,8 @@
 	background: $light-gray-500;
 	color: $dark-gray-800;
 	border-radius: 3px;
-	font-size: 12px;
-	padding: 2px 6px;
+	font-size: $default-font-size;
+	padding: 1px 6px;
 	margin-right: 4px;
 
 	.is-invalid & {

diff --git a/editor/components/post-format/style.scss b/editor/components/post-format/style.scss
@@ -13,5 +13,5 @@
 
 .editor-post-format__suggestion {
 	text-align: right;
-	font-size: 12px;
+	font-size: $default-font-size;
 }
diff --git a/editor/components/table-of-contents/style.scss b/editor/components/table-of-contents/style.scss
@@ -21,7 +21,7 @@
 	width: 25%;
 	display: flex;
 	flex-direction: column;
-	font-size: 12px;
+	font-size: $default-font-size;
 	color: $dark-gray-300;
 }