janis/dertyp7.github.io
1
0
Fork 0
mirror of https://github.com/DerTyp7/dertyp7.github.io.git synced 2025-11-04 07:19:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add About component and update styles

Browse Source
This commit is contained in:
dertyp7
2024-01-13 17:34:55 +01:00
parent 81f66a01bb
commit 7715d626ad
5 changed files with 98 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/styles/About.scss Normal file
View File

@@ -0,0 +1,36 @@
.about {
padding: 5rem 10rem;
.greeting {
color: var(--color-accent);
}
.interest {
color: var(--color-font-muted);
}
.social-links {
display: flex;
flex-direction: row;
align-items: center;
margin-top: 2rem;
gap: 2rem;
a {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
color: var(--color-font);
text-decoration: none;
font-size: 1.2rem;
font-weight: 500;
border-radius: 5px;
padding: 10px 15px;
background-color: #1d1d1d;
transition: all 50ms ease-in-out;
border: 2px solid transparent;
&:hover {
background-color: #2d2d2d;
border-color: var(--color-accent);
}
}
}
}