2013-11-18 22:09:20 +01:00
|
|
|
// CODE
|
|
|
|
/////////////////////////////////////
|
|
|
|
|
|
|
|
pre, code, kbd, samp {
|
|
|
|
font-family: @font-family-monospace;
|
2013-11-30 03:17:50 +01:00
|
|
|
font-size: @font-size-small;
|
|
|
|
line-height: 1.4em;
|
|
|
|
color: spin(@text-color, 70);
|
2013-11-18 22:09:20 +01:00
|
|
|
background: #f8f8f8;
|
2013-11-30 03:17:50 +01:00
|
|
|
background: rgba(255,255,255,.6);
|
2013-11-18 22:09:20 +01:00
|
|
|
border-radius: @border-radius-base;
|
|
|
|
}
|
|
|
|
|
2013-11-30 03:17:50 +01:00
|
|
|
code {
|
|
|
|
padding: .3em .6em;
|
|
|
|
}
|
|
|
|
|
2013-11-18 22:09:20 +01:00
|
|
|
pre {
|
|
|
|
padding: 1em;
|
|
|
|
margin-bottom: 1.5em;
|
|
|
|
display: block;
|
|
|
|
width: auto;
|
|
|
|
overflow: scroll;
|
|
|
|
-webkit-overflow-scrolling: touch;
|
|
|
|
max-height: 300px;
|
|
|
|
white-space: pre;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
word-wrap: normal;
|
|
|
|
.transition;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background: #fff;
|
|
|
|
background: rgba(255,255,255,.5);
|
|
|
|
}
|
|
|
|
|
|
|
|
code {
|
|
|
|
border: none;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
background: none;
|
|
|
|
}
|
|
|
|
}
|