From 5ac15128d7553cf60be4c4d45ec19abe2e19aacc Mon Sep 17 00:00:00 2001
From: Corson-Dosch <hcorson-dosch@usgs.gov>
Date: Wed, 18 Dec 2024 09:49:39 -0600
Subject: [PATCH] improve styling of links
---
src/assets/css/main.css | 8 ++++++++
src/components/AuthorshipSection.vue | 3 +++
src/components/ChartCard.vue | 1 +
3 files changed, 12 insertions(+)
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 49dc012..a275007 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -46,6 +46,14 @@
/* set color of links throughout */
a {
color: var(--color-link);
+ font-weight: 700;
+ text-decoration: none;
+ @media only screen and (max-width: 600px) {
+ text-decoration: underline;
+ }
+}
+a:hover {
+ text-decoration: underline;
}
/* sets width of text column throughout components */
.text-container {
diff --git a/src/components/AuthorshipSection.vue b/src/components/AuthorshipSection.vue
index 9586863..84ed958 100644
--- a/src/components/AuthorshipSection.vue
+++ b/src/components/AuthorshipSection.vue
@@ -73,4 +73,7 @@
font-style: italic;
font-weight: 300;
}
+ #authors a {
+ font-weight: 400;
+ }
</style>
\ No newline at end of file
diff --git a/src/components/ChartCard.vue b/src/components/ChartCard.vue
index 8621d70..a47569a 100644
--- a/src/components/ChartCard.vue
+++ b/src/components/ChartCard.vue
@@ -84,6 +84,7 @@
font-family: sans-serif; /* This is fallback font for old browsers */
font-family: var(--title-font);
color: var(--color-title-text);
+ font-weight: 400;
transform: translateY(50%);
padding: 0.2rem 2rem 0.2rem 2rem;
opacity: 0;
--
GitLab