@mdsfe/mds-ui/dist/style/collapse.css

A set of enterprise-class Vue UI components.

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */
.mds-collapse {
  border: 1px solid #f0f2f5;
  background: #fff;
}
.mds-collapse .mds-collapse-item .mds-collapse-header {
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  background: #fafafd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 26px;
  cursor: pointer;
}
.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-default-title {
  line-height: 48px;
  vertical-align: middle;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #354052;
}
.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-left {
  margin-right: 9px;
  transform: rotate(270deg);
}
.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-right {
  transform: rotate(270deg);
}
.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-default {
  transform-origin: center;
  color: #CCD2DB;
  transition: all .3s;
}
.mds-collapse .mds-collapse-item .mds-collapse-header .mds-collapse-icon-active {
  transform: rotate(360deg);
  color: #7F8FA4;
}
.mds-collapse .mds-collapse-item .mds-collapse-header-active {
  border-bottom: 1px solid #F0F2F5;
}
.mds-collapse .mds-collapse-item .mds-collapse-body {
  box-sizing: border-box;
  background: #FFFFFF;
  overflow: hidden;
  transition: height .3s;
}
.mds-collapse .mds-collapse-item .mds-collapse-body .mds-collapse-body-content {
  padding: 16px 26px;
}
.mds-collapse .mds-collapse-item:last-child .mds-collapse-header-active {
  border-bottom: none;
}
.mds-collapse .mds-collapse-item-mini .mds-collapse-header {
  height: 40px ;
  line-height: 40px;
  padding: 0 23px;
}
.mds-collapse .mds-collapse-item-mini .mds-collapse-header .mds-collapse-default-title {
  font-size: 12px !important;
  line-height: 40px;
}
.mds-collapse .mds-collapse-item-mini .mds-collapse-body .mds-collapse-body-content {
  font-size: 12px !important;
  padding: 16px 23px;
}
.mds-collapse .mds-collapse-item-disabled {
  opacity: .8;
}
.mds-collapse .mds-collapse-item-disabled .mds-collapse-header {
  cursor: not-allowed !important;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable declaration-bang-space-before */
/* stylelint-disable declaration-bang-space-before */