Define the drop shadow of code boxes via a CSS variable

This commit is contained in:
Adorian Doran 2024-11-24 22:04:58 +02:00
parent 954a51e6c7
commit 3d54b7b34f

View File

@ -10,6 +10,8 @@
--monospace-font-family: JetBrainsLight;
--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;
--mermaid-theme: dark;
--code-block-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
body ::-webkit-calendar-picker-indicator {
@ -102,10 +106,6 @@
.btn-close {
filter: invert(1);
}
.ck-content pre {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important;
}
}
/* Code Blocks */
@ -113,7 +113,7 @@
.ck-content pre {
border: 0;
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;
margin-top: 2px !important;
overflow: unset;