commit 1a69eb5488643b791fe36b290f3e5dfecfa5a0d3
parent 93d0c8d4e4751a7328b5aa1b836aaa9fcad230fc
Author: Demonstrandum <moi@knutsen.co>
Date: Thu, 6 Aug 2020 03:38:36 +0100
Better markup CSS.
Diffstat:
2 files changed, 50 insertions(+), 2 deletions(-)
diff --git a/highlight b/highlight
@@ -30,7 +30,8 @@ if lexer.__class__ is pygments.lexers.MarkdownLexer:
rendered = markdown(contents, extensions=[
'codehilite',
'extra',
- 'sane_lists'
+ 'sane_lists',
+ 'smarty'
])
FORMAT = HtmlFormatter(
diff --git a/style.css b/style.css
@@ -42,13 +42,60 @@ a.line {
}
article.markup {
+ font-size: 15px;
border: 2px solid #00000017;
border-radius: 10px;
font-family: sans-serif;
- padding: 1em 2.5em;
+ padding: 2.5em;
margin: 2em 0;
}
+article.markup code {
+ font-size: 0.9em;
+ border: 1px solid #dbdbdb;
+ background-color: #f0f0f0;
+ padding: 0 0.3em;
+ border-radius: 0.3em
+}
+
+article.markup pre code {
+ border: none;
+ background: none;
+ padding: 0;
+ border-radius: 0;
+}
+
+article.markup pre {
+ background-color: #f0f0f0;
+ padding: 0.2em 0.5em;
+ border: 1px solid #dbdbdb;
+ border-radius: 0.3em;
+}
+
+article.markup h1 {
+ font-size: 2.4em;
+}
+
+article.markup h2 {
+ font-size: 1.9em;
+}
+
+article.markup h3 {
+ font-size: 1.5em;
+}
+
+article.markup h4 {
+ font-size: 1.3em;
+}
+
+article.markup h5 {
+ font-size: 1.1em;
+}
+
+article.markup h6 {
+ font-size: 1em;
+}
+
.linenos {
margin-right: 0;
border-right: 1px solid rgb(0 0 0 / 8%);