@import '../constants/dimensions';
@import '../constants/colors';

.key-value-editor {
  padding: $padding-md 0;

  li {
    display: grid;
    grid-template-columns: 0.5fr 0.5fr auto;
    grid-template-rows: auto;

    & > * {
      padding: 0 $padding-sm;

      &:first-child {
        padding-left: $padding-md;
      }

      &:last-child {
        padding-right: $padding-md;
      }
    }

    & > button {
      color: $hl;

      &:hover {
        color: inherit;
      }
    }
  }
}