chore: improve super code block styles
This commit is contained in:
@@ -80,31 +80,14 @@
|
||||
}
|
||||
.Lexical__code {
|
||||
background-color: var(--sn-stylekit-contrast-background-color);
|
||||
font-family: Menlo, Consolas, Monaco, monospace;
|
||||
font-family: var(--sn-stylekit-monospace-font), monospace;
|
||||
display: block;
|
||||
padding: 8px 8px 8px 52px;
|
||||
line-height: 1.53;
|
||||
font-size: 13px;
|
||||
margin: 0;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
padding: 1.25rem 1.35rem;
|
||||
margin: 0.5rem 0;
|
||||
tab-size: 2;
|
||||
/* white-space: pre; */
|
||||
overflow-x: auto;
|
||||
position: relative;
|
||||
}
|
||||
.Lexical__code:before {
|
||||
content: attr(data-gutter);
|
||||
position: absolute;
|
||||
background-color: var(--sn-stylekit-secondary-background-color);
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-right: 1px solid var(--sn-stylekit-contrast-border-color);
|
||||
padding: 8px;
|
||||
color: var(--sn-stylekit-info-color);
|
||||
white-space: pre-wrap;
|
||||
text-align: right;
|
||||
min-width: 25px;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
.Lexical__table {
|
||||
border-collapse: collapse;
|
||||
|
||||
Reference in New Issue
Block a user