mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-09-10 07:07:14 +08:00
Define the drop shadow of code boxes via a CSS variable
This commit is contained in:
parent
954a51e6c7
commit
3d54b7b34f
@ -10,6 +10,8 @@
|
|||||||
|
|
||||||
--monospace-font-family: JetBrainsLight;
|
--monospace-font-family: JetBrainsLight;
|
||||||
--monospace-font-size: normal;
|
--monospace-font-size: normal;
|
||||||
|
|
||||||
|
--code-block-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -81,6 +83,8 @@
|
|||||||
--link-color: lightskyblue;
|
--link-color: lightskyblue;
|
||||||
|
|
||||||
--mermaid-theme: dark;
|
--mermaid-theme: dark;
|
||||||
|
|
||||||
|
--code-block-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
body ::-webkit-calendar-picker-indicator {
|
body ::-webkit-calendar-picker-indicator {
|
||||||
@ -102,10 +106,6 @@
|
|||||||
.btn-close {
|
.btn-close {
|
||||||
filter: invert(1);
|
filter: invert(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ck-content pre {
|
|
||||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Code Blocks */
|
/* Code Blocks */
|
||||||
@ -113,7 +113,7 @@
|
|||||||
.ck-content pre {
|
.ck-content pre {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: var(--code-block-box-shadow);
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
margin-top: 2px !important;
|
margin-top: 2px !important;
|
||||||
overflow: unset;
|
overflow: unset;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user