// 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";

.element-set {
  .title-spacing-svg-attrs {
    padding-left: $s-12;
  }
  .element-set-content {
    @include flexColumn;

    .attr-content {
      display: flex;
      gap: $s-4;
      .attr-name {
        @include titleTipography;
        @include twoLineTextEllipsis;
        width: $s-88;
        margin: auto $s-4;
        margin-right: 0;
        display: inline-block;
      }
      .attr-input {
        @extend .input-element;
        width: $s-124;
      }
      .attr-actions {
        display: flex;
        gap: $s-4;
        .attr-action-btn {
          @extend .button-tertiary;
          width: $s-28;
          height: $s-32;
          svg {
            @extend .button-icon;
          }
        }
      }
    }
  }
}

.attr-nested-content {
  display: grid;
  row-gap: $s-4;
}

.attr-title {
  @include titleTipography;
  font-size: $fs-10;
  text-transform: uppercase;
  margin-inline-start: $s-4;
}

.attr-row {
  display: flex;
  gap: $s-4;
}
