Minimal-mistakes: 使用 _variables.scss 减小帖子字体大小

创建于 2017-06-01  ·  3评论  ·  资料来源: mmistakes/minimal-mistakes

你好,

我正在尝试使用_variables.scss减小帖子项目的字体大小,但未正确应用。 对我来说字体太高了。

image

详细截图

我已使用此设置查看更改,但我的帖子项目没有任何反应。 字体大小仍然相同(对我来说太大了)

/* type scale */
$type-size-1                : 0.50em !default;  // ~39.056px
$type-size-2                : 0.50em !default;  // ~31.248px
$type-size-3                : 0.50em !default;  // ~25.008px
$type-size-4                : 0.50em !default;  // ~20px
$type-size-5                : 0.50em !default;  // ~16px
$type-size-6                : 0.50em !default;  // ~12px
$type-size-7                : 0.50em !default;  // ~11px
$type-size-8                : 0.50em !default;  // ~10px

我也尝试将$doc-font-size更改10

我试过:
bundle exec jekyll clean
bundle exec jekyll build

还没有成功。 字体在大小方面没有变化。

也许我犯了一个小错误:)

谢谢你的帮助。

  • [X] 这是一个关于使用主题的问题。
  • [ ] 这是一个功能请求。
  • [X] 我已经用bundle update更新了所有宝石。
  • [X] 我在本地用bundle exec jekyll build进行了测试。

    - [ ] 我认为这是主题的错误 --- 不是 Jekyll、GitHub Pages 或捆绑插件之一。

环境信息

  • 最小错误版本:4.4.1
  • jekyll gem 版本:
  • 操作系统: macOS

Support

最有用的评论

请参阅_reset.scss这些行。 我会单独保留可变字体大小,而是在重置中调整大小。 主题根据屏幕的宽度全局放大/缩小字体大小。

html {
  /* apply a natural box layout model to all elements */
  box-sizing: border-box;
  background-color: $background-color;
  font-size: 16px;

  <strong i="8">@include</strong> breakpoint($medium) {
    font-size: 18px;
  }

  <strong i="9">@include</strong> breakpoint($large) {
    font-size: 20px;
  }

  <strong i="10">@include</strong> breakpoint($x-large) {
    font-size: 22px;
  }
}

所有3条评论

请参阅_reset.scss这些行。 我会单独保留可变字体大小,而是在重置中调整大小。 主题根据屏幕的宽度全局放大/缩小字体大小。

html {
  /* apply a natural box layout model to all elements */
  box-sizing: border-box;
  background-color: $background-color;
  font-size: 16px;

  <strong i="8">@include</strong> breakpoint($medium) {
    font-size: 18px;
  }

  <strong i="9">@include</strong> breakpoint($large) {
    font-size: 20px;
  }

  <strong i="10">@include</strong> breakpoint($x-large) {
    font-size: 22px;
  }
}

@错误

它正在工作,非常感谢。

完美的!!!

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

lgyjg picture lgyjg  ·  5评论

justinrummel picture justinrummel  ·  3评论

satwikkansal picture satwikkansal  ·  4评论

m1evankaiser picture m1evankaiser  ·  3评论

wAuner picture wAuner  ·  4评论