mirrors/hugo-tufte
1
0
Fork 1
mirror of https://github.com/loikein/hugo-tufte.git synced 2024-12-23 22:09:44 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #45 from Erik-J-D/master

Browse source 
fix for mobile highlighting width
This commit is contained in:
slashformotion 2021-12-13 20:40:39 +01:00 committed by GitHub
commit 47b96b39d4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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;
} }