如何自定义CSS,具体放大某个类的字体大小
问题描述:
如何修改.page-heading
类的字体大小在Jekyll minima主题?我跟着these说明。 This是网站。我正在尝试放大页面标题类的字体大小。如何自定义CSS,具体放大某个类的字体大小
答
由于您使用的是默认的哲基尔主题(最小值),你需要编辑的样式表。
这个主题定义了.page-heading
类为:
.page-heading {
@include relative-font-size(1.25);
}
所以它是使用位于_sass/minima.scss
一个mixin。找到minima
宝石在你的宝石库(它会像/var/lib/gems/2.3.0/gems/minima-2.1.1/
)和其目录文件复制到你化身安装:
mkdir -p _sass/
cp /var/lib/gems/2.3.0/gems/minima-2.1.1/_sass/minima.scss _sass/
现在编辑_sass/minima.scss
并更改其字体大小,特别是,你会想改变$base-font-size
变量:
$base-font-size: 16px !default;
@mixin relative-font-size($ratio) {
font-size: $base-font-size * $ratio;
}
+0
谢谢。我会玩。显然,这是新事物。我改变了基本字体大小,但它改变了一切,正如我所料,但我只想看看这些改变是否真的有效。 – MrWizard
你得到这么多downvotes的原因是因为你刚刚粘贴的链接,可以很快过时或删除,因此这个问题不会有任何好处,以在未来的任何人。请创建一个不起作用的代码的最小且可重现的示例。 –