CSS: Improve code styling when using pygments.

This commit is contained in:
Fredrik Jonsson 2019-10-14 11:00:52 +02:00
commit 9f410af538

View file

@ -121,9 +121,14 @@ article {
}
}
.content-dates {
color: $text-meta;
text-align: right;
}
code {
@include type-layout(xs, 1);
word-wrap: break-word;
overflow-wrap: break-word;
@include respond-to(xxl) {
@include type-layout(xs-2, 1);
@ -140,8 +145,17 @@ article {
max-height: 300px;
max-width: 90vw;
&.chroma {
max-height: initial;
overflow-x: scroll;
}
@include respond-to(s) {
max-width: 600px;
&.chroma {
max-width: initial;
}
}
& > code {
@ -150,9 +164,8 @@ article {
}
}
.content-dates {
color: $text-meta;
text-align: right;
.js-clipboard-button {
display: block;
}
}
@ -280,10 +293,6 @@ figure {
background-color: $error-bg;
}
}
button {
display: block;
}
}
.js-submitted {