Torq/css/code.css
2025-04-11 15:20:56 -05:00

64 lines
1.3 KiB
CSS

/*
Code (inline and block)
========================================
*/
/* Inline and block code styles */
code,
pre {
padding: 0 3px 2px;
font-family: var(--mono-font-family);
font-size: calc(var(--base-font-size) - 2px);
color: var(--gray-dark);
border-radius: 3px;
}
/* Inline code */
code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
white-space: nowrap;
}
/* Blocks of code */
pre {
display: block;
padding: calc((var(--base-line-height) - 1) / 2);
margin: 0 0 calc(var(--base-line-height) / 2);
font-size: calc(var(--base-font-size) - 1px);
/* 14px to 13px */
line-height: var(--base-line-height);
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
/* fallback for IE7-8 */
border: 1px solid rgba(0, 0, 0, .15);
border-radius: var(--base-border-radius);
}
/* Make prettyprint styles more spaced out for readability */
pre.prettyprint {
margin-bottom: var(--base-line-height);
}
/* Account for some code outputs that place code tags in pre tags */
pre code {
padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}
/* Enable scrollable blocks of code */
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}