Fix double alignment icons, unify left-border stuff

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

View file

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

View file

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