Improve adaptivity of the footer links
This commit is contained in:
@ -26,6 +26,10 @@
|
||||
line-height: 1.25;
|
||||
list-style: none;
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
transition: var(--transition);
|
||||
border-radius: 999px;
|
||||
@ -34,6 +38,11 @@
|
||||
line-height: 1.25;
|
||||
text-decoration: none;
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
box-shadow: var(--edge-highlight);
|
||||
background-color: var(--primary-color);
|
||||
|
@ -165,6 +165,11 @@
|
||||
line-height: 1.25;
|
||||
text-decoration: none;
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
@ -225,11 +230,6 @@
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
&#search button,
|
||||
|
Reference in New Issue
Block a user