assets/index/Header.less

   1 .@{prefixClass}-panel {
   2   &-input {
   3     margin: 0;
   4     padding: 0;
   5     width: 100%;
   6     cursor: auto;
   7     line-height: 1.5;
   8     outline: 0;
   9     border: 1px solid transparent;
  10
  11     &-wrap {
  12       box-sizing: border-box;
  13       position: relative;
  14       padding: 6px;
  15       border-bottom: 1px solid #e9e9e9;
  16     }
  17
  18     &-invalid {
  19       border-color: red;
  20     }
  21   }
  22
  23   &-clear-btn {
  24     position: absolute;
  25     right: 6px;
  26     cursor: pointer;
  27     overflow: hidden;
  28     width: 20px;
  29     height: 20px;
  30     text-align: center;
  31     line-height: 20px;
  32     top: 6px;
  33     margin: 0;
  34   }
  35
  36   &-clear-btn:after {
  37     content: "x";
  38     font-size: 12px;
  39     color: #aaa;
  40     display: inline-block;
  41     line-height: 1;
  42     width: 20px;
  43     transition: color 0.3s ease;
  44   }
  45
  46   &-clear-btn:hover:after {
  47     color: #666;
  48   }
  49 }