GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-24 21:34:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(code titles): fixes overflow issue

Browse Source
This commit is contained in:
Geoffrey Garrett 2022-06-29 22:13:17 +02:00
parent 29fa0bea1d
commit 8fdc927bab
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/styles/code-title.scss
View File

@ -2,12 +2,17 @@
color: rgb(222, 114, 222); color: rgb(222, 114, 222);
background-color: rgb(42, 47, 55); background-color: rgb(42, 47, 55);
font-family: monospace; font-family: monospace;
width: max-content;
overflow-x: auto;
display: inline-block; display: inline-block;
vertical-align: middle;
font-weight: normal;
line-height: 1em;
position: relative; position: relative;
padding: 0.3em 0.6em 0.6em; padding: 0.5em 0.6em 0.6em; // + 1.2 em
margin-bottom: -0.3em; max-width: calc(100% - 1.2em); // (-1.2 em) fits article width exactly
margin-bottom: -0.2em;
z-index: -1; z-index: -1;
paint-order: fill;
border-top-left-radius: 0.3em; border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em; border-top-right-radius: 0.3em;
font-size: 0.9em; font-size: 0.9em;