Files
espocrm/frontend/less/espo/bootstrap/code.less
2025-02-07 22:42:51 +02:00

59 lines
1.2 KiB
Plaintext

// Code (inline and block)
code,
kbd,
pre,
samp {
font-family: var(--font-family-monospace);
font-variant-ligatures: none;
}
// Inline code
code {
padding: var(--2px) var(--4px);
font-size: 90%;
color:var(--code-color);
background-color: var(--code-bg);
}
// User input typically entered via keyboard
kbd {
padding: var(--2px) var(--4px);
font-size: 90%;
color: var(--code-color);
background-color: var(--code-bg);
kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
}
// Blocks of code
pre {
display: block;
padding: calc((var(--line-height-computed) - var(--1px)) / 2);
margin: 0 0 var(--line-height-computed-half);
font-size: calc(var(--font-size-base) - var(--1px));
line-height: var(--line-height-base);
word-break: break-all;
word-wrap: break-word;
color: var(--code-color);
background-color: var(--code-bg);
border: var(--1px) solid var(--code-border-color);
border-radius: var(--border-radius-small);
// Account for some code outputs that place code tags in pre tags
code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
}