Varia: add missing comment

varia/sass/base/_reset.scss

@@ -62,7 +62,7 @@ html {
 html {
 	// Set mobile font-size to one step lower for mobile
 	font-size: #{map-deep-get($config-global, "font", "size", "root") / map-deep-get($config-global, "font", "size", "ratio")};
-	font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without support for CSS variables.
 	font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
 	line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
 

varia/sass/blocks/button/_style.scss

@@ -9,7 +9,7 @@
 	color: #{map-deep-get($config-button, "color", "text")};
 	cursor: pointer;
 	font-weight: #{map-deep-get($config-button, "font", "weight")};
-	font-family: #{map-deep-get($config-button, "font", "family")};
+	font-family: #{map-deep-get($config-button, "font", "family")}; // For browsers without support for CSS custom properties.
 	font-family: var( --font-headings, #{map-deep-get($config-button, "font", "family")} );
 	font-size: #{map-deep-get($config-button, "font", "size")};
 	background-color: #{map-deep-get($config-button, "color", "background")};

varia/sass/blocks/heading/_style.scss

@@ -4,7 +4,7 @@ h3, .h3,
 h4, .h4,
 h5, .h5,
 h6, .h6 {
-	font-family: #{map-deep-get($config-heading, "font", "family")};
+	font-family: #{map-deep-get($config-heading, "font", "family")}; // For browsers without support for CSS variables.
 	font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 	font-weight: #{map-deep-get($config-heading, "font", "weight")};
 	clear: both;

varia/sass/blocks/latest-comments/_style.scss

@@ -19,7 +19,7 @@
 	}
 
 	.wp-block-latest-comments__comment-meta {
-		font-family: #{map-deep-get($config-heading, "font", "family")};
+		font-family: #{map-deep-get($config-heading, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 	}
 

varia/sass/blocks/latest-posts/_editor.scss

@@ -2,7 +2,7 @@
 	padding-left: 0;
 
 	& > li > a {
-		font-family: #{map-deep-get($config-heading, "font", "family")};
+		font-family: #{map-deep-get($config-heading, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 		font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
 		font-weight: #{map-deep-get($config-heading, "font", "weight")};

varia/sass/blocks/latest-posts/_style.scss

@@ -16,7 +16,7 @@
 	}
 
 	& > li > a {
-		font-family: #{map-deep-get($config-heading, "font", "family")};
+		font-family: #{map-deep-get($config-heading, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 		font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
 		font-weight: #{map-deep-get($config-heading, "font", "weight")};

varia/sass/blocks/list/_style.scss

@@ -1,6 +1,6 @@
 ul,
 ol {
-	font-family: #{map-deep-get($config-list, "font", "family")};
+	font-family: #{map-deep-get($config-list, "font", "family")}; // For browsers without support for CSS variables.
 	font-family: var( --font-base, #{map-deep-get($config-list, "font", "family")} );
 	margin: 0;
 	padding-left: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
@@ -20,7 +20,7 @@ li > ol {
 }
 
 dt {
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without support for CSS variables.
 	font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 	font-weight: bold;
 }

varia/sass/blocks/pullquote/_editor.scss

@@ -15,7 +15,7 @@
 	}
 
 	p {
-		font-family: #{map-deep-get($config-pullquote, "font", "family")};
+		font-family: #{map-deep-get($config-pullquote, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-pullquote, "font", "family")} );
 		font-size: (strip-unit(map-deep-get($config-heading, "font", "size", "h4")) + 0em);
 		letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h4")};

varia/sass/blocks/pullquote/_style.scss

@@ -11,7 +11,7 @@
 	color: #{map-deep-get($config-global, "color", "foreground", "default")};
 
 	p {
-		font-family: #{map-deep-get($config-pullquote, "font", "family")};
+		font-family: #{map-deep-get($config-pullquote, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-pullquote, "font", "family")} );
 		font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
 		letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h4")};

varia/sass/blocks/quote/_editor.scss

@@ -4,7 +4,7 @@
 	padding-left: #{map-deep-get($config-global, "spacing", "horizontal")};
 
 	p {
-		font-family: #{map-deep-get($config-quote, "font", "family")};
+		font-family: #{map-deep-get($config-quote, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-quote, "font", "family")} );
 		font-size: (strip-unit(map-deep-get($config-heading, "font", "size", "h4")) + 0em);
 		letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h4")};
@@ -17,7 +17,7 @@
 		padding: 0;
 
 		p {
-			font-family: #{map-deep-get($config-quote, "font", "family")};
+			font-family: #{map-deep-get($config-quote, "font", "family")}; // For browsers without support for CSS variables.
 			font-family: var( --font-headings, #{map-deep-get($config-quote, "font", "family")} );
 			font-size: (strip-unit(map-deep-get($config-heading, "font", "size", "h3")) + 0em);
 			letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h3")};

varia/sass/blocks/quote/_style.scss

@@ -18,7 +18,7 @@
 	}
 
 	p {
-		font-family: #{map-deep-get($config-quote, "font", "family")};
+		font-family: #{map-deep-get($config-quote, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-quote, "font", "family")} );
 		font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
 		letter-spacing: #{map-deep-get($config-heading, "font", "letter-spacing", "h4")};

varia/sass/blocks/table/_editor.scss

@@ -2,7 +2,7 @@ table,
 .wp-block-table {
 
 	th {
-		font-family: #{map-deep-get($config-heading, "font", "family")};
+		font-family: #{map-deep-get($config-heading, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 	}
 

varia/sass/blocks/table/_style.scss

@@ -5,7 +5,7 @@ table,
     border-collapse: collapse;
 
 	th {
-		font-family: #{map-deep-get($config-heading, "font", "family")};
+		font-family: #{map-deep-get($config-heading, "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 	}
 

varia/sass/blocks/utilities/_editor.scss

@@ -5,7 +5,7 @@
 
 .editor-post-title__block .editor-post-title__input {
 	color: #{map-deep-get($config-global, "color", "foreground", "default")};
-	font-family: #{map-deep-get($config-heading, "font", "family")};
+	font-family: #{map-deep-get($config-heading, "font", "family")}; // For browsers without support for CSS variables.
 	font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 	font-weight: #{map-deep-get($config-heading, "font", "weight")};
 	font-size: (strip-unit(map-deep-get($config-heading, "font", "size", "h2")) + 0em);
@@ -129,7 +129,7 @@
 
 // Drop cap
 .has-drop-cap:not(:focus)::first-letter {
-	font-family: #{map-deep-get($config-heading, "font", "family")};
+	font-family: #{map-deep-get($config-heading, "font", "family")}; // For browsers without support for CSS variables.
 	font-family: var( --font-headings, #{map-deep-get($config-heading, "font", "family")} );
 	font-size: calc(2 * #{strip-unit(map-deep-get($config-heading, "font", "size", "h1")) + 0em});
 	font-weight: #{map-deep-get($config-heading, "font", "weight")};

varia/sass/components/comments/_comment-navigation.scss

@@ -1,7 +1,7 @@
 // Comment navigation
 .comment-navigation {
 	a {
-		font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+		font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 		font-size: #{map-deep-get($config-global, "font", "size", "md")};
 		font-weight: 600;

varia/sass/components/comments/_comments.scss

@@ -34,7 +34,7 @@
 
 	small {
 		font-size: #{map-deep-get($config-global, "font", "size", "base")};
-		font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
+		font-family: #{map-deep-get($config-global, "font", "family", "secondary")}; // For browsers without support for CSS variables.
 		font-family: var( --font-base, #{map-deep-get($config-global, "font", "family", "secondary")} );
 		letter-spacing: normal;
 		line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
@@ -152,7 +152,7 @@
 .comment-author .fn,
 .pingback .url,
 .trackback .url {
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without support for CSS variables.
 	font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 }
 

varia/sass/components/footer/_footer-branding.scss

@@ -3,7 +3,7 @@
 .site-info {
 
 	color: #{map-deep-get($config-footer, "color", "text")};
-	font-family: #{map-deep-get($config-footer, "font", "family")};
+	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")} );
 	font-size: #{map-deep-get($config-footer, "font", "size")};
 	line-height: #{map-deep-get($config-footer, "font", "line-height")};

varia/sass/components/footer/_footer-navigation.scss

@@ -39,7 +39,7 @@
 		}
 
 		a {
-			font-family: #{map-deep-get($config-header, "main-nav", "font", "family")};
+			font-family: #{map-deep-get($config-header, "main-nav", "font", "family")}; // For browsers without support for CSS variables.
 			font-family: var( --font-base, #{map-deep-get($config-header, "main-nav", "font", "family")} );
 			font-weight: #{map-deep-get($config-header, "main-nav", "font", "weight")};
 			padding: #{map-deep-get($config-header, "main-nav", "link-padding")};

varia/sass/components/header/_site-branding.scss

@@ -15,7 +15,7 @@
 .site-title {
 
 	color: #{map-deep-get($config-header, "branding", "color", "link")};
-	font-family: #{map-deep-get($config-header, "branding", "title", "font", "family")};
+	font-family: #{map-deep-get($config-header, "branding", "title", "font", "family")}; // For browsers without support for CSS variables.
 	font-family: var( --font-headings, #{map-deep-get($config-header, "branding", "title", "font", "family")} );
 	letter-spacing: normal;
 	line-height: #{map-deep-get($config-header, "branding", "title", "font", "line-height")};
@@ -39,7 +39,7 @@
 
 .site-description {
 	color: currentColor;
-	font-family: #{map-deep-get($config-header, "branding", "description", "font", "family")};
+	font-family: #{map-deep-get($config-header, "branding", "description", "font", "family")}; // For browsers without support for CSS variables.
 	font-family: var( --font-base, #{map-deep-get($config-header, "branding", "description", "font", "family")} );
 }
 

varia/sass/components/header/_site-main-navigation.scss

@@ -146,7 +146,7 @@
 	a {
 		color: #{map-deep-get($config-header, "main-nav", "color", "link")};
 		display: block;
-		font-family: #{map-deep-get($config-header, "main-nav", "font", "family")};
+		font-family: #{map-deep-get($config-header, "main-nav", "font", "family")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-header, "main-nav", "font", "family")} );
 		font-weight: #{map-deep-get($config-header, "main-nav", "font", "weight")};
 		padding: #{0.5 * map-deep-get($config-header, "main-nav", "link-padding")} 0;

varia/sass/components/pagination/_next-previous.scss

@@ -9,7 +9,7 @@
 	}
 
 	.post-title {
-		font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+		font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without support for CSS variables.
 		font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 		font-size: #{map-deep-get($config-global, "font", "size", "lg")};
 		font-weight: 600;
@@ -39,7 +39,7 @@
 		margin: 0 calc(-0.66 * #{map-deep-get($config-global, "spacing", "unit")});
 
 		& > * {
-			font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+			font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without support for CSS variables.
 			font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 			font-size: #{map-deep-get($config-global, "font", "size", "md")};
 			font-weight: 600;

varia/sass/pages/_posts-and-pages.scss

@@ -5,7 +5,7 @@
 .sticky-post {
 	color: #{map-deep-get($config-global, "color", "background", "default")};
 	background-color: #{map-deep-get($config-global, "color", "primary", "default")};
-	font-family: #{map-deep-get($config-global, "font", "family", "primary")};
+	font-family: #{map-deep-get($config-global, "font", "family", "primary")}; // For browsers without support for CSS variables.
 	font-family: var( --font-headings, #{map-deep-get($config-global, "font", "family", "primary")} );
 	font-weight: bold;
 	font-size: #{map-deep-get($config-global, "font", "size", "sm")};