yylib-quick-mobile/source/yylib/library/YYLibrary.less

yylib-quick-mobile

@color-note: #D3D3D3;
.yy-library{
  background:#fff;
  &.change{
    .am-navbar {
      border-bottom:1px solid #f5f5f9;
    }
    .am-navbar .am-navbar-right{
      .am-icon-plus{
        transform: rotate(45deg);
        -webkit-transition:-webkit-transform 1s linear;
        transition:transform 0.3s linear;
      }
    }
  }
  .am-navbar {
    border-bottom:1px solid #f5f5f9;
  }
  .am-navbar .am-navbar-right{
      .am-icon-plus{
        transform: rotate(0deg);
        -webkit-transition:-webkit-transform 1s linear;
        transition:transform 0.3s linear;
      }
  }
   .am-list-body div:not(:last-child) .am-list-line{
    border-bottom: none;
   }
  .item {
    align-items: center;
    height: auto;
    padding-top:5px;
    display:flex;
    &.multi{
      .Checkbox-item {
        width:10%;
      }
      .boder-content{
        width:90%;
      }
    }
    .Checkbox-item {
      width:0%;
    }
    .boder-content{
      width:100%;
      margin-left: 10px;
      padding-right: 10px;
      padding-bottom: 5px;
      align-items: center;
      display:flex;
      height:50px;
      border-bottom:1px solid #f5f5f9;
      .left-content {
        width:15%;
        img {
          width:40px;
        }
      }
      .content {
        width:80%;
        font-size:16px;
        .note-content{
          display:flex;
          align-items: center;
          font-size:12px;
          color: @color-note;
          padding-top: 5px;
          .left {
            padding-right:10px;
          }
        }
      }
      .right-content {
        width:5%;
        color: @color-note;
      }
    }
  }

  .buttons {
    display: flex;
    position:fixed;
    bottom:0;
    height:50px;
    align-items: center;
    border-top: 1px solid #f5f5f9;
    width:100%;
    .btn-paste:not(:last-child){
      color:blue;
      border-right: 1px solid #CDCDC1;
    }
    .btn-paste {
      color:gray;
      width:100%;
      cursor: pointer;
      text-align:center;
    }
  }
}