f.weber/jekyll-theme-chirpy
Template
1
0
Fork 0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00
Code Issues Packages Releases Activity

Fix the unsupported code snippets in rouge. (#101)

Browse Source
This commit is contained in:
Cotes Chung
2020-08-15 21:05:48 +08:00
parent 188d8ffc69
commit a8f8bbaa1c
2 changed files with 17 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/_addon/syntax.scss
View File

@@ -30,7 +30,7 @@ html[mode=dark] {
/*-- Codes Snippet --*/
%highlight-pre-bg {
%code-snippet-bg {
background: var(--highlight-bg-color);
}
@@ -38,8 +38,12 @@ html[mode=dark] {
border-radius: 5px;
}
%code-snippet-padding {
padding: .8rem 1rem;
}
.highlighter-rouge {
background-color: var(--highlight-bg-color);
@extend %code-snippet-bg;
@extend %code-snippet-radius;
color: var(--highlighter-rouge-color);
margin-bottom: 1.2em; /* Override BS Inline-code style */
@@ -47,9 +51,9 @@ html[mode=dark] {
.highlight {
@extend %code-snippet-radius;
background: var(--highlight-bg-color);
@extend %code-snippet-bg;
@at-root figure#{&} {
background: var(--highlight-bg-color);
@extend %code-snippet-bg;
}
overflow: auto;
.lineno {
@@ -116,6 +120,12 @@ td.rouge-code {
padding-right: 1rem;
}
div>pre {
@extend %code-snippet-bg;
@extend %code-snippet-radius;
@extend %code-snippet-padding;
}
/* Hide line numbers for default, console, and terminal code snippets */
div {
&[class^='highlighter-rouge'],
@@ -126,7 +136,7 @@ div {
display: none;
}
td.rouge-code {
padding: .8rem 1rem;
@extend %code-snippet-padding;
}
}
}