我将以说自己是html / css / md / webdev的完整初学者作为开头。
我正在使用自定义主题Swiss通过Jekyll框架创建网站。 “帖子”布局的默认标题大小确实很大,因此我想使其更小一些。
我尝试在网站根目录中创建名为_sass
的目录,并在其中复制了名为_variables.scss
的瑞士主题文件,如下所示:
// Font family
$body-font-family: "Helvetica Neue", Arial, sans-serif;
$body-font-size: 16px;
$prose-font-size: 20px;
// Type scale
$h0-mobile: 64px;
$h0-desktop: 128px;
$h1-size: 40px !default;
$h2-size: 32px !default;
$h3-size: 24px !default;
$h4-size: 20px !default;
$h5-size: 16px !default;
$h6-size: 12px !default;
// Default border color
$color-border: #ddd !default;
// Container width
$container-width: 64em;
// Large breakpoint
$breakpoint-lg: 52em;
// Spacing unit
$spacer: 8px !default;
// Spacing scale
$spacer-1: $spacer !default; // 8px
$spacer-2: ($spacer * 2) !default; // 16px
$spacer-3: ($spacer * 4) !default; // 32px
$spacer-4: ($spacer * 8) !default; // 64px
我认为每个页面的标题都编码为h1
标头,因此我将h1-size
的值更改为4,以查看其是否有效。它没有改变标题的大小。通常,似乎在编译新网站时,它没有在_sass/_variables.scss
文件中查找变量。
这是更改默认主题设置的正确方法吗?如果没有,正确的方法是什么?