lytedev/site.lyte.dev
1
0
Fork 0
Code Issues Pull requests 1 Releases Wiki Activity

Fix syntax styling when in unusual places

Browse source
This commit is contained in:
Daniel Flanagan 2023-06-26 15:00:54 -05:00
parent ad4e8ef09f
commit 63fcb71706
Signed by: lytedev
GPG key ID: 5B2020A0F9921EF4
2 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/stylus/core.styl
View file

@ -78,9 +78,14 @@ html,body
border-left solid var(--syntax-bpx) var(--syntax-ledg) border-left solid var(--syntax-bpx) var(--syntax-ledg)
display flex display flex
.highlight, h1, h2, h3, h4, h5, h6, form, ul, ol, p, details .highlight, form, ul, ol, p, details
margin-top 1em margin-top 1em
margin-bottom 0.25em margin-bottom 0.25em
&:first-child { margin-top: 0 }
h1, h2, h3, h4, h5, h6
margin-top 2em
margin-bottom 0.25em
h1, h2, h3, h4, h5, h6, form, ul, ol, p h1, h2, h3, h4, h5, h6, form, ul, ol, p
max-width 60ch max-width 60ch

2
src/stylus/syntax-highlighting.styl
View file

@ -1,4 +1,4 @@
main > .highlight > pre.chroma main .highlight pre.chroma
border 0 border 0
padding 0.25em 0.5em padding 0.25em 0.5em
border-left solid 0.25em var(--syntax-left-edge) border-left solid 0.25em var(--syntax-left-edge)