mirror of https://github.com/hashicorp/consul
35 lines
642 B
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;
|
|
}
|