/* Copyright (C) 2019 Monomax Software Pty Ltd
 *
 * This file is part of Dnote.
 *
 * Dnote is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * Dnote is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Dnote.  If not, see <https://www.gnu.org/licenses/>.
 */

@import '../App/font';
@import '../App/responsive';
@import '../App/rem';
@import '../App/theme';

.wrapper {
  background: white;
  position: relative;

  border-bottom: 1px solid $border-color;
}

.link {
  color: $black;
  display: block;
  padding: rem(8px) rem(16px);
  border: 2px solid transparent;
  height: rem(96px);

  &:hover {
    text-decoration: none;
    background: $light-blue;
    color: inherit;
  }
}

.meta {
  line-height: rem(16px);
}

.book-label {
  @include font-size('regular');
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: rem(120px);
  font-weight: 600;
}

.ts {
  @include font-size('small');
  color: #6e6e6e;
}

.content {
  @include font-size('small');
  color: #6e6e6e;
  margin-top: rem(8px);
  line-height: rem(16px);

  overflow: hidden;
  text-overflow: ellipsis;
  // white-space: nowrap;
  // width: rem(calc(#{$note-sidebar-width} - 60px));

  // @include breakpoint(xl) {
  //   width: rem(calc(#{$xl-note-sidebar-width} - 60px));
  // }
}

.active {
  .link {
    background: $light-blue;
  }
}

.error {
  .link {
    color: $danger-text;
    background: $danger-background;
  }
}
