jekyll-dash 1.1.2 → 1.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d5e2bac4fbf673ff9297b16ae9efb8579ec63a3fd754ad011f6b22f36f9565d6
-  data.tar.gz: 3f99550e82c481cde80d35b6573b35615ebe8b0c8f1b7909f88a0decfe153304
+  metadata.gz: f776eec0f64ceec89f83368c5bb91221c54d57d3de02772859376a27efb6e517
+  data.tar.gz: d3c78f0ae35a024614cc9d66439d2f7c0bc043ffc8232a5f5340b71cc2f43cba
 SHA512:
-  metadata.gz: 2d11b047a60ebb1b0367553348861d11cf0127259f97ecbc6a190810b03aa404887d74c7624a0132a82f78da49783a5467ea069223501de9250313e207e7e7b0
-  data.tar.gz: 1d1e24eb69894d62fa2180766c320385f08103deace1fc0af90125c8300bdbd31af8758eece52e2030d008c50018cd547cc7d4abc58889b9186a45dd009aecd5
+  metadata.gz: e425b65b29a252c1cb625ffff874849764ffb1625160b28b945e1420680f6897af3cbece96d5e154235999641730026a1e488093627481484d0dc88499b65460
+  data.tar.gz: 0ccc76c7b354726f606dea84893042159ab9348fb6e3d075e1a3f084ae07a711d401177155e8c2304c00359df20c6c3166b4bacf031154ed6143a62e278c4774

data/_includes/header.html

@@ -2,9 +2,7 @@
   <div class="wrapper">
     <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}<b class="command_prompt"></b><b class="blinking_cursor">_</b></a>
     <span class="social_links">
-        {% for link in site.dash.social_links %}
-          <a class="color-{{ link.color }}-hover" href="{{ link.url }}"><i class="fab fa-{{ link.icon }}"></i></a>
-        {% endfor %}
+        {% for link in site.dash.social_links %}<a class="color-{{ link.color }}-hover" href="{{ link.url }}"><i class="fab fa-{{ link.icon }}"></i></a>{% endfor %}
 
     </span>
   </div>

data/_layouts/post.html

@@ -32,7 +32,6 @@ layout: default
         <h3>
           <a href="{{ post.url }}">
             {{ post.title }}
-            <small>{{ post.date | date_to_string }}</small>
           </a>
         </h3>
       </li>

data/_sass/dash.scss

@@ -35,6 +35,8 @@ $spacing-unit: 30px !default;
 // Import partials.
 @import
   "dash/fonts",
+  "dash/icons",
+  "dash/mixins",
   "dash/colors",
   "dash/animations",
   "dash/base",

data/_sass/dash/_base.scss

