54 lines
986 B
SCSS
54 lines
986 B
SCSS
|
.#{$ns}CollapseGroup {
|
||
|
.#{$ns}Collapse {
|
||
|
border-radius: 0;
|
||
|
}
|
||
|
|
||
|
.#{$ns}Collapse:first-child {
|
||
|
border-radius: 4px 4px 0 0;
|
||
|
& > .#{$ns}Collapse-header {
|
||
|
border-radius: 4px 4px 0 0;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.#{$ns}Collapse:last-child {
|
||
|
border-radius: 0 0 4px 4px;
|
||
|
& > .#{$ns}Collapse-header {
|
||
|
border-radius: 0 0 4px 4px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.#{$ns}Collapse:first-child:nth-last-child(1) {
|
||
|
border-radius: 4px;
|
||
|
& > .#{$ns}Collapse-header {
|
||
|
border-radius: 4px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.#{$ns}Collapse:not(:last-child):not(.is-mobile) {
|
||
|
border-bottom: none;
|
||
|
}
|
||
|
|
||
|
&.icon-position-right {
|
||
|
.#{$ns}Collapse-header {
|
||
|
.#{$ns}Collapse-arrow-wrap {
|
||
|
float: right;
|
||
|
margin-right: 0;
|
||
|
}
|
||
|
|
||
|
.#{$ns}Collapse-icon-tranform {
|
||
|
float: right;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
|
||
|
&.is-mobile {
|
||
|
&.icon-position-right {
|
||
|
.#{$ns}Collapse-header {
|
||
|
.#{$ns}Collapse-arrow-wrap {
|
||
|
margin-right: px2rem(-18px);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|