Varia: set proper configuration for main-nav font
This commit is contained in:
parent
1043cf458c
commit
43055c1b62
7 changed files with 7 additions and 5 deletions
|
@ -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,
|
||||
|
|
|
@ -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")};
|
||||
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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;
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue