Add CSS properties and migrate defaults from editor-styles

WordPress · Apr 6, 2020 · 2f2a1a4 · 2f2a1a4
1 parent 7019a4a
commit 2f2a1a4
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 27 deletions.
diff --git a/packages/block-library/src/heading/style.scss b/packages/block-library/src/heading/style.scss
@@ -9,8 +9,35 @@
 		color: var(--wp--color--text);
 		line-height: var(--wp--typography--line-height);
 	}
+
+	// These follow a Major Third type scale
+	// https://type-scale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Noto%20Serif&fontweight=600
+	h1 {
+		font-size: var(--wp--typography--font-size, 2.44em);
+	}
+
+	h2 {
+		font-size: var(--wp--typography--font-size, 1.95em);
+	}
+
+	h3 {
+		font-size: var(--wp--typography--font-size, 1.56em);
+	}
+
+	h4 {
+		font-size: var(--wp--typography--font-size, 1.25em);
+	}
+
+	h5 {
+		font-size: var(--wp--typography--font-size, 1em);
+	}
+
+	h6 {
+		font-size: var(--wp--typography--font-size, 0.8em);
+	}
 }
 
+
 h1,
 h2,
 h3,

diff --git a/packages/editor/src/editor-styles.scss b/packages/editor/src/editor-styles.scss
@@ -15,33 +15,6 @@ body {
 	color: $dark-gray-primary;
 }
 
-/* Headings */
-// These follow a Major Third type scale
-// https://type-scale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Noto%20Serif&fontweight=600
-h1 {
-	font-size: 2.44em;
-}
-
-h2 {
-	font-size: 1.95em;
-}
-
-h3 {
-	font-size: 1.56em;
-}
-
-h4 {
-	font-size: 1.25em;
-}
-
-h5 {
-	font-size: 1em;
-}
-
-h6 {
-	font-size: 0.8em;
-}
-
 // Default margins.
 h1 {
 	margin-top: 0.67em;