Contents

@import "~trestle/frontend/css/support";

.userbox {
  order: 99;
  padding: 0.125rem 0;

  display: flex;
  align-items: center;

  > a {
    color: $body-color;

    display: block;
    padding: 0.125rem 0;

    font-weight: normal;
    line-height: 40px;

    &:hover, &:focus {
      text-decoration: none;
    }
  }

  .avatar {
    vertical-align: top;
    margin-left: 0.375rem;
  }

  .dropdown-toggle {
    &::after {
      vertical-align: middle;
    }
  }
}

@include media-breakpoint-down(sm) {
  .userbox {
    display: block;
    position: relative;
    z-index: 5;

    .name {
      display: none;
    }

    .avatar {
      border: 1px solid rgba(white, 0.25);
      margin-left: 0;
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
trestle-auth-0.5.0	frontend/userbox.scss
trestle-auth-0.5.0.pre2	frontend/userbox.scss