@ohu-mobile/core
Version:
80 lines • 1.97 kB
CSS
.ohu-collapse-item__header {
position: relative;
padding: 0.4rem 0.42667rem;
font-size: 0.42667rem;
color: #333;
line-height: 1.375em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
cursor: pointer;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
outline: none;
background: #FFF;
}
.ohu-collapse-item__header:active {
background: #F5F5F5;
}
.ohu-collapse-item__header__icon {
top: 0.4rem;
position: absolute;
display: inline-block;
text-align: center;
width: 0.64rem;
height: 0.64rem;
color: #808080;
transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
transform: rotate(0);
}
.ohu-collapse-item__header__icon.is-expand {
transform: rotate(-180deg);
}
.ohu-collapse-item__header__icon > .ohu-icon {
transform: scale(1.2, 1.2);
}
.ohu-collapse-item__header.is-right {
padding-right: 0.96rem;
}
.ohu-collapse-item__header.is-right .ohu-collapse-item__header__icon {
right: 0.4rem;
}
.ohu-collapse-item__header.is-left {
padding-left: 1.28rem;
}
.ohu-collapse-item__header.is-left .ohu-collapse-item__header__icon {
left: 0.37333rem;
}
.ohu-collapse-item__content {
color: #999;
padding: 0 0 0 0.37333rem;
overflow: hidden;
}
.ohu-collapse-item__content__inner {
padding: 0.4rem 0.37333rem 0.4rem 0;
font-size: 0.42667rem;
word-wrap: break-word;
white-space: pre-wrap;
word-break: break-word;
}
.ohu-collapse-item__content__inner.has-list {
padding: 0;
}
.ohu-collapse-item__content__inner.has-list .ohu-list-item {
font-size: 0.42667rem;
color: #999;
}
.ohu-collapse-item__content__inner.has-list .ohu-list-item:last-of-type::after {
display: none;
}
.ohu-collapse-item.is-disabled .ohu-collapse-item__header {
opacity: 0.4;
cursor: not-allowed;
}
.ohu-collapse-item.is-disabled .ohu-collapse-item__header:active {
background: #FFF;
}