Jekyll Rougeの垂直スクロールバー

Question

本当に長いコードのためにJekyllに垂直スクロールバーを追加する方法はありますか？ _syntax.scssにHeight属性を追加しようとしましたが、運がありません。私が使用しているシンタックスハイライトは、口紅で、私が使用しているテーマはここにある：https://github.com/mmistakes/hpstr-jekyll-theme

Answer 1

はい、あなたはあなたのテーマにこのCSSを追加してください：

pre.highlight { 
    max-height: 200px; /* Change to your desired max height */ 
    overflow-y: scroll; 
} 

更新。 ここで提供OPのURLは、私がやったことだ使い方：クラスのハイライトが定義されている

Lookpとその宣言の最後にこれを追加します。

.highlight { 
    [...] 
    border: 1px solid #dbdbdb; 
    background-color: #272822; 
    border-radius: 3px; 

/** This part **/ 
    max-height: 300px; 
    overflow-y: auto; 
} 

結果：