81 lines
1.3 KiB
CSS
81 lines
1.3 KiB
CSS
.block {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.body {
|
|
display: grid;
|
|
grid-template-columns: minmax(max-content, 1fr);
|
|
padding: 6px 0 20px;
|
|
font: var(--dsw-font-markdown-code-block);
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.line {
|
|
box-sizing: border-box;
|
|
min-height: 1lh;
|
|
padding: 0 22px;
|
|
white-space: pre;
|
|
}
|
|
|
|
.block[data-code-wrap='true'] .body {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.block[data-code-wrap='true'] .line {
|
|
white-space: pre-wrap;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.path {
|
|
color: var(--dsw-alias-label-secondary);
|
|
font-weight: 500;
|
|
}
|
|
|
|
.gap {
|
|
color: var(--dsw-alias-label-tertiary);
|
|
}
|
|
|
|
.del::before {
|
|
content: '- ';
|
|
}
|
|
|
|
.del {
|
|
color: var(--dsw-alias-state-error-primary);
|
|
background: var(--dsw-alias-code-diff-deleted);
|
|
box-shadow: inset 3px 0 0 var(--dsw-alias-state-error-primary);
|
|
}
|
|
|
|
.add::before {
|
|
content: '+ ';
|
|
}
|
|
|
|
.add {
|
|
color: var(--dsw-alias-state-success-primary);
|
|
background: var(--dsw-alias-code-diff-added);
|
|
box-shadow: inset 3px 0 0 var(--dsw-alias-state-success-primary);
|
|
}
|
|
|
|
.context {
|
|
color: var(--dsw-alias-label-secondary);
|
|
}
|
|
|
|
.context::before {
|
|
content: ' ';
|
|
}
|
|
|
|
.expand {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0 22px;
|
|
border: none;
|
|
background: transparent;
|
|
color: var(--dsw-alias-label-tertiary);
|
|
cursor: pointer;
|
|
font: inherit;
|
|
text-align: left;
|
|
}
|
|
|
|
.expand:hover {
|
|
color: var(--dsw-alias-label-secondary);
|
|
}
|