From 9790a8f29be26d07b4dc19cf22371eec26548340 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Sko=C5=99epa?= <jakub@skorepa.info>
Date: Wed, 24 Feb 2016 22:02:39 +0100
Subject: [PATCH] Article max width is now separate from tag's
And is set to 800px
---
sass/style.scss | 7 +++++++
templates/article.html.nunjucks | 2 ++
templates/partials/footer.html.nunjucks | 1 -
templates/partials/header.html.nunjucks | 1 -
templates/partials/list.html.nunjucks | 4 ++--
5 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/sass/style.scss b/sass/style.scss
index 4aa6eac..8ef8d35 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -165,4 +165,11 @@ h2#title {
margin-bottom: 1rem;
}
+.article {
+ max-width: 800px;
+ article {
+ text-align: justify;
+ }
+}
+
@import "search.scss"
diff --git a/templates/article.html.nunjucks b/templates/article.html.nunjucks
index c657144..ad521df 100644
--- a/templates/article.html.nunjucks
+++ b/templates/article.html.nunjucks
@@ -1,4 +1,5 @@
{% include "partials/header" %}
+<div id=content class="container article">
<div class="section">
<h2 id="title">{{ metadata.title }}</h2>
<div class="author" style="color: #a2a2a2">
@@ -27,4 +28,5 @@
</article>
</div>
</div>
+</div> <!-- #content -->
{% include "partials/footer" %}
diff --git a/templates/partials/footer.html.nunjucks b/templates/partials/footer.html.nunjucks
index e1e7dd5..47cef89 100644
--- a/templates/partials/footer.html.nunjucks
+++ b/templates/partials/footer.html.nunjucks
@@ -1,4 +1,3 @@
- </div> <!-- #content -->
<footer class="page-footer blue">
<div class="row">
<div class="container s6">
diff --git a/templates/partials/header.html.nunjucks b/templates/partials/header.html.nunjucks
index 5c538a9..7e31f15 100644
--- a/templates/partials/header.html.nunjucks
+++ b/templates/partials/header.html.nunjucks
@@ -112,5 +112,4 @@
</div>
</nav>
{% include "partials/search" %}
- <div id=content class=container>
diff --git a/templates/partials/list.html.nunjucks b/templates/partials/list.html.nunjucks
index 9c8c96b..8dcad0a 100644
--- a/templates/partials/list.html.nunjucks
+++ b/templates/partials/list.html.nunjucks
@@ -1,5 +1,5 @@
{% import "partials/svgs" as svgs %}
-
+ <div id=content class=container>
<div class="section">
<div class="row">
{% for page in content %}
@@ -83,4 +83,4 @@
$(document).ready(onresize);
})(jQuery);
</script>
-
+</div> <!-- #content -->
--
GitLab