/* Workspace pager */

// thumbnails in overview
.workspace-thumbnails {
  visible-width: 32px; //amount visible before hover
  spacing: $base_spacing;
  padding: $base_padding;

  .workspace-thumbnail {
    color: on(black, secondary);
    background-color: on(black, divider);
    border: none;
    border-radius: $base_radius;
  }

  // drag and drop indicator
  .placeholder {
    background-image: url("assets/dash-placeholder.svg");
    background-size: contain;
    width: 18px;
    height: 24px;
  }
}

// selected indicator
.workspace-thumbnail-indicator {
  border: 3px solid $inverse-indicator;
  border-radius: $base_radius + 3px;
  padding: 0;
  // background-color: transparentize($primary_color, 0.9);
}
