// 主题主要由色彩, 大小, 圆角, 阴影, 字体, 边框构成
// 其中色彩又分为文字颜色, 背景颜色
@use '../functions' as fn;
@use '../vars';

// 初始化
html {
  font-family: fn.use-var(font-family);
  font-weight: normal;
  color: fn.use-var(text-color, main);
  line-height: 1.5;

  @each $size in vars.$sizes {
    &.#{$size} {
      font-size: fn.use-var(font-size-main, $size);
    }
  }
}

body,
ul,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

div,
section,
head,
aside,
body,
main,
h1,
h2,
h3,
h4,
h5,
h6,
p,
article,
button,
input,
ul,
li,
textarea {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}

ul,
ol {
  padding: 0;
  list-style: none;
}