give snippets some visual separation

This commit is contained in:
liquidex 2023-09-03 12:09:37 +02:00
parent 3a505d780e
commit fcb1280c20

View file

@ -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 {