consul/ui-v2/app/styles/components/tabs/layout.scss

35 lines
642 B
SCSS

%tab-section {
/* this keeps in-tab-section toolbars flush to the top, see Node Detail > Services */
margin-top: 0 !important;
}
%tab-nav {
clear: both;
}
@media #{$--horizontal-tabs} {
%tab-nav ul {
display: flex;
align-items: center;
}
%tab-nav a {
padding-left: 16px;
padding-right: 16px;
}
}
@media #{$--lt-horizontal-tabs} {
%tab-nav li {
width: 100%;
}
}
%tab-nav a {
display: block;
padding-top: 13px;
padding-bottom: 13px;
}
%tab-section > input[type='radio'],
%tab-section > input[type='radio'] + * {
display: none;
}
%tab-section > input[type='radio']:checked + * {
display: block;
}