ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CSS: Improve code styling when using pygments.

Browse source
This commit is contained in:
Fredrik Jonsson 2019-10-14 11:00:52 +02:00
commit 9f410af538
1 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

25
assets/sass/_zen.scss
View file

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