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

Fix double alignment icons, unify left-border stuff

Browse source
This commit is contained in:
Daniel Flanagan 2024-05-26 10:22:10 -05:00
parent f2d27568a1
commit f921721f32
2 changed files with 24 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
src/stylus/core.styl
View file

@ -84,19 +84,21 @@ html,body
padding 0.5em padding 0.5em
line-height 1.6em line-height 1.6em
main:first-child, footer:first-child { margin-top: 0 } main:first-child, footer:first-child
margin-top 0
&> main, > footer > main, > footer
.highlight .highlight
position relative pre.chroma
background-color var(--syntax-bg) position relative
max-width 100vw background-color var(--syntax-bg)
border-left solid var(--syntax-bpx) var(--syntax-ledg) max-width 100vw
display flex border-left solid var(--syntax-bpx) var(--syntax-ledg)
transition 0.2s border-color display flex
transition 0.2s border-color
&:hover &:hover
border-color var(--syntax-ledgh) border-color var(--syntax-ledgh)
li li
margin-top 0.5em margin-top 0.5em
@ -272,7 +274,7 @@ form
.hide-in-align-left { display: none } .hide-in-align-left { display: none }
.with-align { text-align: left } .with-align { text-align: left }
body.align-center body:not(.align-left)
.hide-in-align-center { display: none } .hide-in-align-center { display: none }
.with-align { text-align: center } .with-align { text-align: center }
&> main, > footer &> main, > footer
@ -292,24 +294,25 @@ form
margin-right auto margin-right auto
.highlight .highlight
border-left 0
pre.chroma pre.chroma
padding 0 padding 0
display flex display flex
flex-direction column flex-direction column
width auto width auto
flex 1 flex 1
justify-content center // justify-content center
align-content center // align-content center
align-items center // align-items center
margin-left auto margin-left auto
margin-right auto margin-right auto
> code width 600px
width: 600px; padding 0.25em 0.5em
padding 0.25em 0.5em border-left solid var(--syntax-bpx) var(--syntax-ledg)
border-left solid var(--syntax-bpx) var(--syntax-ledg) transition border-color 0.2s
&:hover
border-color var(--syntax-ledgh)
img, img,
embed, embed,

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

@ -10,7 +10,7 @@ main .highlight pre.chroma
color var(--fg) color var(--fg)
main > .highlight > pre.chroma > code > .line main > .highlight > pre.chroma > code > .line
margin-right 5em // margin-right 5em
.chroma .chroma
.err .err