OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Corrected spacing for single code blocks in tabbed containers

Browse Source
This commit is contained in:
squidfunk 2020-03-16 10:05:04 +01:00
parent 825eeae70c
commit 4a8adb8143
3 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/stylesheets/extensions/_codehilite.scss
View File

@ -263,7 +263,7 @@ $codehilite-whitespace: transparent;
.md-typeset { .md-typeset {
// Block with line numbers // Block with line numbers
> .codehilitetable { .codehilitetable {
margin: 1em 0; margin: 1em 0;
border-radius: px2rem(2px); border-radius: px2rem(2px);

2
src/assets/stylesheets/extensions/pymdown/_highlight.scss
View File

@ -39,8 +39,8 @@
margin-left: px2em(-16px, 13.6px); margin-left: px2em(-16px, 13.6px);
padding-left: px2em(16px, 13.6px); padding-left: px2em(16px, 13.6px);
float: left; float: left;
background-color: var(--md-code-bg-color);
color: var(--md-default-fg-color--lighter); color: var(--md-default-fg-color--lighter);
background-color: var(--md-code-bg-color);
box-shadow: inset px2rem(-1px) 0 var(--md-default-fg-color--lightest); box-shadow: inset px2rem(-1px) 0 var(--md-default-fg-color--lightest);
content: attr(data-linenos); content: attr(data-linenos);
user-select: none; user-select: none;

11
src/assets/stylesheets/extensions/pymdown/_tabbed.scss
View File

@ -34,16 +34,19 @@
width: 100%; width: 100%;
box-shadow: 0 px2rem(-1px) var(--md-default-fg-color--lightest); box-shadow: 0 px2rem(-1px) var(--md-default-fg-color--lightest);
// Actual content // Mirror old superfences behavior, if there's only a single code block.
pre { > .codehilite:only-child pre,
> .codehilitetable:only-child,
> .highlight:only-child pre,
> .highlighttable:only-child {
margin: 0; margin: 0;
}
// Remove rounded borders at the top // Remove rounded borders at the top
code { > code {
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} }
}
// Nested tabs // Nested tabs
> .tabbed-set { > .tabbed-set {