[Summary view] [Print] [Text view]

   1  /**
   2  * Back to Top
   3  */
   4  
   5  .back-to-top-link {
   6    position: absolute;
   7    inset-inline-end: 1rem;
   8    bottom: 1rem;
   9    z-index: 10000;
  10    padding: $cassiopeia-grid-gutter * .5;
  11    color: var(--cassiopeia-color-primary, $standard-color-primary);
  12    pointer-events: all;
  13    background-color: var(--white, $white);
  14    border: 1px solid var(--cassiopeia-color-primary, $standard-color-primary);
  15    border-radius: $border-radius;
  16    opacity: 0;
  17    transition: opacity 200ms ease-in;
  18  
  19    &.visible {
  20      opacity: 1;
  21    }
  22  
  23    &:hover,
  24    &:focus {
  25      color: var(--white, $white);
  26      background-color: var(--cassiopeia-color-hover);
  27      border-color: var(--white, $white);
  28    }
  29  }