Procházet zdrojové kódy

Varia: footer uses font-family mixin

Andrés před 5 roky
rodič
revize
981a40ead9

+ 4 - 1
varia/sass/child-theme/_config-child-theme-deep.scss

@@ -361,7 +361,10 @@ $config-footer: (
 	),
 	// Fonts
 	"font": (
-		"family": map-deep-get($config-global, "font", "family", "primary"),
+		"family": (
+			"fallback": map-deep-get($config-global, "font", "family", "primary"),
+			"css-var": '--font-headings',
+		),
 		"size": map-deep-get($config-global, "font", "size", "sm"),
 		"line-height": map-deep-get($config-global, "font", "line-height", "sm"),
 	),

+ 4 - 1
varia/sass/components/footer/_config.scss

@@ -7,7 +7,10 @@ $config-footer: (
 	),
 	// Fonts
 	"font": (
-		"family": map-deep-get($config-global, "font", "family", "primary"),
+		"family": (
+			"fallback": map-deep-get($config-global, "font", "family", "primary"),
+			"css-var": '--font-headings',
+		),
 		"size": map-deep-get($config-global, "font", "size", "sm"),
 		"line-height": map-deep-get($config-global, "font", "line-height", "sm"),
 	),

+ 1 - 2
varia/sass/components/footer/_footer-branding.scss

@@ -3,8 +3,7 @@
 .site-info {
 
 	color: #{map-deep-get($config-footer, "color", "text")};
-	font-family: #{map-deep-get($config-footer, "font", "family")}; // For browsers without support for CSS variables.
-	font-family: var( --font-headings, #{map-deep-get($config-footer, "font", "family")} );
+	@include font-family( map-deep-get($config-footer, "font", "family") );
 	font-size: #{map-deep-get($config-footer, "font", "size")};
 	line-height: #{map-deep-get($config-footer, "font", "line-height")};