@at-root {
  @font-face {
    font-family: $font-theme;
    src: url('data:application/octet-stream;base64,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AAIABQADAAMACQAEAAQACAAFAAUAAwAGAAYAAgAHAAcABwAIAAgABgAJAAkAAQAKAAoABAALABUACgAXABcACgAaABoACgAdAB4ACgAiACIACgAkACUACgAtAC4ACgAwADQACgA2ADYACgABAAEANwATAAgADQAMAAYABQASAAoABAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwADAAAAAwALAAAAAAAAAAsAFAABAA4AAAAAAA8ADwAHAA8AEAAAAAAAAAAAAAkAAAAAAAAAAAATAAIAAAATAAEAIwANAAcAAAAAAAEAAQAFAAEAAgADAAQAAAAAAAYAAgAOAAEAAQACAAIAAgALAAMAAwAHAAQABAAGAAUABQAJAAYABgAIAAcABwAKAAgACAAFAAoACgAEACIAIgADADQANAACADYANgABADcANwACADgAOAABAAIAAgAcABwAAQAgACAAAQACAAwAAQABAAEABQAFAAQABgAGAAMABwAHAAgACAAIAAYACgAKAAUAJgAnAAIAKQApAAIANAA0AAEANgA2AAcANwA3AAEAOAA4AAcAAgAAAAIAAwABAAEAAQA0ADQAAQA3ADcAAQABAAAAAAAAAAAAAA==') format('opentype');
  }
}

em {
  font: inherit;
  color: $c-theme !important;
}

//class
.bg-theme {
  background-color: $c-theme;
}

.bg-linear {
  background-image: $c-linear;
}

//extend

// 用于隔开容器的16px空白。
.e-blank-margin {
  height: 1rem;
}

// 预定义的 10px-200px 的空白，随意选择，通常用于作为fixed元素的scroll元素弥补padding用
// .e-blank-10 .e-blank-20 .e-blank-30 ... .e-blank-190 .e-blank-200
@for $i from 1 through 20 {
  .e-blank-#{10*$i} {
    height: rem(10px*$i);
  }
}