Utilize more flex stuff

This commit is contained in:
daudix
2024-08-22 23:13:39 +03:00
parent 5e3d08bcea
commit 20ee72f166

View File

@ -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;
} }