fix some styling with links
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
parent
6a972e9727
commit
7eb18f9b99
@ -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">
|
||||||
|
@ -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 {
|
||||||
@ -75,3 +76,12 @@ 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);
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user