@import "./header";

// Material Design Header
// --------------------------------------------------

.header-md::after {
  // using datauri png background image for improved scroll performance
  // rather than using `box-shadow: 0 2px 5px rgba(0,0,0,0.26);`
  // noticable performance difference on older Android devices
  @include position(null, null, -5px, 0);
  @include background-position(start, 0, top, -2px);

  position: absolute;

  width: 100%;
  height: 5px;

  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==");
  background-repeat: repeat-x;

  content: "";
}

.header-md[no-border]::after {
  display: none;
}