PlexSheep
/
krata
1
1
Fork 0
Code Issues 2 Pull Requests Packages Projects Releases Wiki Activity

Improve the alignment of code block

This commit is contained in:
Cotes Chung 2021-09-29 16:34:22 +08:00
parent 063b2a6651
commit 9844b964a8
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
_sass/addon/syntax.scss
View File

@ -179,25 +179,28 @@ div {
&.small { &.small {
font-size: 70%; font-size: 70%;
margin-left: 0.25rem;
} }
} }
// the label block // the label block
span { span {
padding-left: 0.6rem; padding-left: 0.35rem;
&::after { &::after {
content: attr(text-data); content: attr(text-data);
margin-left: 0.3rem;
font-size: 0.85rem; font-size: 0.85rem;
font-weight: 600; font-weight: 600;
color: var(--lang-badge-color); color: var(--lang-badge-color);
} }
@at-root [file] #{&} > i { // center the file icon i {
margin: 0 0.5rem;
}
@at-root [file] #{&} > i {
position: relative; position: relative;
top: 1px; top: 1px; // center the file icon
margin-left: 0.25rem;
} }
} }
@ -245,6 +248,10 @@ div {
border-radius: 0; border-radius: 0;
.highlight {
padding-left: 0.25rem;
}
.code-header { .code-header {
border-radius: 0; border-radius: 0;
padding-left: 0.4rem; padding-left: 0.4rem;