presidential-innovation-fellows/dap-guide

View on GitHub
_sass/components/_skipnav.scss

Summary

Maintainability
Test Coverage
.skipnav {
  @include transition(all .2s ease-in-out);
  background: transparent;
  color: $color-base;
  left: 0;
  padding: {
    bottom: 1rem;
    left: 1.5rem;
    right: 1.5rem;
    top: 1rem;
  }
  position: absolute;
  top: -4.2rem;
  z-index: 100;
  
  &:focus {
    @include transition(all .2s ease-in-out);
    background: $color-white;
    left: 0;
    outline: 0;
    position: absolute;
    top: 0;
  }
}