GitHub flavored markdown for pages

emilbaehr · emilbaehr · commit 9a467095f15f · 2019-08-16T16:36:18.000+02:00
diff --git a/_config.yml b/_config.yml
@@ -135,3 +135,6 @@ exclude:
 collections:
   pages:
     output: true
+
+# Markdown rendering
+markdown: kramdown
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -1,14 +1,19 @@
+---
+# Front matter comment to ensure Jekyll properly reads file.
+---
+
 <!DOCTYPE html>
 <html lang="en-us">
 
 {% include head.html %}
+<link rel="stylesheet" href="../githubmarkdown.css">
 
 <body>
         <div class="headerBackground subPageHeaderBackground">
             <div class="container">
             {% include header.html %}
-                <article class="page markdownStyling">
-                    {{ content }}
+                <article class="page">
+                    {{ content | markdownify }}
                 </article>
             </div>
             {% include appstoreimages.html %}
diff --git a/_sass/base.scss b/_sass/base.scss
@@ -46,7 +46,6 @@ a:active {
 // Shadows
 $drop-shadow: drop-shadow(0px 5px 10px rgba(#000, 0.1)) drop-shadow(0px 1px 1px rgba(#000, 0.2));
 
-
 // Various resets
 *,
 *::before,
diff --git a/_sass/layout.scss b/_sass/layout.scss
@@ -540,106 +540,4 @@ footer {
 
 .hidden {
 	display: none;
-}
-
-/* Markdown Styling */
-.markdownStyling {
-	margin-top: 30px;
- 	margin-bottom: 30px;
-}
-
-.markdownStyling > *:first-child {
-	margin-top: 0 !important;
-}
-
-.markdownStyling > *:last-child {
-	margin-bottom: 0 !important;
-}
-
-.markdownStyling strong {
-	color: rgba(#000, 1)
-}
-
-.markdownStyling p {
-	line-height: 150%;
-	padding-bottom: 40px;
-	color: rgba(#000, 0.6)
-}
-
-.markdownStyling p:last-child {
-	padding-bottom: 0px;
-}
-
-.markdownStyling h1 {
-	padding-top: 0px;
-	padding-bottom: 20px;
-	font-size: 4rem;
-}
-
-.markdownStyling h2 {
-	padding-top: 30px;
-	padding-bottom: 10px;
-	font-size: 2.5rem;
-}
-
-.markdownStyling h3 {
-	padding-top: 0px;
-	padding-bottom: 10px;
-	font-size: 1.8rem;
-}
-
-.markdownStyling h4 {
-	padding-top: 0px;
-	padding-bottom: 8px;
-	font-size: 1.5rem;
-	font-weight: bold;
-}
-
-.markdownStyling h5 {
-	font-size: 1.2rem;
-	font-weight: bold;
-}
-
-.markdownStyling p {
-	font-size: 1.8rem;
-}
-
-.markdownStyling ul {
-	line-height: 150%;
-	padding-left: 20px;
-	color: rgba(#000, 0.6);
-	margin-bottom: 40px;
-}
-
-.markdownStyling ol {
-	font-size: 1.8rem;
-	line-height: 150%;
-	padding-left: 30px;
-	color: rgba(#000, 0.6);
-	margin-bottom: 40px;
-}
-
-.markdownStyling li {
-	font-size: 1.8rem;
-	line-height: 150%;
-}
-
-.markdownStyling ul li {
-	padding-left: 0px;
-	margin-left: 30px;
-	margin-top: 10px;
-}
-
-.markdownStyling ul li:first-child {
-	margin-top: 0px;
-}
-
-.markdownStyling ul li:before{
-	padding-right: 10px;
-}
-
-.markdownStyling li:last-child {
-	line-height: 150%;
-	margin-bottom: 0 !important;
-	padding-bottom: 0 !important;
 }
diff --git a/githubmarkdown.css b/githubmarkdown.css
