stylesheets/sidebar.less

/* Copyright 2015 The Vanadium Authors. All rights reserved. */
/* Use of this source code is governed by a BSD-style */
/* license that can be found in the LICENSE file. */

@import "constants";

& {
  overflow-y: auto;
  background-color: @color-grey-100;
}

/* Similar to .row in header.less. */
.logo-row {
  display: flex;
  align-items: center;
  padding: 0 @gutter;
  height: @header-height;
  color: @color-primary-700;

  .icon {
    margin: 0 @gutter-quarter 0 calc(12px - @gutter);
  }

  .v-icon {
    padding: 6px;
    cursor: auto;
  }
}

.items {
  padding: @gutter-half 0;
}

a {
  display: block;
  padding: @gutter-quarter @gutter-half;
  color: @color-text-primary;
  font-size: 14px;
  font-weight: 400;

  &.active {
    background-color: @color-blue-grey-100;
    font-weight: 500;
  }
}

nav {
  overflow: hidden;

  a {
    padding: 6px;
    padding-left: @gutter;
    font-size: 13px;
  }

  nav a {
    padding-left: calc(@gutter + @gutter-half);
  }
}