keb/jpg-quartz
1
0
Fork 0
mirror of https://github.com/ZetaKebab/quartz.git synced 2025-06-22 08:44:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added optional rendering of code block titles (#148)

Browse Source
This commit is contained in:
Geoffrey Garrett
2022-07-01 20:03:52 +02:00
committed by GitHub
parent 8d7a7b712f
commit d3e20b8b94
9 changed files with 321 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/styles/code-title.scss Normal file
View File

@ -0,0 +1,20 @@
.code-title {
color: var(--primary) ;
font-family: monospace;
width: max-content;
overflow-x: auto;
display: inline-block;
vertical-align: middle;
font-weight: normal;
line-height: 1em;
position: relative;
padding: 0.5em 0.6em 0.6em; // + 1.2 em
max-width: calc(100% - 1.2em); // (-1.2 em) fits article width exactly
margin-bottom: -0.2em;
z-index: -1;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
font-size: 0.9em;
background-color: var(--lightgray);
filter: hue-rotate(-30deg) contrast(1.0) opacity(0.8);
}