mirror of
https://github.com/hugo-fixit/FixIt.git
synced 2026-09-02 19:52:40 +00:00
Cell
93478b47e1
* feat: optimize code highlighting for diff language * refactor: update codeblock configuration and enhance code wrapper functionality * fix: extra blank lines would appear when copying lines containing code highlighting * refactor: enhance code block wrapper functionality and add new styles (mac style) * refactor: enhance code block normal mode * feat: do noting for code block simple mode * feat: add copy btn for code block modes mac and simple * refactor: add code-related variables and update styles for code blocks and gist layout * feat: update code copy button visibility on hover for larger screens * feat: update code block mode attribute and remove mac wrapper * feat!: code block parameters accurate to a single Remove the `data-open` attribute and use `.open` instead. * refactor: enhance initCopyCode method to accept optional button parameter * feat: improve code/diagram copy button styles and transitions for better visibility * fix: disable copy buttons for simple/mac mode code blocks when copyable set to false * chore: rename normal partial to code-header * feat: add preview and expand feature for code blocks (close #312) * fix: adjust transition timing for code header and fade-out animation * test: update code block test case * docs: update comments for code highlight and markup configurations * feat: adjust code header background color darkening for light and dark themes * fix: hide aside and breadcrumb pseudo-elements on small screens * perf: change the code copy button and code expand button to server-side rendering * fix: the code expand button obscured the code content * fix: update code background and header colors for improved visibility * fix: ensure code copy button is only added for copyable code blocks * feat(code block): add lineNosToggler and lineWrapToggler params and feature for code blocks * refactor: code syntax highlighting styles * fix: update background color for line numbers and ensure proper sticky effect * feat(code block): add support for code file names in code blocks * fix: code review for PR #665 * feat(i18n): add Japanese and Korean translations; update toggle options in multiple languages * docs: update configurations and comments
35 lines
1021 B
SCSS
35 lines
1021 B
SCSS
/**
|
|
* Code syntax highlighting for Chroma
|
|
*
|
|
* To generate syntax highlighting styles from the command line,
|
|
* See https://gohugo.io/quick-reference/syntax-highlighting-styles/#styles
|
|
* For example:
|
|
* hugo gen chromastyles --style=github > assets/css/_partials/_code-syntax/light.scss
|
|
* hugo gen chromastyles --style=github-dark > assets/css/_partials/_code-syntax/dark.scss
|
|
*/
|
|
.highlight {
|
|
/* LineLink */
|
|
.lnlinks {
|
|
outline: none;
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
/* LineHighlight */
|
|
.hl {
|
|
display: block;
|
|
background-color: var(#{$rootPrefix}code-highlight-color);
|
|
box-shadow: -0.75rem 0 0 var(#{$rootPrefix}code-highlight-color), 0.75rem 0 0 var(#{$rootPrefix}code-highlight-color);
|
|
#{$rootPrefix}code-highlight-color: #{$code-highlight-color};
|
|
|
|
[data-theme='dark'] & {
|
|
#{$rootPrefix}code-highlight-color: #{$code-highlight-color-dark};
|
|
}
|
|
}
|
|
|
|
@import '../_code-syntax/light';
|
|
|
|
[data-theme='dark'] & {
|
|
@import '../_code-syntax/dark';
|
|
}
|
|
}
|