give snippets some visual separation
This commit is contained in:
parent
3a505d780e
commit
fcb1280c20
|
@ -173,6 +173,12 @@ body {
|
||||||
|
|
||||||
/* Make code examples a little prettier by giving them visual separation from the rest of the page */
|
/* Make code examples a little prettier by giving them visual separation from the rest of the page */
|
||||||
|
|
||||||
|
code {
|
||||||
|
padding: 3px 4px;
|
||||||
|
background-color: var(--shaded-background);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
padding: 8px 12px;
|
padding: 8px 12px;
|
||||||
margin: 12px 0;
|
margin: 12px 0;
|
||||||
|
@ -180,6 +186,11 @@ pre {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
pre>code {
|
||||||
|
background: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* And don't let code examples fly off and overflow the window */
|
/* And don't let code examples fly off and overflow the window */
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
|
|
Loading…
Reference in a new issue