starred/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2026-07-29 09:12:35 -04:00
Code Issues Packages Projects Releases Wiki Activity

Added support for code block titles

Browse Source
This commit is contained in:
squidfunk
2021-10-30 13:16:05 +02:00
parent cb3220bb8f
commit 6ceef24179
11 changed files with 104 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss
View File

@@ -150,6 +150,25 @@
background-color: var(--md-code-hl-color);
}
// Code block title
span.filename {
position: relative;
display: block;
margin-top: 1em;
padding: px2em(10.5px, 13.6px) px2em(16px, 13.6px);
font-weight: 700;
font-size: px2em(13.6px);
background-color: var(--md-code-bg-color);
border-bottom: px2rem(1px) solid var(--md-default-fg-color--lightest);
border-top-left-radius: px2rem(2px);
border-top-right-radius: px2rem(2px);
// Adjust spacing for code block
+ pre {
margin-top: 0;
}
}
// Code block line numbers (inline)
[data-linenos]::before {
position: sticky;
@@ -195,6 +214,13 @@
margin: 0;
}
// Code block title container
th.filename {
flex-grow: 1;
padding: 0;
text-align: left;
}
// Code block line numbers - disable user selection, so code can be easily
// copied without accidentally also copying the line numbers
.linenos {