Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-29 22:58:18 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Footer mobile style

Browse Source
This commit is contained in:
Kalle
2022-07-11 23:38:25 +03:00
parent 4d2c72c14f
commit 6f26cdb9c8
1 changed files with 30 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/styles/layout.css
View File

@@ -270,3 +270,33 @@
list-style: none;
margin-block-start: var(--s-2);
}
@media screen and (max-width: 640px) {
.layout__footer__socials {
flex-direction: column;
}
.layout__footer__social-link {
max-width: initial;
flex-direction: row;
}
.layout__footer__social-header {
display: flex;
align-items: center;
gap: var(--s-2);
text-align: initial;
}
.layout__footer__social-header > p {
margin-block-start: var(--s-1);
}
.layout__footer__social-icon {
height: 1.75rem;
}
.layout__footer__social-link:hover > .layout__footer__social-icon {
transform: translateX(-0.3rem);
}
}