zhao/hugo-theme-moments
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

💄 Improve style of codeblocks and block quotes

Browse source
This commit is contained in:
zhbaor 2022-12-09 23:07:56 +08:00
parent 34b2edf97f
commit e361ac1ead
1 changed files with 37 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
assets/style-refractored.scss
View file

@ -15,13 +15,50 @@ body{
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
color: rgb(33, 37, 41); color: rgb(33, 37, 41);
code { code {
font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, "Microsoft YaHei", monospace; font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, "Microsoft YaHei", monospace;
}
:not(pre) > code {
font-size: 14px; font-size: 14px;
background-color: #e3e6e8; background-color: #e3e6e8;
padding: 2px 4px; padding: 2px 4px;
border-radius: 3px; border-radius: 3px;
} }
.highlight {
width: 100%;
font-size: 13px;
margin-bottom: 16px;
overflow-x: auto;
pre {
margin: 0;
padding: 6px 0;
}
}
blockquote {
position: relative;
overflow: hidden;
margin: 0 16px 16px 16px;
padding: 16px 0 0 16px;
color: #525960;
&::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 4px;
border-radius: 2px;
background: #c8ccd0;
}
}
overflow-wrap: break-word; overflow-wrap: break-word;
} }