2022-06-21 14:55:07 +08:00
|
|
|
@import 'copy-code';
|
2022-05-21 17:47:26 +08:00
|
|
|
|
|
|
|
|
%code-inline {
|
|
|
|
|
background: var(--highlight-background);
|
|
|
|
|
color: var(--highlight-foreground);
|
|
|
|
|
}
|
|
|
|
|
|
2022-06-21 14:55:07 +08:00
|
|
|
pre {
|
2022-08-09 09:23:37 +08:00
|
|
|
padding: 18px;
|
2022-06-21 15:12:43 +08:00
|
|
|
margin: 0;
|
2022-05-21 17:47:26 +08:00
|
|
|
}
|
2022-06-21 15:12:43 +08:00
|
|
|
|
2022-06-28 17:21:34 +08:00
|
|
|
p > code, li > code {
|
2022-06-21 16:11:14 +08:00
|
|
|
@extend %code-inline;
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
padding: 3px 6px;
|
|
|
|
|
}
|
|
|
|
|
|
2022-05-21 17:47:26 +08:00
|
|
|
pre, code {
|
|
|
|
|
font-family: $code-font-family;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
kbd {
|
|
|
|
|
@extend %code-inline;
|
|
|
|
|
border: 2px solid $grey-light;
|
|
|
|
|
border-radius: .2em;
|
|
|
|
|
box-shadow: .1em .1em .2em rgba(0, 0, 0, .1);
|
|
|
|
|
font-family: inherit;
|
|
|
|
|
padding: .1em .3em;
|
|
|
|
|
white-space: nowrap;
|
2022-06-21 14:55:07 +08:00
|
|
|
}
|
