// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC

@import "refactor/common-refactor.scss";

.assets-btn {
  @extend .button-tertiary;
  height: $s-32;
  width: calc($s-24 + $s-4);
  padding: 0;
  border-radius: $br-8;
  svg {
    @extend .button-icon;
    stroke: var(--icon-foreground);
  }
}

.assets-list {
  padding: 0 0 0 $s-4;
}

.drop-space {
  height: $s-12;
}

.grid-placeholder {
  height: $s-2;
  width: 100%;
  background-color: var(--color-accent-primary);
}

.typography-item {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: $s-4;
  border-radius: $br-8;
  background-color: var(--assets-item-background-color);
}

.dragging {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: $s-2 solid var(--assets-item-border-color-drag);
  border-radius: $s-8;
  background-color: var(--assets-item-background-color-drag);
}
