ds-markdown
Version:
> π React Markdown ζεε¨η»η»δ»ΆοΌζδΎη°δ»£θ倩ηι’ζζ
52 lines (51 loc) β’ 1.25 kB
CSS
.md-code-block {
--ds-md-code-block-border-radius: 12px;
--ds-md-code-block-font-size: calc(var(--ds-md-zoom) * var(--ds-font-size-xsp));
border-radius: var(--ds-md-code-block-border-radius);
font-size: var(--ds-md-code-block-font-size);
line-height: calc(var(--ds-md-code-block-font-size) * 1.6);
}
.md-code-block-light {
--ds-md-code-block-border-color: #e5e5e5;
--ds-md-code-block-banner-wrap-background-color: white;
--ds-md-code-banner-background-color: #f5f5f5;
color: #494949;
background: #fafafa;
}
.md-code-block-language {
color: var(--dsr-text-2);
margin-left: 8px;
font-size: 12px;
line-height: 18px;
display: flex;
align-items: center;
}
.md-code-block-content {
padding: 4px 12px;
}
/* Header actions container */
.md-code-block-header-actions {
display: flex;
align-items: center;
gap: 8px;
}
/* Action button base styles */
.md-code-block-action-btn {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
border: none;
border-radius: 4px;
font-size: 12px;
line-height: 1;
cursor: pointer;
transition: all 0.2s ease;
background: transparent;
color: inherit;
white-space: nowrap;
user-select: none;
}
.md-code-block-action-btn span {
font-weight: 500;
}