jekyll-theme-consulting 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c29e8fb45f13c51e51ad5e0da71013f087be1fda
-  data.tar.gz: a3b51840014512dd98d3f343bf490aef31b8e4b7
+  metadata.gz: 0dbc5fc11f18fb4b8997acb09c381f14ee1ff467
+  data.tar.gz: 01c01a029137e2b9ac3383e62074dd42a5f89398
 SHA512:
-  metadata.gz: 369e6cdb718acc0b9d5ff62c35ba6922b6f93f201ea7025d68844f36e1de5213d86f6c1c21aa3379432caa55d21b365e9ab12741f0153ee554f09b5c95b4f97a
-  data.tar.gz: 360dfc38ea021e050c2ed9981641d97684f0bf30ea26bd5cb0fe09edd8c22d5d1abf36ab842757edd8a80e6bb7a2a25203788ce4e894e1126b758154a276d094
+  metadata.gz: e47dc5fc16ebdc20ce193025fcef64e1d05eda5c080b03541a9717f467cd09bb94e6a67cc45f8ae46fc5be716bbc403ce475d7ce4be9e5805d0b56eabc68eacc
+  data.tar.gz: eb2bcfbad8061a2079f4139d642e9f0ca0232e3338a8554f844f51e987be60e124adea42c44f8fd3e6379dfd723e50f31e01d538dd40ebf3183a9bad5e14c6b3

data/_includes/banner.html

@@ -1,10 +1,16 @@
 <!-- Banner -->
 <section id="banner">
+  <div class="content">
     <header>
-        <h2>{{ site.title }}</h2>
+      <h1>{{ include.title }}</h1>
+      {% if include.subtitle %}<p>{{ include.subtitle }}</p>{% endif %}
     </header>
-    <p>{{ site.description }}</p>
-    <footer>
-        <a href="#first" class="button style2 scrolly">Act on this message</a>
-    </footer>
-</section>
+    {% if include.description %}<p>{{ include.description }}</p>{% endif %}
+    <ul class="actions">
+      <li><a href="{{ include.button_url | default: '#' }}" class="button big">{{ include.button_label | default: 'Ask for advice!' }}</a></li>
+    </ul>
+  </div>
+  <span class="image object">
+    <img src="{{ include.image_url | default: 'assets/images/pic01.jpg' | absolute_url }}" alt="" />
+  </span>
+</section>

data/_includes/contact.html

@@ -0,0 +1,13 @@
+<!-- Section -->
+<section>
+  <header class="major">
+    <h2>{{ include.title }}</h2>
+  </header>
+  <ul class="contact">
+    <li class="fa-envelope-o"><a href="#">{{ site.email }}</a></li>
+    <li class="fa-phone">{{ site.phone }}</li>
+    <li class="fa-home">{{ site.street_address }}<br />
+    {{ site.city }}, {{ site.state }} {{ site.zip_code }}<br />
+    {{ site.country }}</li>
+  </ul>
+</section>

data/_includes/footer.html

@@ -1,39 +1,4 @@
 <!-- Footer -->
