lojk-ui/src/components/lotusPipeItem/lotusPipeItems.css

lojk vue ui components library

.pipe-items {
  height: 100%;
  /*去掉箭头*/
  /*上、下划线*/
  /*无下划线*/
  /*上划线*/
}
.pipe-items-wrap {
  position: relative;
  padding-left: 0.4rem;
  min-height: 1.17333333rem;
  /*display: -webkit-box;
  display: -webkit-flex;*/
  display: flex;
  align-items: center;
}
.pipe-items-wrap-retract {
  padding-left: 0;
  margin-left: 0.4rem;
}
.pipe-items-wrap-between {
  padding-right: 0.53333333rem;
  justify-content: space-between;
}
.pipe-items-arrow {
  /*箭头*/
}
.pipe-items-arrow:after {
  content: '';
  position: absolute;
  right: 0.26666667rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.26666667rem;
  height: 0.26666667rem;
  border-top-width: 0.04rem;
  border-right-width: 0.04rem;
  border-top-style: solid;
  border-right-style: solid;
  border-color: #9a9a9a;
}
@media (max-width: 250px) {
  .pipe-items-arrow:after {
    border-top-width: 1px;
  }
}
@media (max-width: 250px) {
  .pipe-items-arrow:after {
    border-right-width: 1px;
  }
}
.pipe-items-noarrow:after {
  display: none!important;
}
.pipe-items-underline,
.pipe-items-overline {
  position: relative;
}
.pipe-items-underline:before,
.pipe-items-overline:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background: #e5e5e5;
}
.pipe-items-nounderline:before {
  display: none!important;
}
.pipe-items-overline:before {
  top: 0;
}
.pipe-items-image {
  margin-right: 0.26666667rem;
  width: 0.72rem;
  height: 0.72rem;
}
.pipe-items-text {
  padding: 0!important;
  font-size: 0.42666667rem;
  color: #333;
}