fix some styling with links

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-04-01 19:58:53 -07:00
parent 6a972e9727
commit 7eb18f9b99
3 changed files with 12 additions and 2 deletions

View File

@ -100,7 +100,7 @@
<h2>My Projects</h2> <h2>My Projects</h2>
</div> </div>
<div> <div>
<a href="projects.html">Browse</a> <a href="projects.html" style="font-size: x-large;">Browse</a>
</div> </div>
</div> </div>
<div class="single" id="interests"> <div class="single" id="interests">

View File

@ -7,6 +7,7 @@ Cards alternate style from flat to popped out
:root { :root {
--card-bg-color: #222222; --card-bg-color: #222222;
--card-text-color: white; --card-text-color: white;
--link-text-color: #AAAAFF;
} }
.single { .single {
@ -74,4 +75,13 @@ Cards alternate style from flat to popped out
} }
.card[data-reverse] { .card[data-reverse] {
flex-direction: column-reverse; flex-direction: column-reverse;
}
.card a {
font-size: large;
color: var(--accent-text-color);
text-decoration: underline 0.1em var(--card-bg-color);
transition: text-decoration-color 500ms;
}
.card a:hover {
text-decoration: underline 0.1em var(--link-text-color);
} }

View File

@ -72,7 +72,7 @@ nav a {
font-size: x-large; font-size: x-large;
color: var(--accent-text-color); color: var(--accent-text-color);
text-decoration: underline 0.1em var(--accent-bg-color); text-decoration: underline 0.1em var(--accent-bg-color);
transition: text-decoration-color 500ms; transition: text-decoration-color 500ms;
} }
nav a:hover { nav a:hover {
text-decoration: underline 0.1em var(--accent-text-color); text-decoration: underline 0.1em var(--accent-text-color);