lone-wolf-theme 1.0.3

data/_sass/bootswatch/dist/cerulean/_bootswatch.scss

@@ -0,0 +1,103 @@
+// Cerulean 4.3.1
+// Bootswatch
+
+
+@mixin btn-shadow($color){
+  @include gradient-y-three-colors(lighten($color, 8%), $color, 60%, darken($color, 4%));
+}
+
+$text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05) !default;
+
+// Navbar ======================================================================
+
+.bg-primary {
+  @include btn-shadow($primary);
+}
+
+.bg-dark {
+  @include btn-shadow($blue);
+}
+
+.bg-light {
+  @include gradient-y-three-colors(lighten($gray-200, 8%), $gray-200, 60%, darken($gray-200, 2%));
+}
+
+.navbar-brand,
+.nav-link {
+  text-shadow: $text-shadow
+}
+
+// Buttons =====================================================================
+
+.btn {
+  text-shadow: $text-shadow
+}
+
+.btn-primary {
+  @include btn-shadow($primary);
+}
+
+.btn-secondary {
+  @include btn-shadow($secondary);
+  color: $gray-700;
+}
+
+.btn-success {
+  @include btn-shadow($success);
+}
+
+.btn-info {
+  @include btn-shadow($info);
+}
+
+.btn-warning {
+  @include btn-shadow($warning);
+}
+
+.btn-danger {
+  @include btn-shadow($danger);
+}
+
+.btn-light {
+  @include btn-shadow($light);
+}
+
+.btn-dark {
+  @include btn-shadow($dark);
+}
+
+
+// Typography ==================================================================
+
+.text-secondary {
+  color: $gray-500 !important;
+}
+
+.bg-primary,
+.bg-success,
+.bg-info,
+.bg-warning,
+.bg-danger,
+.bg-dark {
+  h1, h2, h3, h4, h5, h6 {
+    color: $white;
+  }
+}
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+
+.dropdown-menu {
+  .dropdown-header {
+    color: $gray-600;
+  }
+}
+
+// Indicators ==================================================================
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================

data/_sass/bootswatch/dist/cerulean/_variables.scss

@@ -0,0 +1,57 @@
+// Cerulean 4.3.1
+// Bootswatch
+
+//
+// Color system
+//
+
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #868e96 !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black:    #000 !default;
+
+$blue:    #033C73 !default;
+$indigo:  #6610f2 !default;
+$purple:  #6f42c1 !default;
+$pink:    #e83e8c !default;
+$red:     #C71C22 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #DD5600 !default;
+$green:   #73A839 !default;
+$teal:    #20c997 !default;
+$cyan:    #2FA4E7 !default;
+
+$primary:       $cyan !default;
+$secondary:     $gray-200 !default;
+$success:       $green !default;
+$info:          $blue !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-100 !default;
+$dark:          $gray-800 !default;
+
+// Body
+
+$body-color:    $gray-700 !default;
+
+// Fonts
+
+$headings-color:         $cyan !default;
+
+// Dropdowns
+
+$dropdown-link-color:            $body-color !default;
+$dropdown-link-hover-color:      $white !default;
+$dropdown-link-hover-bg:         $primary !default;
+
+// Navbar
+
+$navbar-dark-color:                 rgba($white,.8) !default;
+$navbar-dark-hover-color:           $white !default;

data/_sass/bootswatch/dist/spacelab/_bootswatch.scss

@@ -0,0 +1,102 @@
+// Spacelab 4.3.1
+// Bootswatch
+
+
+// Variables ===================================================================
+
+$web-font-path: "https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700" !default;
+@import url($web-font-path);
+
+@mixin btn-shadow($color){
+  @include gradient-y-three-colors(lighten($color, 15%), $color, 50%, darken($color, 4%));
+  filter: none;
+  border: 1px solid darken($color, 10%);
+}
+
+// Navbar ======================================================================
+
+.navbar {
+
+  .nav-link,
+  .navbar-brand {
+    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
+    transition: color ease-in-out .2s;
+  }
+
+  &.bg-primary {
+    @include btn-shadow(map-get($theme-colors, "primary"));
+  }
+
+  &.bg-dark {
+    @include btn-shadow(map-get($theme-colors, "secondary"));
+  }
+
+  &.bg-light {
+    @include btn-shadow(map-get($theme-colors, "light"));
+
+    .nav-link,
+    .navbar-brand {
+      text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
+    }
+
+    .navbar-brand {
+      color: $navbar-light-color;
+
+      &:hover {
+        color: $info;
+      }
+    }
+  }
+}
+
+// Buttons =====================================================================
+
+.btn {
+  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
+
+  &-link {
+    text-shadow: none;
+  }
+}
+
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include btn-shadow($value);
+  }
+
+  .btn-#{$color}:not(.disabled):hover {
+    @include btn-shadow(darken($value, 4%));
+  }
+}
+
+[class*="btn-outline-"] {
+  text-shadow: none;
+}
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+
+// Indicators ==================================================================
+
+.badge {
+
+  &-secondary {
+    color: $white;
+  }
+}
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================
+
+.card,
+.list-group-item {
+  h1, h2, h3, h4, h5, h6 {
+    color: inherit;
+  }
+}

data/_sass/bootswatch/dist/spacelab/_variables.scss

@@ -0,0 +1,63 @@
+// Spacelab 4.3.1
+// Bootswatch
+
+//
+// Color system
+//
+
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #eee !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #999 !default;
+$gray-600: #777 !default;
+$gray-700: #495057 !default;
+$gray-800: #333 !default;
+$gray-900: #2d2d2d !default;
+$black:    #000 !default;
+
+$blue:    #446E9B !default;
+$indigo:  #6610f2 !default;
+$purple:  #6f42c1 !default;
+$pink:    #e83e8c !default;
+$red:     #CD0200 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #D47500 !default;
+$green:   #3CB521 !default;
+$teal:    #20c997 !default;
+$cyan:    #3399F3 !default;
+
+$primary:       $blue !default;
+$secondary:     $gray-500 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-200 !default;
+$dark:          $gray-800 !default;
+
+$yiq-contrasted-threshold: 200 !default;
+
+// Body
+
+$body-color:                $gray-600 !default;
+
+// Links
+
+$link-color:                $info !default;
+
+// Fonts
+
+$font-family-sans-serif:      "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+
+$headings-color:              $gray-900 !default;
+
+// Navbar
+
+$navbar-dark-color:                 rgba($white,.75) !default;
+$navbar-dark-hover-color:           $white !default;
+
+$navbar-light-color:                rgba($black,.4) !default;
+$navbar-light-hover-color:          $info !default;
+$navbar-light-active-color:         $info !default;

data/_sass/bootswatch/dist/united/_bootswatch.scss

@@ -0,0 +1,26 @@
+// United 4.3.1
+// Bootswatch
+
+
+// Variables ===================================================================
+
+$web-font-path: "https://fonts.googleapis.com/css?family=Ubuntu:400,700" !default;
+@import url($web-font-path);
+
+// Navbar ======================================================================
+
+// Buttons =====================================================================
+
+// Typography ==================================================================
+
+// Tables ======================================================================
+
+// Forms =======================================================================
+
+// Navs ========================================================================
+
+// Indicators ==================================================================
+
+// Progress bars ===============================================================
+
+// Containers ==================================================================

data/_sass/bootswatch/dist/united/_variables.scss

@@ -0,0 +1,53 @@
+// United 4.3.1
+// Bootswatch
+
+//
+// Color system
+//
+
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #AEA79F !default;
+$gray-600: #868e96 !default;
+$gray-700: #495057 !default;
+$gray-800: #333 !default;
+$gray-900: #212529 !default;
+$black:    #000 !default;
+
+$blue:    #007bff !default;
+$indigo:  #6610f2 !default;
+$purple:  #772953 !default;
+$pink:    #e83e8c !default;
+$red:     #DF382C !default;
+$orange:  #E95420 !default;
+$yellow:  #EFB73E !default;
+$green:   #38B44A !default;
+$teal:    #20c997 !default;
+$cyan:    #17a2b8 !default;
+
+$primary:       $orange !default;
+$secondary:     $gray-500 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-200 !default;
+$dark:          $purple !default;
+
+$yiq-contrasted-threshold: 200 !default;
+
+// Body
+
+$body-color:                $gray-800 !default;
+
+// Fonts
+
+$font-family-sans-serif:      "Ubuntu", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+
+// Tables
+
+$table-dark-bg:               $dark !default;
+$table-dark-border-color:     darken($dark, 5%) !default;

data/_sass/lone-wolf-theme/_default-layout.scss

@@ -0,0 +1,24 @@
+/*
+ Top level layout classes
+=============================*/
+html,
+body {
+    height: 100%; // vh does not work on mobile devices
+}
+
+.page-container {
+    position: relative;
+    min-height: 100%; // vh does not work on mobile devices
+}
+
+.page-content {
+    padding-bottom: 1rem;
+}
+
+.page-footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: auto;
+    margin-top: 2rem;
+}

