Featured image of post 【Hugo】hugo-stack主题魔改-固定代码块高度

【Hugo】hugo-stack主题魔改-固定代码块高度

文章共83字

效果

image.png

修改

高度限制在 20em,并隐藏滚动条。
增添到 ==/themes/hugo-theme-stack/assets/scss/partials/article.scss==

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
    .article-content {
        .highlight {
            padding: var(--card-padding);
            pre {
                margin: initial;
                padding: var(--card-padding);
                margin: 0;
                width: auto;
                max-height: 20em;
                scrollbar-width: none;
                /* Firefox */
                &::-webkit-scrollbar {
                    display: none;
                    /* Chrome Safari */
                }
            }
        }
    }

修改完成!

站点已运行计算中...