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;
|
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) {
|
@media all and (max-width: 768px) {
|
||||||
|
|
Loading…
Reference in a new issue