roll20-character-sheets/Without Numbers/Source/scss/show_hide.scss

.charsheet {
  .chevron {
    background-color: $blue-700;
    background-image: url($chevron);
    background-position: center;
    scale: 0.8;
  }

  input.input-collapse:checked ~ div .details,
  input.input-collapse[value="0"] ~ div .details {
    display: none;
  }

  input.input-collapse,
  input.input-collapse + span.chevron {
    cursor: pointer;
    height: 20px;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 10;
    right: 0;
    top: -2;
  }

  .show-chevron:hover span.chevron {
    opacity: 1;
    z-index: 5;
  }

  input.input-collapse:not(:checked) + span.chevron {
    transform: rotate(180deg);
  }

  .editmode[value="1"] ~ .content input.input-collapse,
  .editmode[value="1"] ~ .content input.input-collapse + span {
    display: none;
  }
}