mirror of
https://github.com/loikein/hugo-tufte.git
synced 2024-11-15 04:46:58 +01:00
fix for mobile highlighting width
This commit is contained in:
parent
0fa412b280
commit
152686af70
1 changed files with 8 additions and 2 deletions
|
@ -3,7 +3,7 @@ $ht-code-border-radius: .4em;
|
|||
width: 55%;
|
||||
overflow-x: scroll;
|
||||
border-radius: $ht-code-border-radius;
|
||||
|
||||
|
||||
&>div.chroma>table.lntable{
|
||||
margin: $ht-code-border-radius 0 $ht-code-border-radius 0;
|
||||
& td:first-of-type {
|
||||
|
@ -28,7 +28,7 @@ $ht-code-border-radius: .4em;
|
|||
// border-radius: $ht-code-border-radius / 2;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
border-radius: $ht-code-border-radius;
|
||||
width: 10px;
|
||||
|
@ -39,6 +39,12 @@ $ht-code-border-radius: .4em;
|
|||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 760px) {
|
||||
.highlight {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight .lntable {
|
||||
overflow: initial;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue