Contents

$breadcrumb-separator-gap: 8px;

$avatar-size: 40px;

.mu-navbar {
  @include display-flex(row, space-between, center);

  height: 80px;
  border: none;

  a {
    color: $mu-color-link;
  }

  .mu-navbar-breadcrumb {

    ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
    }

    @include display-flex(row, flex-start, center);

    margin: 0;
    padding: 0;

    overflow: hidden;
    white-space: nowrap;

    .mu-breadcrumb-list {

      @include display-flex(row, flex-start, center);

      .mu-breadcrumb-list-item {
        &:before {
          content: '/';
          margin: 0 $breadcrumb-separator-gap;
          color: $mu-color-disabled;
        }
        &.brand {
          padding-top: 2px;
          padding-left: 3px;
          font-size: 38px;
          &:before {
            content: '';
            margin: 0;
          }
          a {
            color: $mu-color-primary;
            &:active { color: darken($mu-color-primary, 10%) }
            &:hover {
              color: darken($mu-color-primary, 5%);
              text-decoration: none;
            }
          }
        }
        &.last {
          @extend .mu-disabled;
          a { color: $mu-color-disabled }
        }
      }
    }
  }

  .mu-navbar-avatar {
    @include display-flex;

    .notifications-box {
      .fa {
        color: $mu-color-primary;
      }

      .badge-notifications {
        position: absolute;
        right: 15px;
        font-size: .55em;
        width: inherit;
        padding: 2px 4px;
        text-align: right;
        top: 2px;
        background-color: $mu-color-complementary;
        border: 1px solid #FFF;
      }
    }

    img {
      &.mu-profile-avatar {
        width: $avatar-size;
        height: $avatar-size;
        border-radius: 50%;
        object-fit: cover;
        cursor: pointer;
      }
    }
  }

}

.da-mumuki {
  text-decoration: none;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
mumuki-styles-1.21.4	app/assets/stylesheets/scss/_navbar.scss
mumuki-styles-1.21.3	app/assets/stylesheets/scss/_navbar.scss