@c8y/style/styles/mixins/c8y-scrollbar.less

Styles for Cumulocity IoT applications

.c8y-scrollbar {
  &::-webkit-scrollbar {
    width: 4px; /* for vertical scrollbars */
    height: 4px; /* for horizontal scrollbars */
  }

  &::-webkit-scrollbar-track {
    background: transparent;
    &:not(textarea) {
      background: @component-scrollbar-track;
    }
  }
  &::-webkit-scrollbar-thumb {
    width: 4px;
    border-radius: 1px;
    background: @component-scrollbar-thumb-default;

    .transition(all 0.25s ease);
  }
  &:hover {
    &::-webkit-scrollbar-thumb {
      background: @component-scrollbar-thumb-hover;
    }
  }
}