handoff-app/src/app/public/assets/css/preview.css

Automated documentation toolchain for building client side documentation from figma

.handoff-field{
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
}

.handoff-field:hover {
  background-color: rgba(240, 240, 240, 1);
  transition: background-color .5s;
}

.handoff-char-count{
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    font-size: 12px;
    font-weight: 600;
    margin-top: -15px;
    position: absolute;
    border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 5px;
}

.handoff-char-count.visible{
  background-color: rgba(240, 240, 240, 1);
  transition: background-color .5s;
  
}