bih/spotify-ruby

View on GitHub
docs/theme/_sass/components/_title-anchor-link.scss

Summary

Maintainability
Test Coverage
//
// Title anchor link (components/_title-anchor-link.scss)
//

// ----- General ----- 
.title-anchor-link {
  @include link-reset;
  display: block;
  opacity: 0;
  padding-right: 0.625rem;
  @include translate3d(-100%, 0, 0);
  position: absolute;
  transition: opacity 0.2s;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  &:hover,
  &:focus,
  &:active {
    .title-anchor-link {
      opacity: 0.4;

      &:hover,
      &:focus,
      &:active {
        opacity: 1;
      }
    }
  }
}