-<section id="footer">
-    <ul class="icons">
-        {% if site.twitter_url %}
-        <li><a href="{{ site.twitter_url }}" class="icon alt fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
-        {% endif %}
-        {% if site.facebook_url %}
-        <li><a href="{{ site.facebook_url }}" class="icon alt fa-facebook" target="_blank"><span class="label">Facebook</span></a></li>
-        {% endif %}
-        {% if site.instagram_url %}
-        <li><a href="{{ site.instagram_url }}" class="icon alt fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
-        {% endif %}
-        {% if site.pinterest_url %}
-        <li><a href="{{ site.pinterest_url }}" class="icon alt fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
-        {% endif %}
-        {% if site.500px_url %}
-        <li><a href="{{ site.500px_url }}" class="icon alt fa-500px" target="_blank"><span class="label">500px</span></a></li>
-        {% endif %}
-        {% if site.gitlab_url %}
-        <li><a href="{{ site.gitlab_url }}" class="icon alt fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
-        {% endif %}
-        {% if site.github_url %}
-        <li><a href="{{ site.github_url }}" class="icon alt fa-github" target="_blank"><span class="label">GitHub</span></a></li>
-        {% endif %}
-        {% if site.slack_url %}
-        <li><a href="{{ site.slack_url }}" class="icon alt fa-slack" target="_blank"><span class="label">Slack</span></a></li>
-        {% endif %}
-        {% if site.linkedin_url %}
-        <li><a href="{{ site.linkedin_url }}" class="icon alt fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
-        {% endif %}
-    </ul>
-    <div class="copyright">
-        <ul class="menu">
-            <li>&copy; {{ site.title }}. All rights reserved.</li>
-            <li>Design: <a href="http://github.com/moodule" target="_blank">MOODULE</a></li>
-            <li>Inspired by: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
-        </ul>
-    </div>
-</section>
+<footer id="footer">
+  <p class="copyright">&copy; {{ site.copyright_holder }}. All rights reserved. Design: <a href="https://github.com/moodule">MOODULE</a>.
+</footer>

data/_includes/head.html

@@ -1,10 +1,11 @@
 <head>
-    <title>{{ site.title }} - {{ site.subtitle }}</title>
+    <title>{{ include.title }} - {{ include.subtitle }}</title>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
-    <link rel="stylesheet" href="{{ 'assets/css/styles.css' | absolute_url }}" />
-    {% if site.favicon_url %}
-    <link rel="icon" href="{{ site.favicon_url | absolute_url }}" />
-    {% endif %}
+    <link rel="stylesheet" href="{{ 'assets/css/main.css' | absolute_url }}" />
     <noscript><link rel="stylesheet" href="{{ 'assets/css/noscript.css' | absolute_url }}" /></noscript>
+    {% if site.favicon_url %}<link rel="icon" href="{{ site.favicon_url | absolute_url }}" />{% endif %}
+    <!--[if lte IE 8]><script src="{{ 'assets/js/ie/html5shiv.js' | absolute_url }}"></script><![endif]-->
+    <!--[if lte IE 9]><link rel="stylesheet" href="{{ 'assets/css/ie9.css' | absolute_url }}" /><![endif]-->
+    <!--[if lte IE 8]><link rel="stylesheet" href="{{ 'assets/css/ie8.css' | absolute_url }}" /><![endif]-->
 </head>

data/_includes/header.html

@@ -1,10 +1,38 @@
 <!-- Header -->
-<section id="header">
-    <header>
-        <a href="{{ site.baseurl }}/"><h1>{{ page.title }}</h1></a>
-        <p>{{ page.subtitle }}</p>
-    </header>
-    <footer>
-        <a href="#banner" class="button style2 scrolly-middle">Proceed as anticipated</a>
-    </footer>
-</section>
+<header id="header">
+  <a href="{{ '' | absolute_url }}" style="flex: 0 0 0; border-bottom: none;">
+    <span class="icon"><img src="{{ 'assets/images/logo.svg' | absolute_url }}" width="24" height="24"></span>
+  </a>&nbsp;
+  <a href="{{ '' | absolute_url }}" class="logo">
+    <strong>{{ include.title }}</strong> - {{ include.subtitle }}
+  </a>
+  <ul class="icons">
+    {% if site.twitter_url %}
+    <li><a href="{{ site.twitter_url }}" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
+    {% endif %}
+    {% if site.facebook_url %}
+    <li><a href="{{ site.facebook_url }}" class="icon fa-facebook" target="_blank"><span class="label">Facebook</span></a></li>
+    {% endif %}
+    {% if site.instagram_url %}
+    <li><a href="{{ site.instagram_url }}" class="icon fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
+    {% endif %}
+    {% if site.pinterest_url %}
+    <li><a href="{{ site.pinterest_url }}" class="icon fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
+    {% endif %}
+    {% if site.500px_url %}
+    <li><a href="{{ site.500px_url }}" class="icon fa-500px" target="_blank"><span class="label">500px</span></a></li>
+    {% endif %}
+    {% if site.gitlab_url %}
+    <li><a href="{{ site.gitlab_url }}" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
+    {% endif %}
+    {% if site.github_url %}
+    <li><a href="{{ site.github_url }}" class="icon fa-github" target="_blank"><span class="label">GitHub</span></a></li>
+    {% endif %}
+    {% if site.slack_url %}
+    <li><a href="{{ site.slack_url }}" class="icon fa-slack" target="_blank"><span class="label">Slack</span></a></li>
+    {% endif %}
+    {% if site.linkedin_url %}
+    <li><a href="{{ site.linkedin_url }}" class="icon fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
+    {% endif %}
+  </ul>
+</header>

