2026-07-29 14:31:27 +03:00
|
|
|
|
/* Стилізація блоків коду в режимі читання (Reading view) та редагування (Live Preview) */
|
|
|
|
|
|
.markdown-rendered pre,
|
|
|
|
|
|
.cm-embed-block.cm-callout,
|
|
|
|
|
|
.cm-s-obsidian pre.HyperMD-codeblock,
|
|
|
|
|
|
div.cm-callout {
|
|
|
|
|
|
border-radius: 12px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Налаштування фону, рамок та тіней для монолітного блоку коду */
|
|
|
|
|
|
.markdown-rendered pre,
|
|
|
|
|
|
.cm-plugin-inline-preview,
|
|
|
|
|
|
.cm-embed-block:has(.HyperMD-codeblock) {
|
2026-07-29 16:52:30 +03:00
|
|
|
|
background-color: #eee !important; /* Глибокий темний фон */
|
2026-07-29 14:31:27 +03:00
|
|
|
|
border: 1px solid #333333 !important; /* Легка рамка */
|
|
|
|
|
|
border-radius: 12px !important;
|
|
|
|
|
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
|
|
|
|
|
|
padding: 10px 14px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Коригування фону окремих рядків у режимі Live Preview */
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-codeblock {
|
2026-07-29 16:52:30 +03:00
|
|
|
|
background-color: #eee !important;
|
2026-07-29 14:31:27 +03:00
|
|
|
|
font-family: 'Fira Code', 'Consolas', monospace !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Закруглення верхніх і нижніх країв блоку в режимі редагування */
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-codeblock-begin {
|
|
|
|
|
|
border-top-left-radius: 12px !important;
|
|
|
|
|
|
border-top-right-radius: 12px !important;
|
|
|
|
|
|
border-top: 1px solid #333333 !important;
|
|
|
|
|
|
border-left: 1px solid #333333 !important;
|
|
|
|
|
|
border-right: 1px solid #333333 !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.cm-s-obsidian .HyperMD-codeblock-end {
|
|
|
|
|
|
border-bottom-left-radius: 12px !important;
|
|
|
|
|
|
border-bottom-right-radius: 12px !important;
|
|
|
|
|
|
border-bottom: 1px solid #333333 !important;
|
|
|
|
|
|
border-left: 1px solid #333333 !important;
|
|
|
|
|
|
border-right: 1px solid #333333 !important;
|
|
|
|
|
|
}
|
