如何自定義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; 
}