diff options
| author | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2024-05-02 01:09:24 +0200 |
|---|---|---|
| committer | Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com> | 2024-05-02 01:09:24 +0200 |
| commit | 66937bbf6e6b191ecd2cb87b270910ac0f5dadda (patch) | |
| tree | 35bea1f7c904e6234fe63973d3739340faa0eb96 /assets/css/partials | |
| parent | f6fb145a6a806df5b28ee811e1dd6eca8cf29aaa (diff) | |
Update font styles and accent colors in CSS files
Diffstat (limited to 'assets/css/partials')
| -rw-r--r-- | assets/css/partials/_article.scss | 10 | ||||
| -rw-r--r-- | assets/css/partials/_footer.scss | 6 | ||||
| -rw-r--r-- | assets/css/partials/_header.scss | 16 |
3 files changed, 16 insertions, 16 deletions
diff --git a/assets/css/partials/_article.scss b/assets/css/partials/_article.scss index 86d1fc3..7d99b92 100644 --- a/assets/css/partials/_article.scss +++ b/assets/css/partials/_article.scss @@ -3,21 +3,21 @@ main { margin: 0.75rem 1rem 3rem; padding: 1.5rem 2.5rem; border-radius: $floatingRadius; - box-shadow: var(--shadow); + box-shadow: $shadow; align-self: center; max-width: 82ch; font-size: 1.25rem; - background-color: var(--header-background); + background-color: $lightAlt; a { - color: var(--accent-1); + color: $accentDark; transition: color 0.2s ease-in-out; &:hover { - color: var(--accent-2); + color: $accent; } } @@ -30,7 +30,7 @@ main { word-break: break-word; font-family: $monoFontStack; - color: var(--accent-1); + color: $accentDark; background-color: #f6f6f6; } diff --git a/assets/css/partials/_footer.scss b/assets/css/partials/_footer.scss index 77ecc8d..8fdc2b7 100644 --- a/assets/css/partials/_footer.scss +++ b/assets/css/partials/_footer.scss @@ -1,11 +1,11 @@ footer { - background-color: var(--footer-background); - color: var(--footer-color); + background-color: $dark; + color: $light; text-align: center; padding: 0.5rem 1rem; a { - color: var(--accent-5); + color: $accentLight; } }
\ No newline at end of file diff --git a/assets/css/partials/_header.scss b/assets/css/partials/_header.scss index 49185b8..f1501b5 100644 --- a/assets/css/partials/_header.scss +++ b/assets/css/partials/_header.scss @@ -1,7 +1,7 @@ header { - background-color: var(--header-background); - color: var(--header-color); - box-shadow: var(--shadow); + background-color: $lightAlt; + color: $accent; + box-shadow: $shadow; display: flex; flex-direction: column; @@ -18,7 +18,7 @@ header { height: 4px; width: 100%; - background-color: var(--header-color); + background-color: $accent; position: absolute; display: block; @@ -44,7 +44,7 @@ header { a { font-family: $mainFontStack; - color: var(--header-color); + color: $accent; text-decoration: none; } } @@ -89,15 +89,15 @@ header { text-transform: uppercase; letter-spacing: 0.1rem; transition: color 0.2s ease-in-out; - color: var(--header-color); + color: $accent; line-height: 1; &:hover { - color: var(--accent-3); + color: $accentDark; } &.active { - color: var(--accent-1); + color: $accentDark; } } |