asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Improve the alignment of code block

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