light and dark code styles
This commit is contained in:
parent
ad85908c0d
commit
2ee1ebbdc3
4 changed files with 172 additions and 126 deletions
|
@ -21,6 +21,7 @@ body {
|
|||
|
||||
--c-text-light: var(--c-highlight);
|
||||
--c-text-dark: var(--c-dark);
|
||||
--c-text-dim: color-mix(in lch, var(--c-text-dark), transparent 30%);
|
||||
|
||||
--ratio: 1.333;
|
||||
--s-5: calc(var(--s-4) / var(--ratio));
|
||||
|
@ -528,7 +529,7 @@ p > code, pre {
|
|||
border-radius: 0.5em;
|
||||
}
|
||||
p > code {
|
||||
margin: -0.1em;
|
||||
margin: -0.1em 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
@ -571,8 +572,7 @@ body .isso-input-wrapper label {
|
|||
body .isso-input-wrapper input,
|
||||
input[type='text'],
|
||||
body .isso-textarea,
|
||||
body .isso-preview,
|
||||
pre {
|
||||
body .isso-preview {
|
||||
color: inherit;
|
||||
font-size: 1rem;
|
||||
background-color: transparent;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue