mmckinnon/hugo-theme-chirpy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: modify _synatx.scss to make inline code style work

Browse Source
This commit is contained in:
geekifan
2025-04-28 17:10:32 +08:00
parent 440a3a751f
commit b38917b7d1
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/scss/base/_syntax.scss
View File

@ -3,7 +3,7 @@
@use '../abstracts/mixins' as mx; @use '../abstracts/mixins' as mx;
@use '../abstracts/placeholders'; @use '../abstracts/placeholders';
.highlighter-rouge { p > code {
color: var(--highlighter-rouge-color); color: var(--highlighter-rouge-color);
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 1.2em; /* Override BS Inline-code style */ margin-bottom: 1.2em; /* Override BS Inline-code style */
@ -63,7 +63,7 @@ code {
hyphens: none; hyphens: none;
color: var(--code-color); color: var(--code-color);
&.highlighter-rouge { p > & {
font-size: v.$code-font-size; font-size: v.$code-font-size;
padding: 3px 5px; padding: 3px 5px;
word-break: break-word; word-break: break-word;
@ -78,12 +78,12 @@ code {
padding: 0; padding: 0;
} }
a > &.highlighter-rouge { a > & {
padding-bottom: 0; /* show link's underlinke */ padding-bottom: 0; /* show link's underlinke */
color: inherit; color: inherit;
} }
a:hover > &.highlighter-rouge { a:hover > & {
border-bottom: none; border-bottom: none;
} }