fortytwo/me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css: align contact methods

Browse source 
Signed-off-by: Naman Sood <mail@nsood.in>
This commit is contained in:
Naman Sood 2024-02-23 23:04:19 -05:00
parent 303de84d03
commit 0230d18b87
2 changed files with 18 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

17
css/style.css
View file

@ -171,10 +171,11 @@ body.blue-mode {
color: var(--iconColor);
}
.main .contact-methods a.contact-method p {
margin: 0;
position: absolute;
top: 90%;
left: 1.5rem;
left: -100rem;
right: -100rem;
margin: 0 auto;
width: max-content;
opacity: 0;
transition: all 0.2s ease;
@ -184,14 +185,15 @@ body.blue-mode {
.main .contact-methods a.contact-method:hover p {
opacity: 1;
}
.main .contact-methods a.contact-method:nth-last-child(1) p, .main .contact-methods a.contact-method:nth-last-child(2) p {
.main .contact-methods a.contact-method:last-child p {
left: auto;
right: 1.5rem;
margin: 0;
}
.main .contact-methods a.contact-method:nth-child(3) p {
left: -100rem;
right: -100rem;
margin: 0 auto;
.main .contact-methods a.contact-method:first-child p {
left: 1.5rem;
right: auto;
margin: 0;
}
.main .contact-methods i {
width: 4rem;
@ -353,7 +355,6 @@ body.blue-mode {
dialog.change-color-dialog br {
display: none;
}
.main > .text-container h1 {
font-size: 3rem;
}

16
css/style.scss
View file

@ -189,10 +189,11 @@ body {
}
p {
margin: 0;
position: absolute;
top: 90%;
left: 1.5rem;
left: -100rem;
right: -100rem;
margin: 0 auto;
width: max-content;
opacity: 0;
transition: all 0.2s ease;
@ -204,18 +205,19 @@ body {
opacity: 1;
}
&:nth-last-child(1), &:nth-last-child(2) {
&:last-child {
p {
left: auto;
right: 1.5rem;
margin: 0;
}
}
&:nth-child(3) {
&:first-child {
p {
left: -100rem;
right: -100rem;
margin: 0 auto;
left: 1.5rem;
right: auto;
margin: 0;
}
}
}