tab shortcode title wrap

#229
This commit is contained in:
zzossig 2020-03-13 10:05:03 +09:00
parent 4bbcf3dc20
commit 6c565cefa9
2 changed files with 4 additions and 7 deletions

View File

@ -4,25 +4,23 @@
margin: 2rem 0; margin: 2rem 0;
&__links { &__links {
height: 30px; height: auto;
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
@include flexbox(); @include flexbox();
@include align-items(center); @include align-items(center);
@include justify-content(flex-start); @include justify-content(flex-start);
@include themify($themes) { @include flex-wrap(wrap);
}
} }
&__link { &__link {
height: 30px;
outline: none; outline: none;
border: none; border: none;
cursor: pointer; cursor: pointer;
font-size: 13.8px; font-size: 13.8px;
font-family: $title-font; font-family: $title-font;
text-transform: capitalize; text-transform: capitalize;
padding: 0.25rem 0.5rem; padding: 0.5rem 0.75rem;
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; border-top-right-radius: 0.25rem;
@ -31,7 +29,6 @@
background-color: themed('body-background-color'); background-color: themed('body-background-color');
&.active { &.active {
height: 32px;
background-color: themed('body-background-color'); background-color: themed('body-background-color');
border: 1px solid themed('hr-color'); border: 1px solid themed('hr-color');
border-bottom: none; border-bottom: none;