public/sass/mixins/page-label/page-label__hover.scss

@import "palette.scss";
@import "dimensions.scss";
@import "typography.scss";

@mixin page-label__hover() {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  background: black;
  opacity: 0;
  color: white;

  transition: opacity .1s ease-in-out;
  cursor: pointer;

  .open & {
    opacity: 1;
    pointer-events: auto;
  }
}