mirror of
https://github.com/danog/sass-site.git
synced 2024-12-14 02:17:36 +01:00
f5a10bda88
- We don't really have large code blocks just yet. Some of the code blocks had just enough content to cause scroll bars. We can adjust later if we have larger code blocks. My personal preference is to not have code blocks scroll vertically.
38 lines
654 B
SCSS
38 lines
654 B
SCSS
code,
|
|
pre {
|
|
@include font-size-small;
|
|
font: {
|
|
weight: $font-weight-regular;
|
|
family: $font-family-code;
|
|
}
|
|
white-space: pre-wrap;
|
|
background: rgba($color-background-shade, .5);
|
|
color: $color-text-strong;
|
|
}
|
|
|
|
code {
|
|
padding: .25em;
|
|
line-height: 0;
|
|
}
|
|
|
|
pre {
|
|
@include trailer;
|
|
@include rhythm(.5, .5, .5, .5);
|
|
@include bleed;
|
|
display: block;
|
|
// max-height: 340px;
|
|
overflow-y: auto;
|
|
word: {
|
|
break: break-all;
|
|
wrap: break-word;
|
|
}
|
|
|
|
// Account for some code outputs that place code tags in pre tags
|
|
code {
|
|
@extend %reset-padding;
|
|
background: none;
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
}
|