kui-vue/components/breadcrumb/styles/index.less

A lightweight desktop UI component library suitable for Vue.js 2.

@import '../../styles/var.less';

.k-breadcrumb {
  line-height: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;

  ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  &-item {
    display: inline-flex;
    align-items: center;
    color: var(--kui-color-disabled);

    a {
      color: var(--kui-color-disabled);

      &:hover {
        color: var(--kui-color-main);
      }
    }

    .k-icon {
      // color: var(--kui-color-disabled);
      margin-right: 4px;

      &:hover {
        // color: var(--kui-color-main);
      }
    }

    &:hover {
      // color: var(--kui-color-main);
    }

    &:active {
      // color: var(--kui-color-main-active);
    }
  }

  &-link {
    // cursor: pointer;
    display: inline-flex;
    align-items: center;
  }

  &-separator {
    color: var(--kui-color-disabled);
  }

  li {
    &:last-child {
      // background-color: red;
      color: var(--kui-color-font);

      .k-breadcrumb-separator {
        display: none;
      }
    }
  }

  &-separator {
    margin: 0 8px;
  }
}