@import "jnt-variables";

@mixin reset-default() {
  font-weight: $jnt-font-weight-base;
  line-height: $jnt-line-height-base;
  font-size: $jnt-font-size-base;
  color: $jnt-primary-text-color;
  font-family: $jnt-font-family-base;
  font-style: normal;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  letter-spacing: normal;
  word-spacing: normal;
  text-indent: 0;
}

@mixin jnt-scrollbar() {

  &::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
  }

  &::-webkit-scrollbar-track {
    background-color: #fff;
    &:hover {
      background-color: #f4f4f4;
    }
  }

  &::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 5px solid #fff;
    &:hover {
      background-color: #a0a0a5;
      border: 4px solid #f4f4f4;
    }
  }

  &::-webkit-scrollbar-button {
    display:none;
  }
}