m-dropdown.scss 1.02 KB
@import '@/styles/_support';

.panel {
  display: block;
  left: 0;
  top: $navHeight-M;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba($color: #000000, $alpha: 0.3);
  // background-color: #ffffff;

  .list {
    padding: 0 20px;
    background-color: #ffffff;
  }

}

.coll-item-act{
  color:$cOrange;
}

.list-item {
  @extend .bb;
  display: flex;
  align-items: center;
  padding: 16px 16px;
  position: relative;
  border-bottom: 1px solid #ebedf0;
  font-size: 14px;
  color: $cFontGray;
}

.icon-wrap {
  @extend .fcc;
  height: 100%;
}

.plus-icon {
  width: 21px;
  height: 21px;
  background: url("~@/assets/images/home/icon-head-plus.png") no-repeat center;
  @extend .bis;
  transform: scale(.6);
}

.arrow-icon {
  width: 21px;
  height: 21px;
  background: url("~@/assets/images/home/icon-head-right-arrow.png") no-repeat center;
  @extend .bis;
  transform: scale(.6);
}

.plus-icon-act {
  background: url("~@/assets/images/home/icon-head-plus-act.png") no-repeat center;
}

.hide{
  display: none;
}