Use $body-font-color instead of $text

This is consistent with the usage of `$body-background`. This way
Foundation elements using `$body-font-color`, like the `<body>` tag,
will be changed when changing this variable, which wouldn't happen when
using `$text`.
This commit is contained in:
Javi Martín
2022-10-09 22:21:51 +02:00
parent ea3ae4d262
commit b96d745e0e
5 changed files with 8 additions and 9 deletions

View File

@@ -16,6 +16,8 @@ $white: #fdfdfd !default;
$body-font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif !important !default;
$closebutton-color: $black !default;
$global-radius: rem-calc(3) !default;
$global-width: rem-calc(1200) !default;
@@ -64,7 +66,6 @@ $brand: #004a83 !default;
$brand-secondary: darken($brand, 10%) !default;
$dark: $brand-secondary !default;
$text: $black !default;
$text-medium: #515151 !default;
$text-light: #bfbfbf !default;
@@ -154,8 +155,6 @@ $tab-item-font-size: $base-font-size !default;
$tab-item-padding: $line-height / 2 0 !default;
$tab-content-border: $border !default;
$closebutton-color: $text !default;
$tooltip-background-color: $brand !default;
// 4. Foundation fixes

View File

@@ -515,7 +515,7 @@ code {
}
.number {
color: $text;
color: $body-font-color;
font-size: rem-calc(30);
font-weight: bold;
}

View File

@@ -2439,7 +2439,7 @@ table {
p {
&.description {
color: $text;
color: $body-font-color;
word-wrap: break-word;
}
}

View File

@@ -18,7 +18,7 @@
@mixin body-colors {
background-color: $body-background;
color: $text;
color: $body-font-color;
}
@mixin normal-selection {

View File

@@ -326,7 +326,7 @@
}
.bullet {
color: $text;
color: $body-font-color;
}
.budget-investment-show p {
@@ -893,7 +893,7 @@
a,
.info {
color: lighten($text, 15%);
color: lighten($body-font-color, 15%);
font-size: $small-font-size;
}
}
@@ -926,7 +926,7 @@
}
.button-support {
background: $text;
background: $body-font-color;
color: $featured;
margin-top: 0;