ui/app/styles/components/_accordion.scss

97 lines
1.6 KiB
SCSS

$accordion-header: lighten($bg-default, 2) !default;
$accordion-header-border: darken($bg-default, 5) !default;
$acc-label : $text-muted !default;
.accordion-wrapper {
margin-bottom: 10px;
}
.accordion {
@extend .accordion-wrapper;
.accordion-header {
@include no-select;
@extend .hand;
@extend .clearfix;
background: $accordion-header;
border: solid $accordion-header-border thin;
/* border: solid 1px $accent-border; */
padding: 5px;
display: table;
vertical-align: middle;
width: 100%;
.expand,
.title,
.badge-state, {
display: table-cell;
height: 100%;
vertical-align: middle;
background: transparent;
}
.expand {
width: 30px;
text-align: center;
I {
margin: 0;
padding: 0;
font-size: 10px;
}
}
.help-block {
margin: 0;
}
.badge-state {
padding: 10px;
width: 140px;
text-align: right;
}
}
.accordion-content {
position: relative;
padding: 20px;
border: solid 1px $border;
border-top: 0;
.radio {
padding: 5px 0;
}
.search-group {
display: none;
position: relative;
> .input-group-btn {
position: absolute;
}
}
}
}
.physical-attrs {
.accordion-content {
> .row > .col.span-6 > .col.span-12 {
padding: 10px;
border-bottom: 1px solid $accent-border;
}
}
}
.acc-label {
color: $acc-label;
padding-bottom: 5px;
font-size: .85em;
.acc-label-hover {
display: none;
}
&:hover .acc-label-hover {
display: inline-block;
}
}