type-on-strap 1.3.0 → 1.4.1

data/_sass/base/_variables.scss

@@ -4,13 +4,21 @@ $font-family-headings: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 $font-family-logo: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 $font-size: 1.25em;
 
-
 // Padding
 $padding-x-large: 23%;
-$padding-large: 20%;
+$padding-large: 9%;
 $padding-medium: 6%;
 $padding-small: 4%;
 $padding-x-small: 3%;
+$title-padding: 0.5em;
+
+// Mobile display
+$xl-break: 2000px;
+$l-break: 1400px;
+$m-break: 1000px;
+$break: 768px;
+$sm-break: 576px;
+$x-sm-break: 300px;
 
 // Brand colours
 $theme-color: #337ab7;
@@ -41,35 +49,29 @@ $feature-image-size: cover; // options include "cover", "contain", "auto"
 $header-desc-background-color: $theme-color;
 $header-desc-text-color: #FFF;
 
-// Mobile display
-$break: 768px;
-$sm-break: 450px;
-
 /*  Syntax highlighting  */
 // Syntax typography
 $monospace: Monaco, Consolas, "Lucida Console", monospace !default;
 $font-size-code: 0.75em !default; // ~12px
 $border-radius: 4px !default;
 
-
-
 // base16 Material Theme
-$base00: #263238 !default;  // Default Background
-$base01: #2E3C43 !default;  // Lighter Background (Used for status bars)
-$base02: #314549 !default;  // Selection Background
-$base03: #546E7A !default;  // Comments, Invisibles, Line Highlighting
-$base04: #B2CCD6 !default;  // Dark Foreground (Used for status bars)
-$base05: #EEFFFF !default;  // Default Foreground, Caret, Delimiters, Operators
-$base06: #EEFFFF !default;  // Light Foreground (Not often used)
-$base07: #FFFFFF !default;  // Light Background (Not often used)
-$base08: #F07178 !default;  // Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
-$base09: #F78C6C !default;  // Integers, Boolean, Constants, XML Attributes, Markup Link Url
-$base0a: #FFCB6B !default;  // Classes, Markup Bold, Search Text Background
-$base0b: #98C379 !default;  // Strings, Inherited Class, Markup Code, Diff Inserted
-$base0c: #89DDFF !default;  // Support, Regular Expressions, Escape Characters, Markup Quotes
-$base0d: #82AAFF !default;  // Functions, Methods, Attribute IDs, Headings
-$base0e: #C792EA !default;  // Keywords, Storage, Selector, Markup Italic, Diff Changed
-$base0f: #FF5370 !default;  // Deprecated, Opening/Closing Embedded Language Tags e.g.
+$base00: #263238 !default; // Default Background
+$base01: #2E3C43 !default; // Lighter Background (Used for status bars)
+$base02: #314549 !default; // Selection Background
+$base03: #546E7A !default; // Comments, Invisibles, Line Highlighting
+$base04: #B2CCD6 !default; // Dark Foreground (Used for status bars)
+$base05: #EEFFFF !default; // Default Foreground, Caret, Delimiters, Operators
+$base06: #EEFFFF !default; // Light Foreground (Not often used)
+$base07: #FFFFFF !default; // Light Background (Not often used)
+$base08: #F07178 !default; // Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+$base09: #F78C6C !default; // Integers, Boolean, Constants, XML Attributes, Markup Link Url
+$base0a: #FFCB6B !default; // Classes, Markup Bold, Search Text Background
+$base0b: #98C379 !default; // Strings, Inherited Class, Markup Code, Diff Inserted
+$base0c: #89DDFF !default; // Support, Regular Expressions, Escape Characters, Markup Quotes
+$base0d: #82AAFF !default; // Functions, Methods, Attribute IDs, Headings
+$base0e: #C792EA !default; // Keywords, Storage, Selector, Markup Italic, Diff Changed
+$base0f: #FF5370 !default; // Deprecated, Opening/Closing Embedded Language Tags e.g.
 
 
 

data/_sass/external/_font-awesome.scss

@@ -2,7 +2,6 @@
  *  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 "font-awesome/variables";
 @import "font-awesome/mixins";
 @import "font-awesome/path";

data/_sass/external/_pacifico.scss

@@ -1,3 +1,7 @@
+/*!
+ * Font: SIL OFL 1.1, CSS: MIT License
+ */
+
 $pacifico-font-path: "../../assets/fonts/pacifico" !default;
 
 @font-face {

data/_sass/external/_source-sans-pro.scss

@@ -3,7 +3,7 @@
  * (Font: SIL OFL 1.1, CSS: MIT License)
  */
 
-$ssp-font-path: "../../assets/fonts/source-sans-pro"  !default;
+$ssp-font-path: "../../assets/fonts/source-sans-pro" !default;
 /* latin */
 @font-face {
   font-family: 'Source Sans Pro';
@@ -42,4 +42,4 @@ $ssp-font-path: "../../assets/fonts/source-sans-pro"  !default;
   font-weight: 700;
   src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url('#{$ssp-font-path}/source-sans-pro-bold.woff2') format("woff2");
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
+}

data/_sass/external/_syntax.scss

@@ -6,58 +6,60 @@
 
 div.highlighter-rouge,
 figure.highlight {
-    position: relative;
-    margin-bottom: 1em;
-    background: $base00;
-    color: $base05;
-    font-family: $monospace;
-    font-size: $font-size-code;
-    line-height: 1.8;
-    border-radius: $border-radius;
-    > pre,
-    pre.highlight {
-        margin: 0;
-        padding: 1em
-    }
+  position: relative;
+  margin-bottom: 1em;
+  background: $base00;
+  color: $base05;
+  font-family: $monospace;
+  font-size: $font-size-code;
+  line-height: 1.8;
+  border-radius: $border-radius;
+
+  > pre,
+  pre.highlight {
+    margin: 0;
+    padding: 1em
+  }
 }
 
 code.highlighter-rouge {
-    padding: 0.2em 0.4em;
-    font-size: $font-size-code;
-    background-color: transparentize($base00, 0.85);
-    color: rgb(36, 41, 46);
-    border-radius: 2px;
-    font-family: $monospace;
+  padding: 0.2em 0.4em;
+  font-size: $font-size-code;
+  background-color: transparentize($base00, 0.85);
+  color: rgb(36, 41, 46);
+  border-radius: 2px;
+  font-family: $monospace;
 }
 
 .highlight table {
-    margin-bottom: 0;
-    font-size: 1em;
+  margin-bottom: 0;
+  font-size: 1em;
+  border: 0;
+
+  td {
+    padding: 0;
+    width: calc(100% - 1em);
     border: 0;
-    td {
-        padding: 0;
-        width: calc(100% - 1em);
-        border: 0;
-        /* line numbers*/
-        &.gutter,
-        &.rouge-gutter {
-            padding-right: 1em;
-            width: 2em;
-            color: $base04;
-            border-right: 1px solid $base04;
-            text-align: right
-        }
-
-        /* code */
-        &.code,
-        &.rouge-code {
-            padding-left: 1em
-        }
+    /* line numbers*/
+    &.gutter,
+    &.rouge-gutter {
+      padding-right: 1em;
+      width: 2em;
+      color: $base04;
+      border-right: 1px solid $base04;
+      text-align: right
     }
 
-    pre {
-        margin: 0
+    /* code */
+    &.code,
+    &.rouge-code {
+      padding-left: 1em
     }
+  }
+
+  pre {
+    margin: 0
+  }
 }
 
 .highlight pre{ width:100%}
@@ -131,56 +133,56 @@ code.highlighter-rouge {
 
 // Fix Github syntax display
 .gist .blob-num {
-    width: 3.5% !important;
+  width: 3.5% !important;
 }
 
 // Fix nbconvert dataframe
 .dataframe tbody {
-    font-size: 0.8em;
-    border-color: white;
-
-    tr{
-        :nth-child(even) {
-            background-color: #f8f8f8;
-        }
-
-        th {
-            border-top: 0;
-            border-left: 0;
-            border-bottom: 0;
-        }
-
-
-        td {
-            padding: 0;
-            border: 0;
-            text-align: center;
-        }
+  font-size: 0.8em;
+  border-color: white;
+
+  tr {
+    :nth-child(even) {
+      background-color: #f8f8f8;
     }
-    
-    
-}
 
-.dataframe thead tr {
-    :nth-child(n+2) {
-        color: black;
-        //width: 100px;
-        
-        font-size: 0.75em;
-        text-align: center !important;
-        border-top: 0;
-        border-left: 0;
-        border-right: 0;
+    th {
+      border-top: 0;
+      border-left: 0;
+      border-bottom: 0;
     }
-    
-    :first-child {
-        border-top: 0;
-        border-left: 0;
+
+
+    td {
+      padding: 0;
+      border: 0;
+      text-align: center;
     }
-    
+  }
+
+
+}
+
+.dataframe thead tr {
+  :nth-child(n+2) {
+    color: black;
+    //width: 100px;
+
+    font-size: 0.75em;
+    text-align: center !important;
+    border-top: 0;
+    border-left: 0;
+    border-right: 0;
+  }
+
+  :first-child {
+    border-top: 0;
+    border-left: 0;
+  }
+
 }
 
 table.dataframe {
-    border: 0 solid $border-color;
-    border-collapse: collapse;
+  border: 0 solid $border-color;
+  border-collapse: collapse;
 }

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

@@ -2,7 +2,6 @@
  *  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";

data/_sass/includes/_blog_nav.scss

@@ -1,56 +1,48 @@
 /* --- 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;
-    }
+  .page_number {
+    display: inline-block;
+    vertical-align: sub;
 
-    &:before {
-        content: '';
-        display: inline-block;
-        height: 100%;
-        vertical-align: middle;
+    @media (max-width: $x-sm-break) {
+      display: none;
     }
+  }
 
-    .page_number {
-        display: inline-block;
-        vertical-align: sub;
+  .button {
+    margin: 0;
+    display: inline-block;
 
-        @media (max-width: 254px) {
-            display: none;
-        }
+    .fa {
+      &.fa-chevron-right, &.fa-chevron-left {
+        font-size: initial;
+      }
     }
 
-    .button {
-        margin: 0em;
-        display: inline;
-
-        .fa {
-            &.fa-chevron-right, &.fa-chevron-left {
-                font-size: initial;
-            }
-        }
-
-        i .fa-chevron-left .fa-chevron-right {
-            vertical-align: inherit;
-        }
-
-        @media (max-width: $break) {
-            display: table-cell;
-        }
+    i .fa-chevron-left .fa-chevron-right {
+      vertical-align: inherit;
     }
+  }
 
-    .previous {
-        float: left;
-    }
+  .previous {
+    float: left;
+  }
 
-    .next {
-        float: right;
-    }
+  .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%);
+      }
     }
+  }
 }