Varia: set proper configuration for main-nav font

This commit is contained in:
Andrés 2019-10-17 12:47:26 +02:00
parent 1043cf458c
commit 43055c1b62
7 changed files with 7 additions and 5 deletions

View file

@ -323,6 +323,7 @@ $config-header: (
// Fonts
"font": (
"family": map-deep-get($config-global, "font", "family", "secondary"),
"family-css-variable": '--font-base',
"size": map-deep-get($config-global, "font", "size", "md"),
"weight": normal,
"line-height": 1,

View file

@ -40,7 +40,7 @@
a {
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-family: var( #{map-deep-get($config-header, "main-nav", "font", "family-css-variable")}, #{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")};

View file

@ -36,6 +36,7 @@ $config-header: (
// Fonts
"font": (
"family": map-deep-get($config-global, "font", "family", "primary"),
"family-css-variable": '--font-headings',
"size": map-deep-get($config-global, "font", "size", "md"),
"weight": bold,
"line-height": 1,

View file

@ -147,7 +147,7 @@
color: #{map-deep-get($config-header, "main-nav", "color", "link")};
display: block;
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-family: var( #{map-deep-get($config-header, "main-nav", "font", "family-css-variable")}, #{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;

View file

@ -1325,7 +1325,7 @@ body:not(.fse-enabled) .main-navigation a {
.footer-navigation .footer-menu a, .site-footer .main-navigation .footer-menu a {
font-family: sans-serif;
font-family: var(--font-base, sans-serif);
font-family: var(--font-headings, sans-serif);
font-weight: bold;
padding: 16px;
color: currentColor;

View file

@ -2684,7 +2684,7 @@ body:not(.fse-enabled) .main-navigation a {
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
font-family: sans-serif;
font-family: var(--font-base, sans-serif);
font-family: var(--font-headings, sans-serif);
font-weight: bold;
padding: 16px;
color: currentColor;

View file

@ -2701,7 +2701,7 @@ body:not(.fse-enabled) .main-navigation a {
.footer-navigation .footer-menu a, .fse-enabled .site-footer .main-navigation .footer-menu a {
font-family: sans-serif;
font-family: var(--font-base, sans-serif);
font-family: var(--font-headings, sans-serif);
font-weight: bold;
padding: 16px;
color: currentColor;