1
0
mirror of https://github.com/kremalicious/blog.git synced 2024-11-14 00:55:16 +01:00
blog/_src/assets/less/code.less

56 lines
997 B
Plaintext

// CODE
/////////////////////////////////////
pre, code, kbd, samp {
font-family: @font-family-monospace;
font-size: 14px;
line-height: 1.4em;
color: spin(@text-color, 70);
background: #f8f8f8;
background: rgba(255,255,255,.6);
border-radius: @border-radius-base;
}
code {
padding: .3em .6em;
}
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,.8);
}
code {
border: none;
padding: 0;
margin: 0;
border-radius: 0;
background: none;
}
}
code.bash {
padding-left: 1.5em;
display: block;
&:before {
content: "$";
color: @text-color-dimmed;
display: inline-block;
margin-left: -1.5em;
margin-right: .8em;
}
}