customizer section titles with FA icons should display proper font - f…

…ixes #119
BoldGrid · Jul 31, 2019 · b85c576 · b85c576
1 parent 28f874b
commit b85c576
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/assets/scss/customizer/controls/_sections.scss b/src/assets/scss/customizer/controls/_sections.scss
@@ -73,6 +73,20 @@ span.section-title-extended {
 .bgtfw-section-title {
 	display: flex;
 	align-items: center;
+
+	// Ensure valid font for sections with FA icons.  See: https://github.com/BoldGrid/boldgrid-theme-framework/issues/119
+	&.fa {
+		font: inherit;
+
+		&:before {
+			font: normal normal normal 14px/1 FontAwesome;
+			font-size: inherit;
+			text-rendering: auto;
+			-webkit-font-smoothing: antialiased;
+			-moz-osx-font-smoothing: grayscale;
+			display: inline-block;
+		}
+	}
 }
 
 #customize-controls #accordion-section-bgtfw-upsell {