sass-site/source/assets/css/foundation/_code.scss

40 lines
744 B
SCSS
Raw Normal View History

2013-10-09 12:30:53 +02:00
code,
pre {
@include font-size-small;
font: {
weight: $font-weight-regular;
family: $font-family-code;
}
white-space: pre-wrap;
background: rgba($color-background-shade, .175);
2013-10-09 12:30:53 +02:00
color: $color-text-strong;
@include border-radius(4px);
border: 1px solid #ebebeb;
@include box-sizing(border-box);
2013-02-09 04:10:33 +01:00
}
code {
2013-10-09 12:30:53 +02:00
padding: .25em;
line-height: 0;
2012-11-28 17:23:08 +01:00
}
pre {
2013-10-09 12:30:53 +02:00
@include trailer;
@include rhythm(.5, .5, .5, .5);
2013-10-13 01:26:11 +02:00
@include bleed(1em);
2013-10-09 12:30:53 +02:00
display: block;
overflow-y: auto;
margin: auto 0 25px;
2013-02-09 04:10:33 +01:00
2013-10-09 12:30:53 +02:00
// Account for some code outputs that place code tags in pre tags
2013-02-24 07:04:16 +01:00
code {
2013-10-09 12:30:53 +02:00
@extend %reset-padding;
2013-02-24 07:04:16 +01:00
background: none;
2013-10-09 12:30:53 +02:00
font-size: inherit;
line-height: inherit;
2013-02-24 07:04:16 +01:00
}
&.highlight .err {
background: #fcc;
}
2013-02-24 07:04:16 +01:00
}