emilia
/
personal-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add styled underline to main page

This commit is contained in:
Emilia Allison 2023-07-19 14:44:24 -04:00
parent b23d95bc0a
commit 5ec8cf52a1
Signed by: emilia
GPG Key ID: 7A3F8997BFE894E0
2 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/index.html
View File

@ -21,7 +21,9 @@
<div id="overlay"></div>
<main class="offset-grid--top fullsize">
<div>
<h1 class="text-dark ff-serif fs-800 gap-large-bottom">Emilia.</h1>
<h1 class="text-dark ff-serif fs-800 gap-large-bottom">
Em<span class="waltuh-gradient-underline">ilia</span>.
</h1>
<p>mathematics enjoyer</p>
<p id="pgp_p">pgp:
<a href="https://keyserver.ubuntu.com/pks/lookup?search=0x8cbc050e7bbb8779eccd42074b33e52e3bd25455&fingerprint=on&op=index" id="pgp_a" class="fixed">

17
src/scss/waltuh/components/_marks.scss
View File

@ -37,3 +37,20 @@ span.waltuh-gradient {
wipeIn 0.25s ease-in;
}
span.waltuh-gradient-underline {
position: relative;
&::after {
@extend span, .waltuh-gradient;
background-clip: unset;
border-radius: 2rem;
content: "";
position: absolute;
bottom: 0.2rem;
left: 10%;
height: 0.4rem;
width: 80%;
}
}