@import "./theme";

:root {
  color-scheme: dark;
}

html,
body {
  color: @inf-text-color;
  background-color: @inf-layout-bg;
}

#app {
  min-height: 100vh;
  min-width: 1280px;
}

.text-color {
  color: @inf-text-color;
}
.text-sub-color {
  color: @inf-text-sub-color;
}
.text-less-color {
  color: @inf-text-less-color;
}
.primary-color {
  color: @inf-primary-color;
}
.bg-layout {
  background-color: @inf-layout-bg;
}
.bg-component {
  background-color: @inf-component-bg;
}

@direction: top, bottom, left, right;
each(@direction, {
  .border-@{value} {
    border-@{value}: 1px solid @inf-border-color;
  }
});

.scrollbar {
  overflow: overlay; // 滚动条不会占用宽度
  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  &::-webkit-scrollbar-track {
    background: transparent;
  }
  &::-webkit-scrollbar-thumb {
    background: @inf-primary-bg;
    border-radius: 8px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background: @inf-primary-hover-bg;
  }
}

.ck-powered-by {
  display: none;
}