a.board-item {
  touch-action: manipulation;
}

@media (hover: none) and (pointer: coarse) {
  .board-item::before,
  .board-item:hover::before {
    left: -100%;
  }

  .board-item:hover {
    color: inherit;
  }

  .board-item:active::before,
  .board-item.active::before {
    left: 0;
  }

  .board-item:active,
  .board-item.active {
    color: var(--bg);
  }
}