attributepill.module.scss

.attribute {
  display: flex;
  font-family: monospace;
  font-weight: bold;
  font-size: 10px;
  border-radius: 20px;
}

// .handle {
//   border: 0px;
//   border-radius: 10px;
//   left: 12px;
//   width: 7px;
//   height: 7px;
//   margin-bottom: 11px;
//   background: rgba(255, 255, 255, 0.6);
//   box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
//   transform-origin: center;
// }

.contentWrapper {
  // margin-left: 2ch;
  display: flex;

  .content {
    padding: 4px 2ch;
  }
}

.attributeInput {
  float: right;
  padding: 0 2ch 0 0;
  display: flex;
  align-items: center;

  input {
    background-color: lightgray;
    font-family: monospace;
    font-size: 10px;
    border: 1px solid darkgrey;
    border-radius: 2px;
    height: 10px;
    outline: none;
    transition: border 0.3s;

    &:focus {
      border: 1px solid grey;
    }
  }
  // &:read-only {
  //   cursor: 'grab';
  // }
}