data/_includes/navigation.html

@@ -1,10 +1,13 @@
-<!-- Navbar -->
-<nav id="nav">
+<!-- Menu -->
+<nav id="menu">
+    <header class="major">
+    <h2>Menu</h2>
+    </header>
     <ul>
-    {% for item in site.data.navigation.menu %}
+    {% for item in include.menu %}
         {% if item.menu[0] %}
-        <li class="submenu {% if item.url == page.url %} current {% endif %}">
-            <a href="{{ item.url | absolute_url }}">{{ item.title }}</a>
+        <li>
+            <span class="opener {% if item.url == page.url %} current {% endif %}">{{ item.title }}</span>
             <ul>
                 {% for subitem in item.menu %}
                 <li {% if subitem.url == page.url %} class="current" {% endif %}>
@@ -12,6 +15,7 @@
                 </li>
                 {% endfor %}
             </ul>
+        </li>
         {% else %}
         <li {% if item.url == page.url %} class="current" {% endif %}>
             <a href="{{ item.url | absolute_url }}">{{ item.title }}</a>

data/_includes/scripts.html

@@ -1,8 +1,6 @@
 <!-- Scripts -->
-<script src="assets/js/jquery.min.js"></script>
-<script src="assets/js/jquery.scrolly.min.js"></script>
-<script src="assets/js/jquery.poptrox.min.js"></script>
-<script src="assets/js/browser.min.js"></script>
-<script src="assets/js/breakpoints.min.js"></script>
-<script src="assets/js/util.js"></script>
-<script src="assets/js/main.js"></script>
+<script src="{{ 'assets/js/jquery.min.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/skel.min.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/util.js' | absolute_url }}"></script>
+<script src="{{ 'assets/js/main.js' | absolute_url }}"></script>
+<!--[if lte IE 8]><script src="{{ 'assets/js/ie/respond.min.js' | absolute_url }}"></script><![endif]-->

data/_includes/sidebar.html

@@ -0,0 +1,17 @@
+<!-- Sidebar -->
+<div id="sidebar">
+  <div class="inner">
+
+    <!-- Search -->
+      <section id="search" class="alt">
+        <form method="post" action="#">
+          <input type="text" name="query" id="query" placeholder="Search" />
+        </form>
+      </section>
+
+    {% include navigation.html menu=include.menu %}
+
+    {% include footer.html %}
+
+  </div>
+</div>

data/_includes/thread.html

