hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve adaptivity of the footer links

Browse Source
This commit is contained in:
daudix
2024-08-18 02:34:47 +03:00
parent c69b4a3e4f
commit b1236bcb84
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
sass/_footer.scss
View File

@ -26,6 +26,10 @@
line-height: 1.25; line-height: 1.25;
list-style: none; list-style: none;
@media only screen and (max-width: 480px) {
width: 100%;
}
a { a {
transition: var(--transition); transition: var(--transition);
border-radius: 999px; border-radius: 999px;
@ -34,6 +38,11 @@
line-height: 1.25; line-height: 1.25;
text-decoration: none; text-decoration: none;
@media only screen and (max-width: 480px) {
width: 100%;
text-align: center;
}
&:hover { &:hover {
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
background-color: var(--primary-color); background-color: var(--primary-color);

10
sass/_nav.scss
View File

@ -165,6 +165,11 @@
line-height: 1.25; line-height: 1.25;
text-decoration: none; text-decoration: none;
@media only screen and (max-width: 480px) {
width: 100%;
text-align: center;
}
&:hover { &:hover {
text-decoration: none; text-decoration: none;
} }
@ -225,11 +230,6 @@
border-radius: 0.25rem; border-radius: 0.25rem;
} }
} }
@media only screen and (max-width: 480px) {
width: 100%;
text-align: center;
}
} }
&#search button, &#search button,