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 */
|
||||
|
||||
code {
|
||||
padding: 3px 4px;
|
||||
background-color: var(--shaded-background);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 8px 12px;
|
||||
margin: 12px 0;
|
||||
|
@ -180,6 +186,11 @@ pre {
|
|||
border-radius: 8px;
|
||||
}
|
||||
|
||||
pre>code {
|
||||
background: none;
|
||||
}
|
||||
|
||||
|
||||
/* And don't let code examples fly off and overflow the window */
|
||||
|
||||
pre {
|
||||
|
|
Loading…
Reference in a new issue