Utilize more flex stuff
This commit is contained in:
@ -57,7 +57,7 @@
|
|||||||
|
|
||||||
@media only screen and (max-width: 480px) {
|
@media only screen and (max-width: 480px) {
|
||||||
&:not(#search, #language-switcher, #theme-switcher, #feed, #repo) {
|
&:not(#search, #language-switcher, #theme-switcher, #feed, #repo) {
|
||||||
width: 100%;
|
flex: 0 0 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -158,18 +158,15 @@
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
flex: 1;
|
||||||
transition: var(--transition);
|
transition: var(--transition);
|
||||||
border-radius: 999px;
|
border-radius: 999px;
|
||||||
padding: 0.5rem 0.75rem;
|
padding: 0.5rem 0.75rem;
|
||||||
color: var(--fg-muted-4);
|
color: var(--fg-muted-4);
|
||||||
line-height: 1.25;
|
line-height: 1.25;
|
||||||
|
text-align: center;
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user