@@ -26,10 +26,14 @@ body, html {
  * Set `margin-bottom` to maintain vertical rhythm
  */
 h1, h2, h3, h4, h5, h6,
-p, blockquote, pre,
+blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-  margin-bottom: $spacing-unit / 2;
+  margin-bottom: $spacing-unit / 3;
+}
+
+p {
+  margin: 0.5em 0;
 }
 
 figure {
@@ -83,6 +87,7 @@ li {
 
 video {
   width: 100%;
+  border-radius: 0.3em;
 }
 
 /**
@@ -139,7 +144,7 @@ blockquote {
 pre,
 code {
   @include relative-font-size(0.9375);
-  border-radius: 3px;
+  border-radius: 0.3em;
   background-color: $color-background-dark;
 }
 

data/_sass/dash/_icons.scss

@@ -0,0 +1,7 @@
+// Font Awesome Icons
+
+$icon-quote-right: "\f10e";
+$icon-chevron-right: "\f054";
+$icon-check: "\f00c";
+$icon-minus: "\f068";
+$icon-flask: "\f0c3";

data/_sass/dash/_layout.scss

@@ -22,16 +22,8 @@
     }
 
     &:before {
-      content: "\f054";
-      font-family: "Font Awesome 5 Free";
-      font-weight: 900;
-      font-style: normal;
-      font-variant: normal;
-      text-rendering: auto;
-      font-weight: 900;
-
-      display: none;
-      -webkit-font-smoothing: antialiased;
+      content: $icon-chevron-right;
+      @include font-awesome-icon;
     }
   }
 }
@@ -99,6 +91,7 @@
   overflow: hidden;
   width: 100%;
   animation: type 2s steps(60, end);
+  margin-bottom: 1em;
 
   & > svg {
     color: $color-blue;
@@ -113,16 +106,8 @@
   }
 
   &:before {
-    content: "\f054";
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    font-style: normal;
-    font-variant: normal;
-    text-rendering: auto;
-    font-weight: 900;
-
-    display: none;
-    -webkit-font-smoothing: antialiased;
+    content: $icon-chevron-right;
+    @include font-awesome-icon;
   }
 }
 
@@ -147,32 +132,26 @@
 
   ol > li {
     margin-left: 1em;
-    line-height: $base-line-height * 1.35;
+    text-align: left;
+    margin-bottom: 0.6em;
   }
 
   ul > li {
-    line-height: $base-line-height * 1.35;
+    text-align: left;
+    margin-bottom: 0.6em;
     color: lighten($color-green, 25%);
     list-style: none;
     margin-left: 0;
 
     svg {
       color: $color-green;
-      margin-right: 0.5em;
+      margin-right: 0.65em;
       margin-bottom: -1px;
     }
 
     &:before {
-      content: "\f14a";
-      font-family: "Font Awesome 5 Free";
-      font-weight: 900;
-      font-style: normal;
-      font-variant: normal;
-      text-rendering: auto;
-      font-weight: 900;
-
-      display: none;
-      -webkit-font-smoothing: antialiased;
+      content: $icon-check;
+      @include font-awesome-icon;
     }
   }
 
@@ -191,16 +170,8 @@
     color: lighten($color-yellow, 20%);
 
     &:before {
-      content: "\f10e";
-      font-family: "Font Awesome 5 Free";
-      font-weight: 900;
-      font-style: normal;
-      font-variant: normal;
-      text-rendering: auto;
-      font-weight: 900;
-
-      display: none;
-      -webkit-font-smoothing: antialiased;
+      content: $icon-quote-right;
+      @include font-awesome-icon;
     }
 
     & > svg.svg-inline--fa {
@@ -218,7 +189,7 @@
     li {
       color: $color-yellow;
       &:before {
-        content: "\f068";
+        content: $icon-minus;
       }
 
       & > svg {
@@ -311,10 +282,12 @@
 
 .social_links {
   float: right;
+  text-align: right;
+  display: inline-block;
   & > a {
     color: darken($color-foreground, 10%);
     display: inline-block;
-    margin-left: 0.2em;
+    padding-left: 0.3em;
     font-size: $post-link-font-size * 1.35;
   }
 }
@@ -329,25 +302,27 @@ ul.related-posts {
     list-style: none;
     margin-left: 0;
 
+    a {
+      display: inline-block;
+      padding-top: 0.5em;
+      padding-bottom: 0.5em;
+    }
+    h3 {
+      display: inline-block;
+      margin: 0;
+    }
+
     & > svg.svg-inline--fa {
-      color: $color-blue;
-      margin-right: 0.5em;
-      float: left;
-      width: 25px;
-      height: 25px;
+      color: $color-green;
+      margin-right: 0.3em;
+      width: 22px;
+      height: 22px;
+      margin-bottom: -2px;
     }
 
     &:before {
-      content: "\f14b";
-      font-family: "Font Awesome 5 Free";
-      font-weight: 900;
-      font-style: normal;
-      font-variant: normal;
-      text-rendering: auto;
-      font-weight: 900;
-
-      display: none;
-      -webkit-font-smoothing: antialiased;
+      content: $icon-flask;
+      @include font-awesome-icon;
     }
   }
 }

data/_sass/dash/_mixins.scss

@@ -0,0 +1,11 @@
+@mixin font-awesome-icon {
+  font-family: "Font Awesome 5 Free";
+  font-weight: 900;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  font-weight: 900;
+
+  display: none;
+  -webkit-font-smoothing: antialiased;
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-dash
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.1.3
 platform: ruby
 authors:
 - Miguel Gonzalez Sanchez
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-05-10 00:00:00.000000000 Z
+date: 2019-05-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -121,7 +121,9 @@ files:
 - _sass/dash/_base.scss
 - _sass/dash/_colors.scss
 - _sass/dash/_fonts.scss
+- _sass/dash/_icons.scss
 - _sass/dash/_layout.scss
+- _sass/dash/_mixins.scss
 - _sass/dash/_syntax-highlighting.scss
 - assets/css/style.scss
 - assets/favicon.png