// chappe
//
// Copyright 2021, Crisp IM SAS
// Author: Valerian Saliou <valerian@valeriansaliou.name>

@use "../_globals" as *;

#references {
  .panes {
    .sidebar {
      &.sidebar--left {
        .context .context-name .context-icon,
        .nest .nest-category .nest-icon {
          background-color: var(--color-accent-base);

          @include mask-image-fill;
        }

        .nest {
          .nest-category {
            .nest-icon {
              @include mask-image-internal("references/sidebar/category-icon-default.svg");
            }
          }
        }
      }
    }
  }
}

// - Media Queries

// For screens below defined widths

@media screen and (max-width: $screen-small-width-breakpoint) {
  #references {
    .panes {
      .sidebar-toggler {
        margin-top: 26px;
      }
    }
  }
}

@media screen and (max-width: $screen-tiny-width-breakpoint) {
  #references {
    .panes {
      .sidebar-toggler {
        margin-top: 15px;
      }
    }
  }
}