[#217] Add logo support to Monotyped.

realmacsoftware · Mar 1, 2016 · 0f3f084 · 0f3f084
1 parent 5e02fea
commit 0f3f084
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 2 deletions.
diff --git a/monotyped/_src/scss/styles.scss b/monotyped/_src/scss/styles.scss
@@ -91,6 +91,26 @@ strong {
   }
 }
 
+.site-logo {
+  margin-top: 0;
+
+  @include media-breakpoint-down(md) {
+    margin-bottom: $spacer/4;
+  }
+
+  a {
+    text-decoration: none;
+    background: none;
+    padding: 0;
+    display: inline-block;
+  }
+
+  img {
+    display: inline-block;
+    margin: 0;
+  }
+}
+
 .site-title {
   @extend h2;
   margin-top: 0;

diff --git a/monotyped/assets/css/styles.css b/monotyped/assets/css/styles.css
@@ -6580,6 +6580,20 @@ strong {
       margin-bottom: 4rem;
       text-align: left; } }
 
+.site-logo {
+  margin-top: 0; }
+  @media (max-width: 61.9em) {
+    .site-logo {
+      margin-bottom: 0.25rem; } }
+  .site-logo a {
+    text-decoration: none;
+    background: none;
+    padding: 0;
+    display: inline-block; }
+  .site-logo img {
+    display: inline-block;
+    margin: 0; }
+
 .site-title {
   margin-top: 0; }
   @media (max-width: 61.9em) {

diff --git a/monotyped/partials/header.html b/monotyped/partials/header.html
@@ -1,6 +1,11 @@
 <header class="site-header">
   <div class="site-info">
-    <h1 class="site-title"><a href="/">{{ site.title }}</a></h1>
+    {% if site.logo %}
+      <h1 class="site-logo"><a href="/"><img src="{{ site.logo }}" alt="{{ site.title }}"></a></h1>
+    {% else %}
+      <h1 class="site-title"><a href="/">{{ site.title }}</a></h1>
+    {% endif %}
+
     <div class="site-description">{{ site.description }}</div>
   </div>
 

diff --git a/monotyped/theme.json b/monotyped/theme.json
@@ -1,6 +1,6 @@
 {
   "name": "Monotyped",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "engine": "1.0.0",
   "variables": [
     {