Anchor links under fixed header

anchors-links-fixed-header.scss

/**
 * Pure css solution inspired by Alexander Savin:
 * @see https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header/24298427#24298427
 */

a[name] {
  padding-top: 40px;
  margin-top: -40px;
  display: inline-block; /* required for webkit browsers */
}

// Optionally you may want to add the following if the target is still off the screen:

// vertical-align: top;