data/_sass/lone-wolf-theme/_extend-bs4.scss

@@ -0,0 +1,212 @@
+@import "../bootstrap/scss/variables";
+
+h1, h2, h3, h4, h5, h6 {
+    margin: 2rem 0rem;
+}
+
+h2 {
+    @extend .border-bottom;
+    @extend .pb-1;
+}
+
+a h2, .card h2 {
+    @extend .border-0;
+}
+
+/*
+ home page jumbotron background
+=============================*/
+.home-page {
+    &-header {
+        @extend .jumbotron;
+        @extend .jumbotron-fluid;
+
+        /* default backgrounds */
+        $color-top: $primary;
+        $color-bottom: $light;
+        /* fallback for old browsers */
+        background: $color-bottom;
+        /* Chrome 10-25, Safari 5.1-6 */
+        background: -webkit-linear-gradient(to top, $color-bottom, $color-top);
+        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+        background: linear-gradient(to top, $color-bottom, $color-top);
+    }
+}
+
+/*
+ archive-posts list of blog posts
+=============================*/
+/* TODO 
+.archive-list {
+    &-items {
+        
+    }
+} */
+
+/*
+ Blog post author info
+======================*/
+.blog-post {
+    &-hero-img {
+        max-height: 640px;
+    }
+
+    &-toc {
+        >ul {
+            @extend .pt-3;
+        }
+
+        ul {
+            @extend .pl-3;
+            list-style: none;
+        }
+    }
+
+    &-author {
+        &-avatar {
+            width: 64px;
+            height: 64px;
+            padding: 0.15rem;
+
+            @include media-breakpoint-down(md) {
+                width: 32px;
+                height: 32px;
+                padding: 0.10rem;
+            }
+        }
+
+        &-name {
+            font-size: 1.0rem;
+            line-height: 1.8;
+            font-weight: bold;
+
+            @include media-breakpoint-down(md) {
+                font-size: 0.8rem;
+                line-height: 1.6;
+                font-weight: bold;
+            }
+        }
+
+        &-headline {
+            font-size: 0.8rem;
+            line-height: 1.6;
+            font-weight: normal;
+
+            @include media-breakpoint-down(md) {
+                font-size: 0.6rem;
+                line-height: 1.4;
+                font-weight: normal;
+            }
+        }
+
+        &-follow button {
+            font-size: 1.0rem;
+            padding: 4px 9px;
+            line-height: 1.8;
+
+            @include media-breakpoint-down(md) {
+                font-size: 0.8rem;
+                line-height: 1.6;
+                padding: 2px 4px;
+            }
+        }
+    }
+
+    &-article {
+        /* Tables inside blog post */
+        >table {
+            @extend .table;
+            @extend .table-bordered;
+
+            thead {
+                @extend .bg-info;
+
+                th {
+                    @extend .p-2;
+                    @extend .font-weight-bold;
+                    @extend .text-white;
+                }
+            }
+
+            tbody {
+                td {
+                    @extend .p-2;
+                }
+            }
+        }
+
+        img {
+            @extend .img-fluid;
+            @extend .shadow;
+            @extend .rounded;
+            @extend .my-2;
+        }
+
+        img.emoji {
+            @extend .img-fluid;
+            @extend .rounded;
+            @extend .my-0;
+            @extend .shadow-none;
+        }
+    }
+
+    &-social-share {
+        @extend .my-5;
+        @extend .py-3;
+        @extend .border-top;
+        @extend .border-bottom;
+        @extend .border-primary;
+
+        >h4 {
+            @extend .text-dark;
+        }
+
+        >a {
+            @extend .mb-1;
+
+            >span {
+                @extend .d-none;
+                @extend .d-sm-inline-block;
+            }
+        }
+    }
+
+    &-sidebar {
+        >div {
+            @extend .p-3;
+            background-color: $gray-200;
+
+            h4 {
+                @extend .pb-1;
+                @extend .border-bottom;
+                @extend .border-info;
+            }
+
+            ul {
+                @extend .pl-3;
+                @extend .pb-1;
+
+                li {
+                    @extend .text-truncate;
+                }
+            }
+        }
+    }
+}
+
+/*
+ site footer decoration
+ ======================*/
+.page-footer {
+    @extend .text-white;
+
+    &-owner {
+        @extend .py-5;
+        background: $gray-800;
+    }
+
+    &-copyright {
+        @extend .py-3;
+        background: $gray-900;
+    }
+}