@use '../../shared/styles/utils';

.base {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-rows: auto auto;
}

.nav {
  grid-area: 2 / 1 / 3 / 2;

  > ul {
    @include utils.wipe-list();

    display: flex;

    > li {
      > a {
        display: block;
        padding: 5px;
      }

      &:first-child {
        > a {
          padding-left: 0;
        }
      }
    }
  }
}

.currentUser {
  grid-area: 1 / 2 / 3 / 3;
}