@import './mixins/scrollbar.scss';
@import './theme/config.scss';
@import './theme/default.scss';
@import './theme/cssvar.scss';
@import 'general.scss';
@import 'core';
@import 'icon';

html,
body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--font-size);
  // background: $background-color;
}

.wrapper {
  animation: wrapper-fade 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@keyframes wrapper-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/** app 作为除html 之外的根节点，此时设置 font-siez 为默认值 */
#app {
  width: 100%;
  height: 100%;
  font-size: var(--font-size);
}

/** body 之后的一代元素 设置 font-siez 为默认值 */
body > * {
  font-size: var(--font-size);
}

.amos-body-toggle {
  overflow-y: hidden;
}

// 提供默认通用的滚动条 className
.amos-pretty-scrollbar {
  @include pretty-scrollbar(6px, 6px);
}

// select pretty
.amos-pretty-select {
  @include pretty-scrollbar(6px, 6px, $scrollOutColor, $scrollInnerColor, 5px);
}