Merge pull request #2687 from Automattic/fix/seedlet-spearhead-body-font-weight

Fix/seedlet spearhead body font weight

seedlet/assets/css/style-editor.css

@@ -23,6 +23,8 @@
 	--global--font-size-xxl: 32px;
 	--global--font-size-xxxl: 48px;
 	--global--letter-spacing: normal;
+	/* Font Weight */
+	--global--font-weight: normal;
 	/* Line Height */
 	--global--line-height-base: 1;
 	--global--line-height-body: 1.7;

seedlet/assets/sass/abstracts/_config.scss

@@ -26,6 +26,9 @@ $typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-
 	--global--font-size-xxxl: 48px;
 	--global--letter-spacing: normal;
 
+	/* Font Weight */
+	--global--font-weight: normal;
+
 	/* Line Height */
 	--global--line-height-base: #{$typescale-base / ( $typescale-base * 0 + 1 )};
 	--global--line-height-body: 1.7;

seedlet/assets/sass/base/_reset.scss

@@ -72,7 +72,7 @@ html {
 // body resets
 body {
 	font-size: var(--global--font-size-base); /* #{$typescale-base}; */
-	font-weight: normal;
+	font-weight: var(--global--font-weight);
 	color: var(--global--color-foreground);
 	text-align: left;
 	background-color: var(--global--color-background);

seedlet/assets/sass/child-theme/variables-editor.css

@@ -28,6 +28,8 @@ body {
 	--global--font-secondary: 'Fira Sans', Helvetica, Arial, sans-serif;
 	--global--font-code: monospace, monospace;
 	--global--font-ui: var(--global--font-secondary);
+	/* Font Weight */
+	--global--font-weight: normal;
 	/* Font Size */
 	--global--font-size-root: 18px;
 	--global--font-size-ratio: 1.2;

seedlet/assets/sass/child-theme/variables.css

@@ -28,6 +28,8 @@
 	--global--font-secondary: 'Fira Sans', Helvetica, Arial, sans-serif;
 	--global--font-code: monospace, monospace;
 	--global--font-ui: var(--global--font-secondary);
+	/* Font Weight */
+	--global--font-weight: normal;
 	/* Font Size */
 	--global--font-size-root: 18px;
 	--global--font-size-ratio: 1.2;

seedlet/style-rtl.css

@@ -91,6 +91,8 @@ Included in theme screenshot and in block patterns.
 	--global--font-size-xxl: 32px;
 	--global--font-size-xxxl: 48px;
 	--global--letter-spacing: normal;
+	/* Font Weight */
+	--global--font-weight: normal;
 	/* Line Height */
 	--global--line-height-base: 1;
 	--global--line-height-body: 1.7;
@@ -916,7 +918,7 @@ html {
 body {
 	font-size: var(--global--font-size-base);
 	/* 1em; */
-	font-weight: normal;
+	font-weight: var(--global--font-weight);
 	color: var(--global--color-foreground);
 	text-align: right;
 	background-color: var(--global--color-background);

seedlet/style.css

@@ -91,6 +91,8 @@ Included in theme screenshot and in block patterns.
 	--global--font-size-xxl: 32px;
 	--global--font-size-xxxl: 48px;
 	--global--letter-spacing: normal;
+	/* Font Weight */
+	--global--font-weight: normal;
 	/* Line Height */
 	--global--line-height-base: 1;
 	--global--line-height-body: 1.7;
@@ -916,7 +918,7 @@ html {
 body {
 	font-size: var(--global--font-size-base);
 	/* 1em; */
-	font-weight: normal;
+	font-weight: var(--global--font-weight);
 	color: var(--global--color-foreground);
 	text-align: left;
 	background-color: var(--global--color-background);

spearhead/variables.css

@@ -12,6 +12,8 @@
 	--global--color-foreground-light: #333333;
 	--global--color-background: #fff;
 	--global--color-border: var(--global--color-secondary);
+	/* Font Weight */
+	--global--font-weight: 500;
 	/* Font Size */
 	--global--font-size-xs: 14px;
 	--global--font-size-sm: 16px;