@jecloud/ui/es/toolbar/style/index.less

JECloud UI库，基于ant-design-vue封装

.je-toolbar {
  position: relative;
  display: inline-flex;
  width: 100%;
  height: 100%;
  padding:4px;
  overflow: hidden;
  &-vertical {
    flex-direction: column;
  }

  &-align {
    &-center {
      align-items: center;
    }
    &-start {
      align-items: flex-start;
    }
    &-end {
      align-items: flex-end;
    }
    &-baseline {
      align-items: baseline;
    }
  }
  &-justify {
    &-center {
      justify-content:center;
    }
    &-start {
      justify-content:flex-start;
    }
    &-end {
      justify-content:flex-end;
    }
    &-baseline {
      justify-content:baseline;
    }
  }
 & &-item{
    flex: none;
    &>*{
      margin:0 !important;
    }
    &:empty {
      display: none;
    }
    &-fill{
      flex: auto;
      display: flex;
    }
    &-separator{ 
      align-self:stretch;
      display: flex;
      align-items: center;
      justify-content: center;
      padding:2px;
      .separator{
        background-color: @border-color-base;
        height: 80%;
        width: 1px;
        display: block;
      }
    }
    @tools-height:20px;
    &-tool{
      width: @tools-height;
      height: @tools-height;
      line-height: @tools-height;
      font-size: 12px;
      text-align: center;
      cursor: pointer;
      &:hover {
        color: @vxe-primary-color;
      }
    }
  }
  
  &-vertical {
    .je-toolbar-item-separator .separator{
      height: 1px;
      width: 80%;
    }
  }
}