@choerodon/master/lib/containers/components/c7n/ui/header/style/Logo.less

A package of Master for Choerodon platform.

// @import "../../../style/theme/default";

@c7n-boot-header-logo: ~"c7n-boot-header-logo";

.@{c7n-boot-header-logo} {
  color: white;
  flex-grow: 1;
  height: 100%;
  font-weight: 500;
  font-size: 22px;
  user-select: none;
  // background-image: url('./icons/choerodon_logo_letter.svg');
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 0 center;
  transition: background-position .3s;
  &:hover {
    color: #fff;
  }
  &-default-logo {
    background-image: url('./icons/choerodon_logo_letter.svg');
  }
  &-wrap {
    background-color: @primary-color - #0f1216;
    width: 250px;
    height: 47px;
    line-height: 47px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  }

  &-icon {
    color: white;
    font-size: 30px;
    width: 50px;
    height: 100%;
    // background-image: url('./icons/choerodon_logo_picture.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
  }

  &-default-icon {
    background-image: url('./icons/choerodon_logo_picture.svg');
  }

  &-menu-icon {
    color: #fff;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    margin: 0 9px;
    .icon {
      font-size: 24px;
      line-height: 32px;
    }
  }
}

a.@{c7n-boot-header-logo} {
  cursor: pointer;
}