@import (reference) '../../style/common.less';

.umui-step-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 20px;
  padding: 20px 112px;
  font-size: 16px;
  line-height: 20px;
  background: @component-background;
  box-sizing: content-box;

  .umui-step-clickable {
    cursor: pointer;
  }

  .umui-step-bar-active {
    &,
    .umui-step-bar-icon {
      color: @primary-color;
    }
  }

  .umui-step-bar-icon {
    font-size: 26px;
    line-height: 20px;
    margin-right: 8px;
    color: @text-color-info;
    vertical-align: middle;
  }

  .umui-step-bar-arrow {
    height: 14px;
    width: 100px;
  }
}