rvtr/wiki
1
Fork 0
mirror of https://github.com/rvtr/wiki.git synced 2025-10-31 06:31:13 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve tab CSS on mobile

Browse Source
This commit is contained in:
Pk11 2021-10-16 16:41:53 -05:00
parent 8d7171e58f
commit 93590dbaba
1 changed files with 27 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
_sass/base.scss
View File

@ -544,16 +544,30 @@ a.footnote::after {
border-bottom-width: 0; border-bottom-width: 0;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
transition: 150ms ease; transition: 150ms ease;
}
.tab-link:not(:first-of-type) { @media screen and (min-width: 576px) {
&:not(:first-of-type) {
border-left-width: 0px; border-left-width: 0px;
} }
.tab-link:first-of-type {
&:first-of-type {
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
} }
.tab-link:last-of-type {
&:last-of-type {
border-top-right-radius: 0.25rem; border-top-right-radius: 0.25rem;
} }
}
@media screen and (max-width: 575px) {
width: 100%;
&:first-of-type {
border-radius: 0.25rem 0.25rem 0 0;
}
}
}
.tab { .tab {
display: none; display: none;
@ -563,6 +577,10 @@ a.footnote::after {
width: 100%; width: 100%;
border: 1px solid $borders; border: 1px solid $borders;
border-radius: 0 0.25rem 0.25rem 0.25rem; border-radius: 0 0.25rem 0.25rem 0.25rem;
@media screen and (max-width: 575px) {
border-radius: 0 0 0.25rem 0.25rem;
}
} }
input:checked + .tab-link + .tab { input:checked + .tab-link + .tab {