bk-magic-vue/lib/ui/breadcrumb.css

基于蓝鲸 Magicbox 和 Vue 的前端组件库

.bk-breadcrumb{
  font-size:14px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  color:#979ba5
}

.bk-breadcrumb::after{
    clear:both
  }

.bk-breadcrumb-separator{
    margin:0 9px;
    font-weight:bold
  }

.bk-breadcrumb-separator[class*=icon]{
      margin:0 6px;
      font-weight:normal;
    }

.bk-breadcrumb-item-inner.is-link, .bk-breadcrumb-item-inner a{
        text-decoration:none;
        color:#63656e
      }

.bk-breadcrumb-item-inner.is-link:hover, .bk-breadcrumb-item-inner a:hover{
          color:#0082ff;
          cursor:pointer;
        }

.bk-breadcrumb-item:last-child{
      color:#979ba5;
    }

.bk-breadcrumb-item:last-child .el-breadcrumb__inner, .bk-breadcrumb-item:last-child .el-breadcrumb__inner:hover, .bk-breadcrumb-item:last-child .el-breadcrumb__inner a, .bk-breadcrumb-item:last-child .el-breadcrumb__inner a:hover{
          cursor:text;
        }

.bk-breadcrumb-item:last-child .bk-breadcrumb-separator{
        display:none;
      }

.bk-breadcrumb-goback{
    color:#0082ff;
    margin-right:12px;
    cursor:pointer
  }

.bk-breadcrumb-goback .icon-default{
      font-size:26px;
    }