html {
  // Firefox with scrollbar config changes as of 2018-11
  scrollbar-face-color: #{$scrollbar-face};
  scrollbar-track-color: #{$scrollbar-track};
  // Firefox nightly as of 2018-11, new standard version
  // https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color
  scrollbar-color: #{$scrollbar-face $scrollbar-track};
}

::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-thumb {
  background: #{$scrollbar-face};
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background: #{$scrollbar-face-hover};
}

::-webkit-scrollbar-thumb:active {
  background: #{$scrollbar-face-active};
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-track:hover, ::-webkit-scrollbar-track:active {
  background: #{$scrollbar-track};
}

::-webkit-scrollbar-corner {
  background: transparent;
}