@@ -0,0 +1,21 @@
+{%- if site.posts.size > 0 -%}
+<h2 class="post-list-heading">{{ page.list_title | default: "Posts" }}</h2>
+<ul class="post-list">
+    {%- for post in site.posts -%}
+    <li>
+    {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+        <span class="post-meta">{{ post.date | date: date_format }}</span>
+        <h3>
+            <a class="post-link" href="{{ post.url | absolute_url }}">
+            {{ post.title | escape }}
+            </a>
+        </h3>
+        {%- if site.show_excerpts -%}
+        {{ post.excerpt }}
+        {%- endif -%}
+    </li>
+    {%- endfor -%}
+</ul>
+
+<p class="rss-subscribe">subscribe <a href="{{ '/feed.xml' | absolute_url }}">via RSS</a></p>
+{%- endif -%}

data/_layouts/default.html

@@ -1,22 +1,38 @@
-<!DOCTYPE HTML>
-<!--
-    Drop by MOODULE
-    https://github.com/moodule
-    Free for personal and commercial use under the CCA 4.0 license
--->
-<html>
-    
-    {% include head.html %}
+{% assign collection = site.collections | where: "label", page.collection | first %}
 
-    <body class="is-preload">
+{% assign menu = collection.menu | default: site.menu %}
 
-        {% include header.html %}
+{% assign title = collection.title | default: site.title | default: page.title %}
+{% assign subtitle = collection.subtitle | default: site.subtitle | default: page.subtitle %}
+{% assign description = collection.description | default: site.description | default: page.description %}
 
-        {{ content }}
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: 'en' }}">
 
-        {% include footer.html %}
+{% include head.html title=title subtitle=subtitle %}
 
-        {% include scripts.html %}
+<body>
 
-    </body>
-</html>
+    <!-- Wrapper -->
+    <div id="wrapper">
+
+        <!-- Main -->
+        <div id="main">
+            <div class="inner">
+
+                {% include header.html title=title subtitle=subtitle %}
+
+                {{ content }}
+
+            </div>
+        </div>
+
+        {% include sidebar.html menu=menu %}
+
+    </div>
+
+    {% include scripts.html %}
+
+</body>
+
+</html>

data/_layouts/home.html

@@ -1,6 +1,8 @@
 ---
 layout: default
 ---
-{% include banner.html %}
+{% include banner.html title=page.title subtitle=page.subtitle description=page.description button_label=page.cta_label button_url=page.cta_destination %}
 
-{{ content }}
+{{ content }}
+
+{% include thread.html %}

data/_layouts/landing.html

@@ -0,0 +1,21 @@
+{% assign menu = collection.menu | default: site.data.navigation.menu %}
+
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+    {% include head.html %}
+
+    <body>
+
+        {% include navigation.html menu=menu %}
+
+        <main class="page-content" aria-label="Content">
+            <div class="wrapper">
+                {{ content }}
+            </div>
+        </main>
+
+    {% include footer.html %}
+    </body>
+
+</html>

data/_layouts/page.html

@@ -1,4 +1,4 @@
 ---
-layout: defaut
+layout: default
 ---
 {{ content }}

data/_layouts/post.html

@@ -1,13 +1,28 @@
 ---
 layout: default
 ---
-<article class="container box style3">
-    <h1>{{ page.title }}</h1>
-    <p>{{ page.date | date_to_string }} - {{ page.author }}</p>
+<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
 
