Make code block 100% screen width on mobile
This commit is contained in:
parent
994b3e32d3
commit
28f36bee23
1 changed files with 10 additions and 0 deletions
|
@ -312,6 +312,16 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
|
|||
margin-top: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.post-content > div[class^='language-'] {
|
||||
@include ml-mr(-1.25rem);
|
||||
border-radius: 0;
|
||||
|
||||
&::before { // the lang badge
|
||||
right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) {
|
||||
|
|
Loading…
Reference in a new issue