re-add letter-spacing (#19)

BoldGrid · Mar 21, 2023 · 2086a8a · 2086a8a
1 parent 5e9acec
commit 2086a8a
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/prime/inc/boldgrid-theme-framework-config/config.php b/prime/inc/boldgrid-theme-framework-config/config.php
@@ -47,6 +47,7 @@ function boldgrid_prime_framework_config( $config ) {
 		$config['customizer']['controls']['bgtfw_site_title_typography']['default'] = array(
 			'font-family' => 'Source Sans Pro',
 			'font-size' => '42px',
+			'letter-spacing' => '0',
 			'text-transform' => 'none',
 			'line-height' => '1.1',
 			'variant' => '600',
@@ -61,6 +62,7 @@ function boldgrid_prime_framework_config( $config ) {
 			'font-size' => '20px',
 			'text-transform' => 'lowercase',
 			'line-height' => '1.1',
+			'letter-spacing' => '0',
 			'variant' => 'regular',
 		);
 
@@ -386,6 +388,7 @@ function boldgrid_prime_framework_config( $config ) {
 			'font-family' => 'Roboto',
 			'font-size' => '16px',
 			'line-height' => '1.8',
+			'letter-spacing' => '0',
 			'text-transform' => 'none',
 			'variant' => 'regular',
 		);
@@ -395,6 +398,7 @@ function boldgrid_prime_framework_config( $config ) {
 			'font-family' => 'Roboto',
 			'font-size' => '16px',
 			'line-height' => '1.5',
+			'letter-spacing' => '0',
 			'text-transform' => 'none',
 			'variant' => 'regular',
 		);
@@ -403,6 +407,7 @@ function boldgrid_prime_framework_config( $config ) {
 		$config['customizer']['controls']['bgtfw_headings_typography']['default'] = array(
 			'font-family' => 'Source Sans Pro',
 			'line-height' => '1.1',
+			'letter-spacing' => '0',
 			'text-transform' => 'none',
 			'variant' => '600',
 		);

diff --git a/src/assets/js/customizer/customizer.js b/src/assets/js/customizer/customizer.js
@@ -484,7 +484,7 @@ BOLDGRID.Customizer.Util.getInitialPalettes = function( option ) {
 		 */
 		api( 'bgtfw_site_title_typography', 'bgtfw_tagline_typography', ( ...args ) => {
 			args.map( ( control ) => {
-				let settings = [ 'font-size', 'line-height', 'font-family', 'font-weight' ];
+				let settings = [ 'font-size', 'line-height', 'letter-spacing', 'font-family', 'font-weight' ];
 				let update = ( to ) => {
 					_.each( settings, _.once( ( setting ) => control[ setting ] === to[ setting ] || calc() ) );
 				};

diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-typography.php b/src/includes/customizer/class-boldgrid-framework-customizer-typography.php
@@ -666,7 +666,7 @@ public function generate_headings_color_css( $theme_mod, $section, $selectors =
 	 * @return array $values Formatted output values.
 	 */
 	public function get_typography_output( $configs, $elements ) {
-		$props  = [ 'font-family', 'font-size', 'line-height', 'text-transform', 'variant', 'font-style' ];
+		$props  = [ 'font-family', 'font-size', 'line-height', 'letter-spacing', 'text-transform', 'variant', 'font-style' ];
 		$values = [];
 		foreach ( $props as $prop ) {
 			$values[] = [
@@ -697,7 +697,7 @@ public function get_output_values( $configs ) {
 			}
 		}
 		$elements = implode( ', ', array_keys( $selectors ) );
-		$props = [ 'font-family', 'line-height', 'text-transform', 'variant', 'font-style' ];
+		$props = [ 'font-family', 'line-height', 'letter-spacing', 'text-transform', 'variant', 'font-style' ];
 		$values = [];
 
 		foreach ( $props as $prop ) {