yylib-quick-mobile/source/yylib/textarea-item/YYTextareaItem.less

yylib-quick-mobile

@import "../../form.less";
.outside {
  border-bottom: 1px solid #d7dce6;
  .yy-label-required:after{
    .required;
  }
  padding-bottom: 10px;
  .label{
    padding:10px 0 12px 15px;
    font-size:16px;
    color: #414655;
    position: relative;
  }
  .label::after {
    content: '';
    position: absolute;
    background-color: #d7dce6;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
}
  .yy-textarea-item .am-textarea-control{
    //border:1px solid #d7dce6;
    padding-bottom: 0px;
  }
}
.outside::after {
    content: '';
    position: absolute;
    background-color: #d7dce6;
    display: block;
    z-index: 1;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1PX;
    transform-origin: 50% 100%;
    transform: scaleY(0.5);
}
.inside {
  border-bottom: 1px solid #d7dce6
}
.yy-textarea-item {
	.am-textarea-count {
		font-size:12px;
		right: 15px;
		bottom: 0;
		line-height: 36px;
	}
  &.am-textarea-disabled .am-textarea-label {
    color: #414655;
  }
  .am-textarea-control textarea:disabled{
    opacity: 1;
    -webkit-text-fill-color: #414655;
    -webkit-opacity: 1;
    color: #414655;
  }
}