File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
.accordion {
border-top: 1px solid var(--#{$prefix}gray-40);
}
.accordion-item {
background-color: var(--#{$prefix}white);
border-bottom: 1px solid var(--#{$prefix}gray-40);
.btn-accordion {
position: relative;
width: 100%;
min-height: 6.4rem;
padding: var(--#{$prefix}spacer-5) var(--#{$prefix}spacer-10) var(--#{$prefix}spacer-5) 0;
font-size: var(--#{$prefix}fz-body-lg);
font-weight: map-get($fws, bold);
text-align: left;
&::after {
@include position($t: 2.2rem, $r: 0);
@include pseudo();
width: 2.4rem;
height: 2.4rem;
background: url(#{$url}/component/common/ico_arr_accordion.svg) no-repeat center;
background-size: 2rem;
transition: $transition-base;
transform: rotate(0deg);
}
&.active {
&::after {
transform: rotate(180deg);
}
}
}
.accordion-collapse {
max-height: 0;
overflow: hidden;
transition: max-height .5s cubic-bezier(0, 1, 0, 1);
}
&.active {
.accordion-collapse {
height: auto;
max-height: 1000vh;
transition: max-height 1.5s ease-in-out;
}
}
.accordion-body {
padding-top: var(--#{$prefix}spacer-1);
padding-bottom: var(--#{$prefix}spacer-5);
}
}