Better markup CSS.

diff --git a/highlight b/highlight
index 28b18912a863b290923bbde17efae273cb871cf5..6d722bc716117c0fcfe67d6339819d65c3e998f6 100755 (executable)
--- 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
index bb20ae7c94b37e8741537945539c52183e373fea..91045c90b8dc0d81acd88b295956adf1b45ea399 100644 (file)
--- 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%);