Вертикальные полосы прокрутки в Jekyll Rouge

Можно ли вообще добавить вертикальные полосы прокрутки в Jekyll для действительно длинного кода? Я попытался добавить атрибут Height в _syntax.СКСС, но безрезультатно. Для подсветки синтаксиса я использую это Руж и тему я использую здесь: https://github.com/mmistakes/hpstr-jekyll-theme

1 2
jekyll scrollbars

1 ответ:

Да, убедитесь, что вы добавили этот CSS в свою тему: 

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

Обновление. Используя op URL, предоставленный вот что я сделал:

Посмотрите, где определяется выделение класса, и добавьте это в конец его объявления: 

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

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

Результаты: После Нового CSS

2