Custom Styles

自动样式注入

新建 styles 文件夹，目录下的以下文件将会被自动引入：

index.scss
index.css
css-vars.scss
css-vars.css

我们推荐您：

新建 index.scss 书写全局样式，并可在其中导入其他样式，它会被自动引入。
新建 css-vars.scss 书写 CSS 变量，它会被自动引入。

自定义字体

譬如你可以在 styles/css-vars.scss 中覆盖默认的字体。

serif: 衬线字体：字体 abcd 123
sans: 非衬线字体：字体 abcd 123
mono: 等宽字体：字体 abcd 123

:root {
  --va-font-serif: 'Noto Serif SC', STZhongsong, STKaiti, KaiTi, Roboto, serif;
  --va-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --va-font-mono: Menlo, Monaco, Consolas, "Courier New", monospace;
}

To Be Continued.

Edit this page on GitHub

Last updated: