I wanted to add a background with a rounder border around the code snippet, but for some reason the first line of the preview gets indented. Do you know why that's the case?
code,
pre {
line-height: 2em;
border-radius: 4px;
padding: 8px;
}
pre {
background: rgba(0, 76, 114, 0.04) !important;
}
code {
background: rgba(0, 76, 114, 0.08);
}
pre code {
background: none !important;
}
.code {
border: none;
background: rgba(0, 76, 114, 0.08);
border-radius: 4px;
}