如何自定义CSS，具体放大某个类的字体大小

Question

如何修改.page-heading类的字体大小在Jekyll minima主题？我跟着these说明。 This是网站。我正在尝试放大页面标题类的字体大小。

Answer 1

由于您使用的是默认的哲基尔主题（最小值），你需要编辑的样式表。

这个主题定义了.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; 
} 

Answer 2

嗯......不妨试试：

.page-heading { 
    font-size: 45px !important; 
}