qm-bus/src/MarketingToolbars/index.less

千米公有云业务组件库

.marketing-toolbars {
  .mt {
    display: flex;
    justify-content: space-between;
    .mt-item {
      border: 1px dashed #ddd;
      width: 85px;
      height: 80px;
      text-align: center;
    }
    .icon {
      width: 40px;
      height: 40px;
      font-size: 24px;
      margin: 5px auto;
      line-height: 40px;
      background: #f1f6fd;
      border-radius: 5px;
    }
    .title {
      color: #777;
      line-height: 28px;
    }
  }

  .mt-item:hover {
    border: 1px solid #508fe2;
    .icon {
      background: #508fe2;
      i {
        color: #fff;
      }
    }
    .title {
      color: #508fe2;
    }
  }
}