-    {{ content }}
+    <header class="post-header">
+        <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
+        <p class="post-meta">
+            <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+                {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
+                {{ page.date | date: date_format }}
+            </time>
+            {%- if page.author -%}
+            • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span>
+            {%- endif -%}
+        </p>
+    </header>
 
-    <p>
-        - <a href="{{ 'about.html' | absolute_url }}">{{ site.author }}</a>
-    </p>
+    <div class="post-content e-content" itemprop="articleBody">
+        {{ content }}
+    </div>
+
+    {%- if site.disqus.shortname -%}
+    {%- include disqus_comments.html -%}
+    {%- endif -%}
+
+    <a class="u-url" href="{{ page.url | absolute_url }}" hidden></a>
 </article>

data/_sass/base/_page.scss

@@ -0,0 +1,39 @@
+///
+/// Editorial by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Basic */
+
+	// MSIE: Required for IEMobile.
+		@-ms-viewport {
+			width: device-width;
+		}
+
+	// MSIE: Prevents scrollbar from overlapping content.
+		body {
+			-ms-overflow-style: scrollbar;
+		}
+
+	// Ensures page width is always >=320px.
+		@include breakpoint(xsmall) {
+			html, body {
+				min-width: 320px;
+			}
+		}
+
+	body {
+		background: _palette(bg);
+
+		// Prevents animation/transition "flicker".
+		// Automatically added/removed by js/main.js.
+			&.is-loading,
+			&.is-resizing {
+				*, *:before, *:after {
+					@include vendor('animation', 'none !important');
+					@include vendor('transition', 'none !important');
+				}
+			}
+
+	}

data/_sass/base/_typography.scss

@@ -1,140 +1,186 @@
-/* Basic */
-
-    // Set box model to border-box.
-    // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
-        html {
-            box-sizing: border-box;
-        }
-
-        *, *:before, *:after {
-            box-sizing: inherit;
-        }
-
-    body {
-        background-color: _palette(bg);
-        background-image: linear-gradient(rgba(25, 45, 60, 0.7), rgba(25, 45, 60, 0.7)), url('../images/bg-1.jpg');
-        background-repeat: no-repeat, no-repeat;
-        background-size: cover, cover;
-        background-position: center 0, center 0;
-        background-attachment: fixed, fixed;
-        font-family: 'Source Sans Pro', sans-serif;
-        font-size: 18pt;
-        line-height: 1.75em;
-        font-weight: 300;
-        letter-spacing: 1px;
-        color: _palette(fg);
-        text-shadow: 0 0 0.5px rgba(58, 57, 57, 0.25);
-        -webkit-text-stroke: 0.25px;
-
-        &.is-scroll {
-            background-attachment: scroll, scroll;
-            background-size: auto, 100% auto;
-        }
-
-        // Stops initial animations until page loads.
-            &.is-preload {
-                *, *:before, *:after {
-                    @include vendor('animation', 'none !important');
-                    @include vendor('transition', 'none !important');
-                }
-            }
-
-    }
-
-    input, textarea, select {
-        font-family: 'Source Sans Pro', sans-serif;
-        font-size: 18pt;
-        line-height: 1.75em;
-        font-weight: 300;
-        letter-spacing: 1px;
-        color: _palette(bg);
-        text-shadow: 0 0 0.5px rgba(58, 57, 57, 0.25);
-        -webkit-text-stroke: 0.25px;
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-        font-weight: 400;
-        text-transform: uppercase;
-        line-height: 1.75em;
-    }
-
-    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
-        color: inherit;
-        text-decoration: none;
-    }
-
-    h2 {
-        font-size: 1.25em;
-        letter-spacing: 8px;
-    }
-
-    h3 {
-        font-size: 1em;
-        letter-spacing: 5px;
-    }
-
-    strong, b {
-        font-weight: 400;
-    }
-
-    em, i {
-        font-style: italic;
-    }
-
-    a {
-        @include vendor('transition', ('border-color 0.35s ease-in-out', 'color 0.35s ease-in-out'));
-        color: _palette(accent-light);
-        text-shadow: 0 0 0.5px _palette(accent);
-        text-decoration: none;
-        border-bottom: dotted 1px _palette(accent-light);
-
-        &:hover {
-            border-bottom-color: _palette(accent);
-        }
-    }
-
-    sub {
-        position: relative;
-        top: 0.5em;
-        font-size: 0.8em;
-    }
-
-    sup {
-        position: relative;
-        top: -0.5em;
-        font-size: 0.8em;
-    }
-
-    hr {
-        border: 0;
-        border-top: solid 1px _palette(border);
-        margin: 2em 0 2em 0;
-    }
-
-    blockquote {
-        border-left: solid 0.5em _palette(border);
-        padding: 1em 0 1em 2em;
-        font-style: italic;
-    }
-
-    p, ul, ol, dl, table {
-        margin-bottom: 1em;
-    }
-
-    header {
-        margin-bottom: 1em;
-
-        p {
-            display: block;
-            margin: 0.5em 0 0 0;
-            padding: 0 0 1.5em 0;
-        }
-    }
-
-    footer {
-        margin-top: 1em;
-    }
-
-    br.clear {
-        clear: both;
-    }
+///
+/// Editorial by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Type */
+
+	body, input, select, textarea {
+		color: _palette(fg);
+		font-family: _font(family);
+		font-size: 13pt;
+		font-weight: _font(weight);
+		line-height: 1.65;
+
+		@include breakpoint(xlarge) {
+			font-size: 11pt;
+		}
+
+		@include breakpoint(large) {
+			font-size: 10pt;
+		}
+
+		@include breakpoint(xxsmall) {
+			font-size: 9pt;
+		}
+	}
+
+	a {
+		@include vendor('transition', (
+			'color #{_duration(transition)} ease-in-out',
+			'border-bottom-color #{_duration(transition)} ease-in-out'
+		));
+		border-bottom: dotted 1px;
+		color: _palette(accent);
+		text-decoration: none;
+
+		&:hover {
+			border-bottom-color: _palette(accent);
+			color: _palette(accent) !important;
+
+			strong {
+				color: inherit;
+			}
+		}
+	}
+
+	strong, b {
+		color: _palette(fg-bold);
+		font-weight: _font(weight-bold);
+	}
+
+	em, i {
+		font-style: italic;
+	}
+
+	p {
+		margin: 0 0 _size(element-margin) 0;
+	}
+
+	h1, h2, h3, h4, h5, h6 {
+		color: _palette(fg-bold);
+		font-family: _font(family-heading);
+		font-weight: _font(weight-heading);
+		line-height: 1.5;
+		margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+		a {
+			color: inherit;
+			text-decoration: none;
+		}
+	}
+
+	h1 {
+		font-size: 4em;
+		margin: 0 0 (_size(element-margin) * 0.25) 0;
+		line-height: 1.3;
+	}
+
+	h2 {
+		font-size: 1.75em;
+	}
+
+	h3 {
+		font-size: 1.25em;
+	}
+
+	h4 {
+		font-size: 1.1em;
+	}
+
+	h5 {
+		font-size: 0.9em;
+	}
+
+	h6 {
+		font-size: 0.7em;
+	}
+
+	@include breakpoint(xlarge) {
+		h1 {
+			font-size: 3.5em;
+		}
+	}
+
+	@include breakpoint(medium) {
+		h1 {
+			font-size: 3.25em;
+		}
+	}
+
+	@include breakpoint(small) {
+		h1 {
+			font-size: 2em;
+			line-height: 1.4;
+		}
+
+		h2 {
+			font-size: 1.5em;
+		}
+	}
+
+	sub {
+		font-size: 0.8em;
+		position: relative;
+		top: 0.5em;
+	}
+
+	sup {
+		font-size: 0.8em;
+		position: relative;
+		top: -0.5em;
+	}
+
+	blockquote {
+		border-left: solid 3px _palette(border);
+		font-style: italic;
+		margin: 0 0 _size(element-margin) 0;
+		padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
+	}
+
+	code {
+		background: _palette(border-bg);
+		border-radius: _size(border-radius);
+		border: solid 1px _palette(border);
+		font-family: _font(family-fixed);
+		font-size: 0.9em;
+		margin: 0 0.25em;
+		padding: 0.25em 0.65em;
+	}
+
+	pre {
+		-webkit-overflow-scrolling: touch;
+		font-family: _font(family-fixed);
+		font-size: 0.9em;
+		margin: 0 0 _size(element-margin) 0;
+
+		code {
+			display: block;
+			line-height: 1.75;
+			padding: 1em 1.5em;
+			overflow-x: auto;
+		}
+	}
+
+	hr {
+		border: 0;
+		border-bottom: solid 1px _palette(border);
+		margin: _size(element-margin) 0;
+
+		&.major {
+			margin: (_size(element-margin) * 1.5) 0;
+		}
+	}
+
+	.align-left {
+		text-align: left;
+	}
+
+	.align-center {
+		text-align: center;
+	}
+
+	.align-right {
+		text-align: right;
+	}