phil/hugo-tufte
1
0
Fork 0
forked from mirrors/hugo-tufte
Code Pull requests Activity

fix for mobile highlighting width

Browse source
This commit is contained in:
Erik Derohanian 2021-12-11 12:39:47 -05:00
parent 0fa412b280
commit 152686af70
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/scss/components/code-highlight.scss
View file

@ -3,7 +3,7 @@ $ht-code-border-radius: .4em;
width: 55%; width: 55%;
overflow-x: scroll; overflow-x: scroll;
border-radius: $ht-code-border-radius; border-radius: $ht-code-border-radius;
&>div.chroma>table.lntable{ &>div.chroma>table.lntable{
margin: $ht-code-border-radius 0 $ht-code-border-radius 0; margin: $ht-code-border-radius 0 $ht-code-border-radius 0;
& td:first-of-type { & td:first-of-type {
@ -28,7 +28,7 @@ $ht-code-border-radius: .4em;
// border-radius: $ht-code-border-radius / 2; // border-radius: $ht-code-border-radius / 2;
display: block; display: block;
} }
&::-webkit-scrollbar { &::-webkit-scrollbar {
border-radius: $ht-code-border-radius; border-radius: $ht-code-border-radius;
width: 10px; width: 10px;
@ -39,6 +39,12 @@ $ht-code-border-radius: .4em;
} }
} }
@media screen and (max-width: 760px) {
.highlight {
width: 90%;
}
}
.highlight .lntable { .highlight .lntable {
overflow: initial; overflow: initial;
} }