From 5924cc12166b6b31329f30530315cd3ed0de00cf Mon Sep 17 00:00:00 2001 From: neri Date: Thu, 12 Dec 2019 01:27:03 +0100 Subject: [PATCH] make link colors readable --- src/components/footer.module.css | 2 +- src/components/nav.module.css | 9 +++------ src/styles/global.css | 8 ++++++++ 3 files changed, 12 insertions(+), 7 deletions(-) diff --git a/src/components/footer.module.css b/src/components/footer.module.css index d2d532f..57ecd43 100644 --- a/src/components/footer.module.css +++ b/src/components/footer.module.css @@ -14,7 +14,7 @@ justify-content: flex-end; } -.footerItem { +a.footerItem { padding: 0 1rem; color: white; text-decoration: none; diff --git a/src/components/nav.module.css b/src/components/nav.module.css index 3f42204..a718a25 100644 --- a/src/components/nav.module.css +++ b/src/components/nav.module.css @@ -24,7 +24,7 @@ flex-flow: row wrap; } -.navItem { +a.navItem { padding: 1rem; color: white; font-weight: 900; @@ -32,10 +32,7 @@ text-decoration: none; } -.navItem:hover { - text-decoration: solid underline white 0.1em; -} - -.navItemActive { +a.navItem:hover, +a.navItemActive { text-decoration: solid underline white 0.1em; } diff --git a/src/styles/global.css b/src/styles/global.css index 17aa4c8..86cda6d 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -18,3 +18,11 @@ body { padding-bottom: 6rem; min-height: 100%; } + +a { + color: green; +} + +a:visited { + color: darkorchid; +}