Hoverable Similar to Toggleable But this one does not require script

hoverable.scss

// This class use direct selector '>' since you might want to use it nested way
// Like hover menu, then hover button

.hoverable-container {
  & > .hoverable-content.on-hover {
    display: none;
  }

  &:hover {
    // Hide the default one
    & > .hoverable-content {
      display: none;
    }
    // Display the hover one
    & > .hoverable-content.on-hover {
      display: inherit;
    }
  }
}