orizens/echoes-player

View on GitHub
src/app/containers/app-navbar/app-navbar-user/app-navbar-user.component.scss

Summary

Maintainability
Test Coverage
:host {
  $user-icon-size: 4rem;
  padding: 0.2rem 0;

  .navbar-link {
    line-height: 4rem;
    margin: 0;
    padding: 0;

    .user-icon {
      width: $user-icon-size;
      height: $user-icon-size;
      vertical-align: middle;
      border-radius: 50%;
      border: 1px solid var(--brand-primary);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    }
  }

  .sign-in-text {
    margin-right: 0.5rem;
  }
  .sign-in-with-youtube {
    background: url('/assets/images/yt_logo_rgb_light.png') no-repeat;
    background-size: contain;
    height: 2rem;
    width: 7rem;
  }
}