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