css: Add indent and clear pre styles

This commit adds two new classes for <pre> tags:

1) pre.clear overrides the standard canary background color with white

2) pre.indent defines a <pre> tag that is indented and marked with a
border

These classes are mainly meant for preformatted content that has been
added manually and should not be styled like the common code blocks.

1 files changed, 13 insertions, 0 deletions

diff --git a/scss/style.scss b/scss/style.scss
index e818f7b..79ec07a 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -36,6 +36,19 @@ pre {
 	padding: .7rem;
 }
 
+pre.clear {
+	background-color: white;
+}
+
+pre.indent {
+	font-size: smaller;
+
+	border-left: 4px solid lightgrey;
+
+	margin-left: 1.5rem;
+	padding-left: 1.5rem;
+}
+
 blockquote {
 	background-color: $canary;
 	padding: .7rem;