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

.color-values {
  @include flexColumn;
  margin-top: $s-8;

  &.disable-opacity {
    grid-template-columns: 3.5rem repeat(3, 1fr);
  }
  .colors-row {
    @include flexRow;
    .input-wrapper {
      @extend .input-element;
      width: $s-84;
      display: flex;
      align-items: baseline;
    }
  }
  .hex-alpha-wrapper {
    @include flexRow;
    .input-wrapper {
      @extend .input-element;
      width: $s-84;
      &.hex {
        width: $s-172;
        display: flex;
        align-items: baseline;
        gap: $s-8;
      }
    }
  }
}
