mirror of
https://github.com/gethinode/hinode.git
synced 2025-10-07 10:04:22 +00:00
54 lines
1.3 KiB
SCSS
54 lines
1.3 KiB
SCSS
// stylelint-disable annotation-no-unknown
|
|
@import "syntax-light";
|
|
|
|
.bg,
|
|
.chroma,
|
|
.chroma .err {
|
|
// set to transparent background to avoid rendering issues with example shortcode
|
|
background-color: transparent if($enable-important-utilities, !important, null);
|
|
}
|
|
|
|
.chroma {
|
|
display: flex;
|
|
}
|
|
|
|
.chroma code {
|
|
flex: 1;
|
|
}
|
|
|
|
.codeblock.syntax-highlight, .command.syntax-highlight {
|
|
border-radius: #{$theme-border-radius};
|
|
}
|
|
|
|
.syntax-highlight {
|
|
background-color: var(--bs-light) if($enable-important-utilities, !important, null);
|
|
overflow-x: auto;
|
|
}
|
|
|
|
@if $enable-dark-mode {
|
|
[data-bs-theme="dark"] {
|
|
@include meta.load-css(syntax-dark);
|
|
|
|
.bg,
|
|
.chroma,
|
|
.chroma .err {
|
|
// set to transparent background to avoid rendering issues with example shortcode
|
|
background-color: transparent if($enable-important-utilities, !important, null);
|
|
}
|
|
|
|
.syntax-highlight {
|
|
background-color: var(--bs-tertiary-bg) if($enable-important-utilities, !important, null);
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.bg,
|
|
.chroma,
|
|
.chroma .ge,
|
|
.chroma .gl,
|
|
.chroma .gs {
|
|
color: #c9d1d9 if($enable-important-utilities, !important, null);
|
|
}
|
|
}
|
|
}
|
|
// stylelint-enable annotation-no-unknown
|