obsidian-plugin/mayurankv_Obsidian-Code-Styler
1
0
Fork 0
mirror of https://github.com/mayurankv/Obsidian-Code-Styler.git synced 2026-07-22 08:10:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
mayurankv_Obsidian-Code-Styler/styles.css

759 lines
97 KiB
CSS
Raw Permalink Normal View History

update
2025-02-16 19:00:54 +00:00
/* src/styles.scss */
update
2025-02-16 21:29:47 +00:00
body.cs-plugin {
--cs-language-border-header-colour: var(--cs-fence-header-background-colour);
--cs-language-border-separator-colour: var(--cs-fence-header-separator-background-colour);
--cs-language-border-gutter-colour: var(--cs-fence-gutter-background-colour);
}
body.cs-plugin .cs-pre-parent div.cs-header,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header {
font-size: var(--font-text-size);
box-sizing: content-box;
user-select: none;
cursor: default;
width: 100%;
display: flex;
position: sticky;
left: 0;
justify-content: flex-start;
align-items: center;
border-bottom: var(--size-2-1) solid transparent;
background-color: var(--cs-fence-header-background-colour);
z-index: 4;
padding-bottom: var(--size-4-2);
grid-column: span 2;
}
body.cs-plugin .cs-pre-parent div.cs-header::before,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header::before {
content: "";
position: absolute;
top: calc(-1 * var(--size-4-3));
left: calc(-1 * (var(--size-4-4) - var(--cs-fence-gutter-language-border-size)));
right: calc(-1 * var(--cs-fence-fade-width));
bottom: 0;
background: inherit;
z-index: 2;
box-shadow: calc(-1 * var(--cs-fence-gutter-language-border-size)) 0 0px var(--cs-language-border-header-colour);
}
body.cs-plugin .cs-pre-parent div.cs-header::after,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header::after {
content: "";
position: absolute;
bottom: calc(-1 * var(--size-2-1));
top: 0;
left: calc(-1 * (var(--size-4-4) - var(--cs-fence-gutter-language-border-size)));
right: calc(-1 * var(--cs-fence-fade-width));
z-index: 1;
opacity: 1;
transition-property: opacity;
transition-duration: var(--cs-transition-length-fold);
transition-timing-function: ease-in-out;
background-color: var(--cs-fence-header-separator-background-colour);
box-shadow: calc(-1 * var(--cs-fence-gutter-language-border-size)) 0 0px var(--cs-language-border-separator-colour);
}
body.cs-plugin .cs-pre-parent div.cs-header > div,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div {
display: flex;
flex-direction: row;
flex: 0 0 auto;
white-space: nowrap;
z-index: inherit;
margin-right: var(--size-4-3);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-icon-container,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-icon-container {
height: 100%;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-icon-container img.cs-icon,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-icon-container img.cs-icon {
width: var(--cs-fence-header-icon-size);
height: var(--cs-fence-header-icon-size);
filter: var(--cs-fence-header-icon-gray-scale);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-language-title,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-language-title {
background-color: var(--cs-fence-header-language-title-background-colour);
color: var(--cs-fence-header-language-title-text-colour);
font-family: var(--cs-fence-header-language-title-font-family);
font-style: var(--cs-fence-header-language-title-font-style);
font-weight: var(--cs-fence-header-language-title-font-weight);
position: relative;
align-items: center;
height: 100%;
padding-left: var(--size-4-2);
padding-right: var(--size-4-2);
border-radius: var(--cs-fence-curvature);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-language-title::after,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-language-title::after {
content: "";
background: var(--cs-fence-header-language-title-background-colour);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
border-radius: var(--cs-fence-curvature) var(--cs-fence-curvature) 0 0;
padding-bottom: var(--size-4-2);
z-index: -1;
box-shadow: 0 calc(-1 * var(--size-4-2)) var(--cs-fence-header-language-title-background-colour);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-named-title,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-named-title {
background-color: var(--cs-fence-header-named-title-background-colour);
color: var(--cs-fence-header-named-title-text-colour);
font-family: var(--cs-fence-header-named-title-font-family);
font-style: var(--cs-fence-header-named-title-font-style);
font-weight: var(--cs-fence-header-named-title-font-weight);
position: relative;
align-items: center;
height: 100%;
max-width: 100%;
overflow-x: auto;
flex: 0 1 auto;
margin-right: var(--size-4-1);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-named-title::before,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-named-title::before {
content: "";
display: block;
position: sticky;
left: 0;
background:
linear-gradient(
to left,
transparent,
var(--cs-fence-fade-gradient-stop),
var(--cs-fence-header-background-colour));
min-width: var(--size-4-3);
height: 100%;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-named-title::after,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-named-title::after {
content: "";
display: block;
position: sticky;
right: 0;
background:
linear-gradient(
to right,
transparent,
var(--cs-fence-fade-gradient-stop),
var(--cs-fence-header-background-colour));
min-width: var(--size-4-3);
height: 100%;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-named-title::-webkit-scrollbar,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-named-title::-webkit-scrollbar {
display: none;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-named-title p,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-named-title p {
margin-block-start: 0;
margin-block-end: 0;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference {
background-color: var(--cs-fence-header-external-reference-title-background-colour);
color: var(--cs-fence-header-external-reference-title-text-colour);
font-family: var(--cs-fence-header-external-reference-title-font-family);
font-style: var(--cs-fence-header-external-reference-title-font-style);
font-weight: var(--cs-fence-header-external-reference-title-font-weight);
position: relative;
align-items: center;
height: 100%;
max-width: 100%;
overflow-x: auto;
flex: 0 1 auto;
margin-right: var(--size-4-1);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference > div,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference > div {
padding-left: var(--size-4-2);
display: flex;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference div.cs-external-reference-repository,
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference div.cs-external-reference-repository-icon,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference div.cs-external-reference-repository,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference div.cs-external-reference-repository-icon {
color: var(--cs-fence-header-external-reference-title-repository-colour);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference div.cs-external-reference-version,
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference div.cs-external-reference-version-icon,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference div.cs-external-reference-version,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference div.cs-external-reference-version-icon {
color: var(--cs-fence-header-external-reference-title-version-colour);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference div.cs-external-reference-timestamp,
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference div.cs-external-reference-timestamp-icon,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference div.cs-external-reference-timestamp,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference div.cs-external-reference-timestamp-icon {
color: var(--cs-fence-header-external-reference-title-timestamp-colour);
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference::-webkit-scrollbar,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference::-webkit-scrollbar {
display: none;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference::before,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference::before {
content: "";
display: block;
position: sticky;
left: 0;
background:
linear-gradient(
to left,
transparent,
var(--cs-fence-fade-gradient-stop),
var(--cs-fence-header-background-colour));
min-width: var(--size-4-3);
height: 100%;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-external-reference::after,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-external-reference::after {
content: "";
display: block;
position: sticky;
right: 0;
background:
linear-gradient(
to right,
transparent,
var(--cs-fence-fade-gradient-stop),
var(--cs-fence-header-background-colour));
min-width: var(--size-4-3);
height: 100%;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-execute-code-title,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-execute-code-title {
background-color: var(--cs-fence-header-execute-code-title-background-colour);
color: var(--cs-fence-header-execute-code-title-text-colour);
font-family: var(--cs-fence-header-execute-code-title-font-family);
font-style: var(--cs-fence-header-execute-code-title-font-style);
font-weight: var(--cs-fence-header-execute-code-title-font-weight);
position: relative;
align-items: center;
height: 100%;
}
body.cs-plugin .cs-pre-parent div.cs-header > div.cs-separator,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-header > div.cs-separator {
color: var(--cs-fence-header-separator-background-colour);
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > div.cs-header {
grid-row: 1;
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cs-line) > div.cs-header {
display: none;
}
body.cs-plugin .markdown-source-view div.HyperMD-codeblock-begin.cs-line + div.cs-line {
padding-top: var(--size-4-1) !important;
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line:has(div.cs-header) {
padding-left: var(--size-4-4);
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line div.cs-header {
padding-top: var(--size-4-3);
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line div.cs-header::before {
box-shadow: none;
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line div.cs-header::after {
box-shadow: none;
}
body.cs-plugin .cs-pre-parent div.cs-footer,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-footer {
text-align: center;
height: var(--size-4-4);
position: relative;
left: 0;
}
body.cs-plugin .cs-pre-parent div.cs-footer button,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-footer button {
height: 100%;
opacity: 0;
box-shadow: none;
background-color: var(--cs-fence-button-inactive-background-colour);
color: var(--cs-fence-button-inactive-colour);
}
body.cs-plugin .cs-pre-parent div.cs-footer button:hover,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-footer button:hover {
background-color: var(--cs-fence-button-hover-background-colour);
color: var(--cs-fence-button-hover-colour);
}
body.cs-plugin .cs-pre-parent div.cs-footer button:active,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > div.cs-footer button:active {
background-color: var(--cs-fence-button-active-background-colour);
color: var(--cs-fence-button-active-colour);
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > div.cs-footer {
grid-row: 3;
grid-column: span 2;
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line div.cs-footer {
margin-left: calc(-1 * (var(--cs-gutter-char-size) + var(--size-4-3) + var(--size-2-1) + var(--size-4-3)));
}
body.cs-plugin .cs-pre-parent > pre.cs-pre {
overflow-x: auto;
position: relative;
display: grid;
grid-template-columns: calc(100% - var(--size-4-12)) var(--size-4-12);
padding-right: var(--cs-fence-fade-width);
padding-bottom: 0;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre::after {
content: "";
background:
linear-gradient(
to right,
transparent,
var(--cs-fence-fade-gradient-stop),
var(--cs-fence-background-colour));
position: sticky;
left: 100%;
margin-right: calc(-1 * var(--size-4-3));
width: var(--size-4-3);
height: 100%;
z-index: 3;
grid-row: 2;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code {
display: grid;
grid-row: 2;
grid-column: span 2;
grid-template-columns: min-content auto;
grid-template-rows: auto;
overflow: visible;
width: max-content;
padding-right: var(--cs-fence-fade-width);
padding-top: var(--size-4-1);
max-height: unset;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code[data-cs-wrap=unwrapped],
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code[data-cs-wrap=unwrapped-inactive]:not(:active) {
width: max-content;
padding-right: var(--cs-fence-fade-width);
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code[data-cs-wrap=wrapped],
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code[data-cs-wrap=unwrapped-inactive]:active {
width: unset;
padding-right: 0;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line {
display: contents;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line > div.cs-line-text {
overflow: visible;
grid-column: 2;
}
body.cs-plugin .cs-pre-parent pre.cs-pre[data-cs-fold=true] > code.cs-code {
max-height: 0 !important;
}
body.cs-plugin .markdown-source-view div.HyperMD-codeblock-begin.cs-line,
body.cs-plugin .markdown-source-view div.HyperMD-codeblock-end.cs-line {
white-space: pre-wrap !important;
}
body.cs-plugin .markdown-source-view div.HyperMD-codeblock-begin.cs-line:has(div.cs-header) .cm-widgetBuffer,
body.cs-plugin .markdown-source-view div.HyperMD-codeblock-end.cs-line:has(div.cs-footer) .cm-widgetBuffer {
display: none !important;
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line {
padding-left: calc(var(--size-4-4) + var(--cs-gutter-char-size) + var(--size-4-3) + var(--size-2-1) + var(--size-4-3));
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
padding-right: var(--cs-fence-fade-width);
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line:not(.HyperMD-codeblock-begin):not(.HyperMD-codeblock-end)::before {
content: "";
background:
linear-gradient(
to right,
transparent,
var(--cs-fence-fade-gradient-stop),
var(--cs-fence-background-colour));
position: sticky;
left: 100%;
margin-right: calc(-1 * var(--size-4-3));
width: var(--size-4-3);
top: 0;
bottom: 0;
height: calc(1em * var(--line-height-normal));
margin-bottom: calc(-1 * (var(--line-height-normal) - 1) * 1em);
display: inline-block;
}
body.cs-plugin.cs-unwrap-false .cs-pre-parent > pre.cs-pre > code.cs-code:not([cs-data-wrap]) {
width: unset;
padding-right: 0;
}
body.cs-plugin.cs-unwrap-inactive .cs-pre-parent > pre.cs-pre > code.cs-code:not([cs-data-wrap]):active {
width: unset;
padding-right: 0;
}
body.cs-plugin.cs-unwrap-inactive div.cs-line.cm-active {
white-space: pre-wrap;
}
body.cs-plugin {
--cs-language-border-header-colour: var(--cs-fence-header-background-colour);
--cs-language-border-separator-colour: var(--cs-fence-header-separator-background-colour);
--cs-language-border-gutter-colour: var(--cs-fence-gutter-background-colour);
}
body.cs-plugin .cs-pre-parent > pre.cs-pre {
border-radius: var(--cs-fence-curvature);
background-color: var(--cs-fence-background-colour);
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code {
opacity: 1;
transition-property:
max-height,
opacity,
color;
transition-duration: var(--cs-transition-length-fold);
transition-timing-function: ease-in-out;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line,
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line * {
transition-property:
opacity,
color,
background-color,
border;
transition-duration: var(--cs-transition-length-fold);
transition-timing-function: ease-in-out;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line > div.cs-line-text {
color: var(--cs-fence-text-colour);
}
body.cs-plugin .cs-pre-parent pre.cs-pre[data-cs-fold=true] > code.cs-code div.cs-line * {
color: rgba(0, 0, 0, 0) !important;
--cs-fence-gutter-background-colour: var(--cs-fence-background-colour);
--cs-fence-gutter-border-colour: var(--cs-fence-background-colour);
}
body.cs-plugin .cs-pre-parent pre.cs-pre[data-cs-fold=true] > code.cs-code div.cs-line * a.external-link {
background: none !important;
}
body.cs-plugin .markdown-source-view div.cm-embed-block:not(.cm-table-widget):has(> .cs-pre-parent) {
border-radius: var(--cs-fence-curvature);
}
body.cs-plugin .markdown-source-view div.HyperMD-codeblock-begin.cs-line,
body.cs-plugin .markdown-source-view div.HyperMD-codeblock-end.cs-line {
--cs-fence-gutter-border-colour: var(--cs-fence-background-colour);
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line {
background:
linear-gradient(
to right,
var(--cs-language-border-gutter-colour) var(--cs-fence-gutter-language-border-size),
var(--cs-fence-gutter-background-colour) var(--cs-fence-gutter-language-border-size) calc(var(--size-4-4) + var(--cs-gutter-char-size) + var(--size-4-3)),
var(--cs-fence-background-colour) calc(var(--size-4-4) + var(--cs-gutter-char-size) + var(--size-4-3)));
color: var(--cs-fence-text-colour);
font-family: var(--font-monospace);
font-size: var(--code-size);
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line::-webkit-scrollbar {
display: none;
}
update
2025-02-16 19:00:54 +00:00
body.cs-plugin .cs-pre-parent .cs-comment,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > .cs-comment {
padding: 0;
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line .cs-filler {
user-select: none;
visibility: hidden;
padding: 0;
}
body.cs-plugin.cs-unwrap-false div.cs-line .cs-filler {
display: inline;
}
body.cs-plugin.cs-unwrap-inactive div.cs-line.cm-active .cs-filler {
display: inline;
}
update
2025-02-16 21:29:47 +00:00
body.cs-plugin .cs-pre-parent .cs-line-number,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > .cs-line-number {
background-color: var(--cs-fence-gutter-background-colour);
color: var(--cs-fence-gutter-text-colour);
font-family: var(--cs-fence-gutter-font-family);
font-style: var(--cs-fence-gutter-font-style);
font-weight: var(--cs-fence-gutter-font-weight);
position: sticky;
left: 0;
user-select: none;
padding-right: var(--size-4-3);
margin-right: var(--size-4-3);
border-right: var(--cs-fence-gutter-border-width) solid var(--cs-fence-gutter-border-colour);
}
body.cs-plugin .cs-pre-parent .cs-line-number::before,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > .cs-line-number::before {
content: "";
position: absolute;
top: calc(-1 * var(--size-4-1));
bottom: -100%;
left: calc(-1 * (var(--size-4-4) - var(--cs-fence-gutter-language-border-size)));
right: 0;
background-color: inherit;
z-index: -5;
box-shadow: calc(-1 * var(--cs-fence-gutter-language-border-size)) 0 0px var(--cs-language-border-gutter-colour);
}
body.cs-plugin .cs-pre-parent .cs-line-number::after,
body.cs-plugin .markdown-source-view *:not(.cm-embed-block) > .cs-line-number::after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
width: var(--size-4-3);
left: calc(100% + var(--cs-fence-gutter-border-width));
right: calc(-1 * var(--size-4-3));
background:
linear-gradient(
to left,
transparent,
var(--cs-fence-fade-gradient-stop),
var(--cs-fence-background-colour));
z-index: 10;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line > div.cs-line-number {
grid-column: 1;
text-align: right;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line > div.cs-line-number.cs-line-numbers-enabled-false {
display: none;
}
body.cs-plugin .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line > div.cs-line-number.cs-line-numbers-enabled-true {
display: block;
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line span.cs-line-number {
display: inline-block;
height: 100%;
overflow-y: visible;
margin-left: calc(-1 * (var(--cs-gutter-char-size) + var(--size-4-3) + var(--size-2-1) + var(--size-4-3)));
left: calc(-1 * (var(--cs-gutter-char-size) + var(--size-4-3) + var(--size-2-1) + var(--size-4-3)));
z-index: 10;
}
body.cs-plugin .markdown-source-view div.cm-line:not(.cm-embed-block).cs-line span.cs-line-number::before {
z-index: -5;
bottom: 0;
}
body.cs-plugin.cs-line-numbers-enabled-false .cs-pre-parent > pre.cs-pre > code.cs-code > div.cs-line > div.cs-line-number:not(.cs-line-numbers-enabled-true) {
display: none;
}
update
2025-02-16 19:00:54 +00:00
body.cs-plugin span.cm-formatting.cm-inline-code ~ span.cs-header {
border-radius: 0px !important;
}
body.cs-plugin span.cs-header {
display: inline;
user-select: none;
background-color: --cs-inline-header-background-colour;
}
body.cs-plugin span.cs-header.cm-inline-code {
padding-left: 0.25em;
padding-right: 0px;
border-radius: var(--cs-inline-curvature) 0px 0px var(--cs-inline-curvature) !important;
}
body.cs-plugin span.cs-header ~ span.cm-inline-code:not(.cs-footer) {
padding-left: 0px !important;
padding-right: 0px !important;
border-radius: 0px !important;
}
body.cs-plugin span.cs-header > span:not(:first-child):not(.cs-separator) {
margin-left: 0.5em;
}
body.cs-plugin span.cs-header > span.cs-icon-container {
display: inline-block;
vertical-align: text-top;
width: 1.1em;
margin-left: 0.5em;
}
body.cs-plugin span.cs-header > span.cs-icon-container > img.cs-icon:not([class*=emoji]) {
display: inline;
width: var(--cs-inline-header-icon-size);
height: var(--cs-inline-header-icon-size);
margin: unset;
filter: var(--cs-inline-header-icon-gray-scale);
}
body.cs-plugin span.cs-header span.cs-named-title {
background-color: var(--cs-inline-header-named-title-background-colour);
color: var(--cs-inline-header-named-title-text-colour);
font-weight: var(--cs-inline-header-named-title-font-weight);
font-style: var(--cs-inline-header-named-title-font-style);
font-family: var(--cs-inline-header-named-title-font-family);
}
body.cs-plugin span.cs-header span.cs-language-title {
background-color: var(--cs-inline-header-language-title-background-colour);
color: var(--cs-inline-header-languaage-title-text-colour);
font-weight: var(--cs-inline-header-language-title-font-weight);
font-style: var(--cs-inline-header-language-title-font-style);
font-family: var(--cs-inline-header-language-title-font-family);
}
body.cs-plugin span.cs-header span.cs-external-reference {
background-color: var(--cs-inline-header-external-reference-title-background-colour);
color: var(--cs-inline-header-external-reference-title-text-colour);
font-weight: var(--cs-inline-header-external-reference-title-font-weight);
font-style: var(--cs-inline-header-external-reference-title-font-style);
font-family: var(--cs-inline-header-external-reference-title-font-family);
}
body.cs-plugin span.cs-header span.cs-external-reference .cs-external-reference-repository,
body.cs-plugin span.cs-header span.cs-external-reference .cs-external-reference-repository-icon {
color: var(--cs-inline-header-external-reference-title-repository-colour);
}
body.cs-plugin span.cs-header span.cs-external-reference .cs-external-reference-version,
body.cs-plugin span.cs-header span.cs-external-reference .cs-external-reference-version-icon {
color: var(--cs-inline-header-external-reference-title-version-colour);
}
body.cs-plugin span.cs-header span.cs-external-reference .cs-external-reference-timestamp,
body.cs-plugin span.cs-header span.cs-external-reference .cs-external-reference-timestamp-icon {
color: var(--cs-inline-header-external-reference-title-timestamp-colour);
}
body.cs-plugin span.cs-header span.cs-execute-code-title {
background-color: var(--cs-inline-header-execute-code-title-background-colour);
color: var(--cs-inline-header-execute-code-title-text-colour);
font-weight: var(--cs-inline-header-execute-code-title-font-weight);
font-style: var(--cs-inline-header-execute-code-title-font-style);
font-family: var(--cs-inline-header-execute-code-title-font-family);
}
body.cs-plugin span.cs-header span.cs-separator {
color: var(--cs-inline-header-separator-background-colour);
}
body.cs-plugin span.cs-footer {
padding-left: 0.4em !important;
}
body.cs-plugin span.cs-footer.cm-inline-code {
padding-left: 0px !important;
padding-right: 0.25em;
border-radius: 0px var(--cs-inline-curvature) var(--cs-inline-curvature) 0px !important;
}
body.cs-plugin span.cs-footer button.cs-copy-code-button {
--icon-size: var(--icon-xs);
padding: 0.15em;
margin-left: var(--size-4-1);
background-color: var(--cs-inline-button-inactive-background-colour);
box-shadow: none;
height: 100%;
display: inline-block;
color: var(--cs-inline-button-inactive-colour);
transition:
opacity,
background-color,
color;
transition-duration: var(--cs-transition-length-button);
}
body.cs-plugin span.cs-footer button.cs-copy-code-button > svg {
display: inline;
height: 100%;
vertical-align: text-top;
}
body.cs-plugin span.cs-footer button.cs-copy-code-button:hover {
background-color: var(--cs-inline-button-hover-background-colour);
color: var(--cs-inline-button-hover-colour);
}
body.cs-plugin span.cs-footer button.cs-copy-code-button:active {
background-color: var(--cs-inline-button-active-background-colour);
color: var(--cs-inline-button-active-colour);
}
body.cs-plugin .markdown-rendered :not(pre) > code:not([class*=blur]) {
display: inline;
}
body.cs-plugin .markdown-rendered :not(pre) > code:not([class*=blur]) span.cm-inline-code {
padding-left: 0 !important;
padding-right: 0 !important;
}
body.cs-plugin tr code.cs-code-inline {
white-space: normal;
}
body.cs-plugin .reveal img.cs-icon {
margin: inherit;
}
body.cs-plugin .markdown-rendered :not(pre) > code:not([class*=blur]) {
border-radius: var(--cs-inline-curvature);
color: var(--cs-inline-text-colour);
background-color: var(--cs-inline-background-colour);
}
body.cs-plugin .cm-s-obsidian span.cm-inline-code {
color: var(--cs-inline-text-colour);
background-color: var(--cs-inline-background-colour);
}
body.cs-plugin .cm-s-obsidian span.cm-inline-code span.cm-inline-code.cm-hmd-indented-code {
background-color: transparent;
}
body.cs-plugin .cm-s-obsidian span.cm-inline-code span.cm-inline-code:not(.cm-formatting):not(.cm-hmd-indented-code):not(.obsidian-search-match-highlight) {
background-color: var(--cs-inline-background-colour);
}
body.cs-plugin .cm-s-obsidian span.cm-inline-code:not(.cm-formatting) {
border-radius: var(--cs-inline-curvature);
}
body.cs-plugin .cm-s-obsidian span.cm-inline-code.cm-formatting {
border-start-start-radius: var(--cs-inline-curvature);
border-end-start-radius: var(--cs-inline-curvature);
}
body.cs-plugin .cm-s-obsidian span.cm-inline-code:not(.cm-formatting) + .cm-formatting.cm-inline-code {
border-start-end-radius: var(--cs-inline-curvature);
border-end-end-radius: var(--cs-inline-curvature);
}
body.cs-plugin span.cs-parameters {
color: var(--cs-inline-parameters-text-colour);
font-weight: var(--cs-inline-parameters-font-weight);
font-style: var(--cs-inline-parameters-font-style);
font-family: var(--cs-inline-parameters-font-family);
}
body.cs-plugin span.cm-comment span.cs-comment {
font-size: inherit;
line-height: inherit;
padding: 0px !important;
}
body.cs-plugin span.cs-comment {
box-sizing: initial;
}
body.cs-plugin span.cs-comment p {
display: inline !important;
}
update
2025-02-16 18:31:32 +00:00
.cm-hmd-frontmatter,
.cm-hmd-frontmatter .cm-builtin,
.cm-hmd-frontmatter .cm-property,
.cm-hmd-frontmatter .cm-attribute,
.cm-hmd-frontmatter .cm-type {
color: var(--code-function);
}
.cm-hmd-frontmatter .cm-inline-code,
.cm-hmd-frontmatter .cm-math {
color: var(--code-normal);
}
.cm-hmd-frontmatter .cm-def,
.cm-hmd-frontmatter .cm-comment,
.cm-hmd-frontmatter .cm-meta {
color: var(--code-comment);
}
.cm-hmd-frontmatter .cm-tag {
color: var(--code-tag);
}
.cm-hmd-frontmatter .cm-punctuation,
.cm-hmd-frontmatter .cm-bracket,
.cm-hmd-frontmatter .cm-hr {
color: var(--code-punctuation);
}
.cm-hmd-frontmatter .cm-number {
color: var(--code-value);
}
.cm-hmd-frontmatter .cm-qualifier,
.cm-hmd-frontmatter .cm-string,
.cm-hmd-frontmatter .cm-string-2 {
color: var(--code-string);
}
.cm-hmd-frontmatter .cm-operator {
color: var(--code-operator);
}
.cm-hmd-frontmatter .cm-link,
.cm-hmd-frontmatter .cm-variable,
.cm-hmd-frontmatter .cm-variable-2,
.cm-hmd-frontmatter .cm-variable-3 {
color: var(--code-property);
}
.cm-hmd-frontmatter .cm-keyword {
color: var(--code-keyword);
}
.cm-hmd-frontmatter .cm-atom {
color: var(--code-important);
update
2025-01-30 12:38:05 +00:00
}
update
2025-02-16 19:00:54 +00:00
body.cs-plugin .cs-hidden {
display: none !important;
}
update
2025-02-16 21:29:47 +00:00
/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsic3JjL3Njc3Mvc2Nzcy9taXhpbnMuc2NzcyIsICJzcmMvc2Nzcy9mZW5jZS9oZWFkZXIuc2NzcyIsICJzcmMvc2Nzcy9mZW5jZS9mb290ZXIuc2NzcyIsICJzcmMvc2Nzcy9mZW5jZS9zcGFjaW5nLnNjc3MiLCAic3JjL3Njc3MvZmVuY2Uvc3R5bGluZy5zY3NzIiwgInNyYy9zY3NzL2ZlbmNlL2RlY29yYXRpb25zL2NvbW1lbnRzLnNjc3MiLCAic3JjL3Njc3MvZmVuY2UvZGVjb3JhdGlvbnMvZmlsbGVyLnNjc3MiLCAic3JjL3Njc3MvZmVuY2UvZGVjb3JhdGlvbnMvbGluZU51bWJlcnMuc2NzcyIsICJzcmMvc2Nzcy9pbmxpbmUvaGVhZGVyLnNjc3MiLCAic3JjL3Njc3MvaW5saW5lL2Zvb3Rlci5zY3NzIiwgInNyYy9zY3NzL2lubGluZS9zcGFjaW5nLnNjc3MiLCAic3JjL3Njc3MvaW5saW5lL3N0eWxpbmcuc2NzcyIsICJzcmMvc2Nzcy9pbmxpbmUvc3ludGF4SGlnaGxpZ2h0aW5nLnNjc3MiLCAic3JjL3Njc3MvaW5saW5lL2RlY29yYXRpb25zL2NvbW1lbnRzLnNjc3MiLCAic3JjL3Njc3Mvb3RoZXIvZnJvbnRtYXR0ZXIuc2NzcyIsICJzcmMvc2Nzcy9vdGhlci9oaWRkZW4uc2NzcyJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiJHByZWZpeDogXCJjcy1cIjtcblxuQG1peGluIHByZWZpeGVkKCRuYW1lKSB7XG5cdC4jeyRwcmVmaXh9I3skbmFtZX0ge1xuXHRcdEBjb250ZW50O1xuXHR9XG59XG5cbkBtaXhpbiBhY3RpdmUge1xuICBib2R5LmNzLXBsdWdpbiB7XG4gICAgQGNvbnRlbnQ7XG4gIH1cbn1cbiIsICJAdXNlIFwiLi4vc2Nzcy9taXhpbnNcIjtcblxuQGluY2x1ZGUgbWl4aW5zLmFjdGl2ZSB7XG5cdC0tY3MtbGFuZ3VhZ2UtYm9yZGVyLWhlYWRlci1jb2xvdXI6IHZhcigtLWNzLWZlbmNlLWhlYWRlci1iYWNrZ3JvdW5kLWNvbG91cik7XG5cdC0tY3MtbGFuZ3VhZ2UtYm9yZGVyLXNlcGFyYXRvci1jb2xvdXI6IHZhcigtLWNzLWZlbmNlLWhlYWRlci1zZXBhcmF0b3ItYmFja2dyb3VuZC1jb2xvdXIpO1xuXHQtLWNzLWxhbmd1YWdlLWJvcmRlci1ndXR0ZXItY29sb3VyOiB2YXIoLS1jcy1mZW5jZS1ndXR0ZXItYmFja2dyb3VuZC1jb2xvdXIpO1xuXG5cdC5jcy1wcmUtcGFyZW50LFxuXHQubWFya2Rvd24tc291cmNlLXZpZXcgKjpub3QoLmNtLWVtYmVkLWJsb2NrKSA+IHtcblx0XHRkaXYuY3MtaGVhZGVyIHtcblx0XHRcdGZvbnQtc2l6ZTogdmFyKC0tZm9udC10ZXh0LXNpemUpO1xuXHRcdFx0Ym94LXNpemluZzogY29udGVudC1ib3g7XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRcdGN1cnNvcjogZGVmYXVsdDtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdHBvc2l0aW9uOiBzdGlja3k7XG5cdFx0XHRsZWZ0OiAwO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRcdGJvcmRlci1ib3R0b206IHZhcigtLXNpemUtMi0xKSBzb2xpZCB0cmFuc3BhcmVudDtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6IHZhcigtLWNzLWZlbmNlLWhlYWRlci1iYWNrZ3JvdW5kLWNvbG91cik7XG5cdFx0XHR6LWluZGV4OiA0O1xuXHRcdFx0cGFkZGluZy1ib3R0b206IHZhcigtLXNpemUtNC0yKTtcblx0XHRcdGdyaWQtY29sdW1uOiBzcGFuIDI7XG5cdFx0XHQvLyBvdmVyZmxvdy14OiBoaWRkZW47XG5cdFx0XHQvLyBvdmVyZmxvdy15OiBoaWRkZW47XG5cblx0XHRcdCY6OmJlZm9yZSB7XG5cdFx0XHRcdGNvbnRlbnQ6IFwiXCI7XG5cdFx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdFx0dG9wOiBjYWxjKC0xICogdmFyKC0tc2l6ZS00LTMpKTtcblx0XHRcdFx0bGVmdDogY2FsYygtMSAqIGNhbGModmFyKC0tc2l6ZS00LTQpIC0gdmFyKC0tY3MtZmVuY2UtZ3V0dGVyLWxhbmd1YWdlLWJvcmRlci1zaXplKSkpO1xuXHRcdFx0XHQvLyByaWdodDogY2FsYygtMSAqIGNhbGModmFyKC0tc2l6ZS00LTEyKSArIHZhcigtLWNzLWZlbmNlLWZhZGUtd2lkdGgpKSk7XG5cdFx0XHRcdHJpZ2h0OiBjYWxjKC0xICogdmFyKC0tY3MtZmVuY2UtZmFkZS13aWR0aCkpO1xuXHRcdFx0XHRib3R0b206IDA7XG5cdFx0XHRcdGJhY2tncm91bmQ6IGluaGVyaXQ7XG5cdFx0XHRcdHotaW5kZXg6IDI7XG5cdFx0XHRcdGJveC1zaGFkb3c6IGNhbGMoLTEgKiB2YXIoLS1jcy1mZW5jZS1ndXR0ZXItbGFuZ3VhZ2UtYm9yZGVyLXNpemUpKSAwIDBweCB2YXIoLS1jcy1sYW5ndWFnZS1ib3JkZXItaGVhZGVyLWNvbG91cik7XG5cdFx0XHR9XG5cblx0XHRcdCY6OmFmdGVyIHtcblx0XHRcdFx0Y29udGVudDogXCJcIjtcblx0XHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0XHRib3R0b206IGNhbGMoLTEgKiB2YXIoLS1zaXplLTItMSkpO1xuXHRcdFx0XHR0b3A6IDA7XG5cdFx0XHRcdGxlZnQ6IGNhbGMoLTEgKiBjYWxjKHZhcigtLXNpemUtNC00KSAtIHZhcigtLWNzLWZlbmNlLWd1dHRlci1sYW5ndWFnZS1ib3JkZXItc2l6ZSkpKTtcblx0XHRcdFx0Ly8gcmlnaHQ6IGNhbGMoLTEgKiBjYWxjKHZhcigtLXNpemUtNC0xMikgKyB2YXIoLS1jcy1mZW5jZS1mYWRlLXdpZHRoKSkpO1xuXHRcdFx0XHRyaWdodDogY2FsYygtMSAqIHZhcigtLWNzLWZlbmNlLWZhZGUtd2lkdGgpKTtcblx0XHRcdFx0ei1pbmRleDogMTtcblx0XHRcdFx0b3BhY2l0eTogMTtcblx0XHRcdFx0dHJhbnNpdGlvbi1wcm9wZXJ0eTogb3BhY2l0eTtcblx0XHRcdFx0dHJhbnNpdGlvbi1kdXJhdGlvbjogdmFyKC0tY3MtdHJhbnNpdGlvbi1sZW5ndGgtZm9sZCk7XG5cdFx0XHRcdHRyYW5zaXRpb24tdGltaW5nLWZ1bmN0aW9uOiBlYXNlLWluLW91dDtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogdmFyKC0tY3MtZmVuY2UtaGVhZGVyLXNlcGFyYXRvci1iYWNrZ3JvdW5kLWNvbG91cik7XG5cdFx0XHRcdGJveC1zaGFkb3c6IGNhbGMoLTEgKiB2YXIoLS1jcy1mZW5jZS1ndXR0ZXItbGFuZ3VhZ2UtYm9yZGVyLXNpemUpKSAwIDBweCB2YXIoLS1jcy1sYW5ndWFnZS1ib3JkZXItc2VwYXJhdG9yL
Reference in a new issue Copy permalink