jekyll-theme-type-on-strap 6.0.0 → 7.0.1

data/_sass/external/font-awesome/font-awesome.scss

@@ -0,0 +1,17 @@
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "animated";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
+@import "screen-reader";

data/_sass/includes/_blog_nav.scss

@@ -1,50 +1,48 @@
-// Pagination
+/* --- Pagination --- */
 .pagination {
-    padding: $padding-small $padding-large 0 $padding-large;
+  @extend %padding-nav;
+  display: inline-block;
+  text-align: center;
+  //margin-bottom: 2em;
+  width: 100%;
+  clear: both;
+
+  &:before {
+    content: '';
     display: inline-block;
-    text-align: center;
-    //margin-bottom: 2em;
-    width: 100%;
-    clear: both;
+    height: 100%;
+    vertical-align: middle;
+  }
 
-    @media (max-width: 600px) {
-        padding: $padding-small;
-    }
-
-    &:before {
-        content: '';
-        display: inline-block;
-        height: 100%;
-        vertical-align: middle;
-    }
+  .page_number {
+    display: inline-block;
+    vertical-align: sub;
 
-    .page_number {
-        display: inline-block;
-        margin-top: 0.4em;
-        
-         @media (max-width: 254px) {
-            display: none;
-        }
+    @media (max-width: $x-sm-break) {
+      display: none;
     }
+  }
 
-    .button {
-        margin: 0em;
-        display: inline;
-
-        i {
-            vertical-align: middle;
-        }
+  .button {
+    margin: 0;
+    display: inline-block;
 
-        @media (max-width: $break) {
-            display: table-cell;
-        }
+    .fa {
+      &.fa-chevron-right, &.fa-chevron-left {
+        font-size: initial;
+      }
     }
 
-    .previous {
-        float: left;
+    i .fa-chevron-left .fa-chevron-right {
+      vertical-align: inherit;
     }
+  }
 
-    .next {
-        float: right;
-    }
+  .previous {
+    float: left;
+  }
+
+  .next {
+    float: right;
+  }
 }

data/_sass/includes/_footer.scss

@@ -1,20 +1,23 @@
 .site-footer {
-    @extend %padding-regular;
-    display: inline-block;
-    text-align: center;
-    width: 100%;
-    color: lighten($text-color, 24%);
-    font-size: 0.9em;
+  @extend %padding-post;
+  display: inline-block;
+  text-align: center;
+  width: 100%;
+  color: lighten($text-color, 24%);
+  font-size: 0.9em;
 
-    .footer-icons {
-        ul {
-            list-style: none;
-            li {
-                display: inline;
-            }
-            a:hover {
-                color: darken($link-color, 15%);
-            }
-        }
+  .footer-icons {
+    ul {
+      list-style: none;
+      margin: 0;
+
+      li {
+        display: inline;
+      }
+
+      a:hover {
+        color: darken($link-color, 15%);
+      }
     }
+  }
 }

data/_sass/includes/_grid.scss

@@ -1,48 +1,48 @@
 /* ---- grid ---- */
 
 .grid {
-    padding-bottom: 6%;
-    padding-top: 1%;
+  padding-bottom: 6%;
+  padding-top: 1%;
 
 
-    /* clear fix */
-    &:after {
-        content: '';
-        display: block;
-        clear: both;
-    }
+  /* clear fix */
+  &:after {
+    content: '';
+    display: block;
+    clear: both;
+  }
 }
 
 /* ---- .grid-item within masonry ---- */
 
 .grid-sizer,
 .grid-item {
-    /* state column width */
-    width: 32.6%;
+  /* state column width */
+  width: 32.6%;
 }
 
 .grid-item {
-    float: left;
-    border-radius: 5px;
-
-    img {
-        /* for image formatting in the masonry */
-        display: block;
-        max-width: 100%;
-        min-height: 30%;
-    }
+  float: left;
+  border-radius: 5px;
+
+  img {
+    /* for image formatting in the masonry */
+    display: block;
+    max-width: 100%;
+    min-height: 30%;
+  }
 }
 
 /* --- Masonry gutter size --- */
 
 .gutter-sizer {
-    width: 1%;
+  width: 1%;
 }
 
 .grid-item:first-of-type {
-    margin-bottom: 1%;
+  margin-bottom: 1%;
 }
 
 .grid-item {
-    margin-bottom: 1%;
+  margin-bottom: 1%;
 }

data/_sass/includes/_navbar.scss

@@ -1,163 +1,152 @@
-.site-header {
-    //padding-bottom: 1%;
-    padding: 2% 2% 1% 2%;
-    background: $brand-color;
-    display: inline-block;
-    float: left;
-    width: 100%;
-
-    .separator {
-        user-select: none;
-        opacity: $navbar-separator-opacity;
-
-        &:first-child {
-            display: none;
-        }
-    }
+// To clear things when we float the element inside nav and ul
+.clear {
+  *zoom: 1;
 
-    a {
-        color: $header-link-color;
-    }
+  &:after {
+    clear: both;
+  }
 
-    .avatar {
-        height: 3em;
-        width: 3em;
-        float: left;
-        margin-top: -13px;
-        border-radius: 0.2em;
-        margin-right: 0.5em;
-        padding: 10px 10px;
+  &:before,
+  &:after {
+    content: " ";
+    display: table;
+  }
+}
 
+.site-header {
+  //padding-bottom: 1%;
+  padding: 2% 2% 1% 2%;
+  background: $brand-color;
+  display: inline-block;
+  float: left;
+  width: 100%;
+
+  .separator {
+    user-select: none;
+    opacity: $navbar-separator-opacity;
+
+    &:first-child {
+      display: none;
     }
+  }
 
-    .site-title {
-        float: left;
-        font-weight: bold;
-        font-size: 1em;
-        line-height: 1.5;
-    }
+  a {
+    color: $header-link-color;
+  }
 
-    nav {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        ul {
-            margin: 0;
-            padding: 0;
-            list-style: none;
-            line-height: 1.5;
-            float: right;
-            text-align: right;
-            display: block;
-        }
-        li {
-            display: inline;
-            float: left;
-            margin-right: 0.4em;
-        }
-        a {
-            &:hover {
-                color: $link-color;
-            }
-            &#pull {
-                i {
-                    margin-top: 13px;
-                    float: right;
-                }
+  .avatar {
+    height: 3em;
+    width: 3em;
+    float: left;
+    margin-top: -13px;
+    border-radius: 0.2em;
+    margin-right: 0.5em;
+    padding: 10px 10px;
 
-            }
+  }
 
-        }
+  .site-title {
+    float: left;
+    font-weight: bold;
+    font-family: $font-family-logo;
+    font-size: 1.3em;
+  }
+
+  nav {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    ul {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+      line-height: 1.5;
+      float: right;
+      text-align: right;
+      display: block;
     }
-}
 
+    li {
+      display: inline;
+      float: left;
+      margin-right: 0.4em;
+    }
 
-// To clear things when we float the element inisde nav and ul 
-.clear {
-    *zoom: 1;
+    a {
+      &:hover {
+        color: $link-color;
+      }
+
+      &#pull {
+        i {
+          margin-top: 13px;
+          float: right;
+        }
 
-    &:after {
-        clear: both;
-    }
+      }
 
-    &:before,
-    &:after {
-        content: " ";
-        display: table;
     }
+  }
 }
 
 /* ---- Responsive ---- */
 
 @media (min-width: $break) {
-    a#pull {
-        display: none;
-    }
+  a#pull {
+    display: none;
+  }
 }
 
 @media screen and (max-width: $break) {
-    .site-header {
-        img.avatar {
-            margin-top: -7px
-        }
-        .site-title {
-            margin-top: 7px;
-        }
+  .site-header {
+    img.avatar {
+      margin-top: -7px
+    }
+
+    .site-title {
+      margin-top: 7px;
     }
+  }
 
-    nav {
-        height: auto;
+  nav {
+    height: auto;
 
-        .separator {
-            display: none !important;
-        }
+    .separator {
+      display: none !important;
+    }
 
-        ul {
-            width: 100%;
-            overflow: hidden;
+    ul {
+      width: 100%;
+      overflow: hidden;
 
-            transition: font-size .25s,
-                margin .25s,
-                padding .25s,
-                opacity .5s .25s;
-        }
+      /* fade out, then shrink */
+      transition: opacity .5s .25s, font-size .5s .25s;
 
-        ul.hide {
-            font-size: 0;
-            margin: 0;
-            opacity: 0;
-            padding: 0;
-            
-            /* fade out, then shrink */
-            transition: opacity .25s,
-                        font-size .5s .25s,
-                        margin .5s .25s,
-                        padding .5s .25s;
-        }
+      &.hide {
+        font-size: 0;
+        margin: 0;
+        opacity: 0;
+        padding: 0;
+      }
+
+      li {
+        width: 100%;
+        text-align: center;
+        font-size: 1em;
+        position: relative;
+        background-color: darken($background-color, 2%);
 
-        li {
-            width: 100%;
-            float: left;
-            position: relative;
+        &:nth-of-type(4n) {
+          background-color: $background-color;
         }
 
         a {
-            text-align: left;
-            width: 100%;
-
-            &#pull {
-                display: block;
-                width: 100%;
-                position: relative;
-
-                &:after {
-                    content: "";
-                    display: inline-block;
-                    position: absolute;
-                    right: 15px;
-                    top: 10px;
-                }
-            }
+          width: 100%;
+          margin: 0;
+          display: block;
         }
+      }
     }
+  }
 }