Fix double alignment icons, unify left-border stuff
This commit is contained in:
parent
f2d27568a1
commit
f921721f32
|
@ -84,10 +84,12 @@ 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
|
||||||
|
pre.chroma
|
||||||
position relative
|
position relative
|
||||||
background-color var(--syntax-bg)
|
background-color var(--syntax-bg)
|
||||||
max-width 100vw
|
max-width 100vw
|
||||||
|
@ -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,
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue