blog/_src/assets/less/code.less

// 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;
    }    
}