jekyll-theme-so-simple 3.1.3 → 3.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 01a82ccb7fd98527f85f9f34e34c0408e64620f0784ffed5946b8cf5fda04afb
-  data.tar.gz: '058e2935d04c870c066485851fb2f4daf53a43ef4921083bc45fb2c16f7c2cde'
+  metadata.gz: 424ab8ebd67f98992f2023c950907f7021aa18420e2bc58f18cb29a4cb89832f
+  data.tar.gz: 1e721d896cff9a22999453b8078d4e4bdb86738f41ea495586255a7f243b495a
 SHA512:
-  metadata.gz: 12ad5a4a59023473e978d34fbc5f8383cfb9ba0e9aa966486a15cc9659b42cbf88ae75a8d9357ab99f07afdc3219d4cd1fdedb419c49c9c95910172f9372948e
-  data.tar.gz: 5b309f663253d1056a830c21e5436d96fbb3628b42ffb8f267fcfa1d9a2587b1e66d7e85c27f74e3697b065da90c81fe85cfac27554f4edc3917e3c934399cbe
+  metadata.gz: 623db3a3746726a38a90e0cdf346fbbff2b8c0b6e836fb3e45408b031efce4d44ca57e9df2cb04c30e5224d8e52ae7190f5e0a730e599ffa4cfaba86432d04eb
+  data.tar.gz: d1941295a0e987b21057b282d243cbede759e2932d68d556b86a2a9cce12915373dec5cb304a27b4bc2022174e3866a3687432cddaff3387d4314c21b7120113

data/CHANGELOG.md

@@ -5,6 +5,15 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/)
 and this project adheres to [Semantic Versioning](http://semver.org/).
 
+## [3.2.0] - 10-29-2019
+
+### Added
+- Add light and dark skins. [#347](https://github.com/mmistakes/so-simple-theme/pull/347)
+- Add support for customizable skins. [#347](https://github.com/mmistakes/so-simple-theme/pull/347)
+
+### Fixed
+- Fix security alerts and update [onchange](https://www.npmjs.com/package/onchange) development dependency in `package.json`. [#341](https://github.com/mmistakes/so-simple-theme/issues/341)
+
 ## [3.1.3] - 08-20-2019
 
 ### Changed

data/README.md

@@ -78,19 +78,20 @@ Additional [sample posts](https://mmistakes.github.io/so-simple-theme/posts/) ca
     1. [Starting Fresh](#starting-fresh)
     2. [Starting from `jekyll new`](#starting-from-jekyll-new)
 4. [Configuring](#configuring)
-    1. [Site Locale](#site-locale)
-    2. [Site URL](#site-url)
-    3. [Site Base URL](#site-base-url)
-    4. [Date Format](#date-format)
-    5. [Reading Time](#reading-time)
-    6. [Mathematics](#mathematics)
-    7. [Google Fonts](#google-fonts)
-    8. [Pagination](#pagination)
-    9. [Search](#search)
-    10. [Taxonomy Pages](#taxonomy-pages)
-    11. [Comments (via Disqus)](#comments-via-disqus)
-    12. [Google Analytics](#google-analytics)
-    13. [Other](#other)
+    1. [Site Skin](#site-skin)
+    2. [Site Locale](#site-locale)
+    3. [Site URL](#site-url)
+    4. [Site Base URL](#site-base-url)
+    5. [Date Format](#date-format)
+    6. [Reading Time](#reading-time)
+    7. [Mathematics](#mathematics)
+    8. [Google Fonts](#google-fonts)
+    9. [Pagination](#pagination)
+    10. [Search](#search)
+    11. [Taxonomy Pages](#taxonomy-pages)
+    12. [Comments (via Disqus)](#comments-via-disqus)
+    13. [Google Analytics](#google-analytics)
+    14. [Other](#other)
 5. [Layouts](#layouts)
     1. [`layout: default`](#layout-default)
     2. [`layout: post`](#layout-post)
@@ -325,6 +326,26 @@ Configuration of site-wide elements (`locale`, `title`, `description`, `url`, `l
 | `url`         | The full URL to your site.                                               | `"https://your-site.com"`           |
 | `logo`        | Path to a site-wide logo used in masthead.                                | `/images/your-logo.png`             |
 
+### Site Skin
+
+Three skins (default, light, and dark) are available to change the color palette of the theme.
+
+| `default.css` | `light.css` | `dark.css` |
+| --- | --- | --- |
+| ![default skin](https://mmistakes.github.io/so-simple-theme/images/default-skin.png) | ![light skin](https://mmistakes.github.io/so-simple-theme/images/light-skin.png) | ![dark skin](https://mmistakes.github.io/so-simple-theme/images/dark-skin.png) |
+
+```yaml
+skin: "/assets/css/skins/default.css"
+skin: "/assets/css/skins/light.css"
+skin: "/assets/css/skins/dark.css"
+```
+
+To use a custom skin other than the ones provided:
+
+1. Copy and rename [`/assets/css/skins/default.css`](https://github.com/mmistakes/so-simple-theme/blob/master/assets/css/skins/default.css) to your local repo.
+2. Override and customize Sass variables as you see fit.
+3. Update the `skin` path in `_config.yml` to reference this new skin `.css` file.
+
 ### Site Locale
 
 **`site.locale`** is used to declare the primary language for each web page within the site.

data/_includes/head.html

@@ -24,6 +24,7 @@
   </script>
 
   <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
+  <link rel="stylesheet" href="{{ site.skin | default: '/assets/css/skins/default.css' | relative_url }}">
   {% if site.google_fonts %}
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family={%- for font in site.google_fonts -%}{{ font.name | replace: ' ', '+' }}{% if font.weights %}:{% endif %}{{ font.weights | remove: ' ' }}{% if forloop.last != true %}|{% endif %}{%- endfor -%}">
   {% endif %}

data/_layouts/default.html

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--
-    So Simple Jekyll Theme 3.1.3
+    So Simple Jekyll Theme 3.2.0
     Copyright 2013-2019 Michael Rose - mademistakes.com | @mmistakes
     Free for personal and commercial use under the MIT license
     https://github.com/mmistakes/so-simple-theme/blob/master/LICENSE

data/_sass/so-simple.scss

@@ -1,5 +1,5 @@
 /*!
- * So Simple Jekyll Theme 3.1.3
+ * So Simple Jekyll Theme 3.2.0
  * Copyright 2013-2019 Michael Rose - mademistakes.com | @mmistakes
  * Free for personal and commercial use under the MIT license
  * https://github.com/mmistakes/so-simple-theme/blob/master/LICENSE

data/_sass/so-simple/_base.scss

@@ -7,9 +7,7 @@ html {
 }
 
 body {
-  background: $background-color;
-  color: $text-color;
-  border-top: solid 0.25em $nav-background-color;
+  border-top: solid 0.25em;
 }
 
 blockquote,
@@ -37,6 +35,7 @@ kbd {
   display: inline-block;
   margin: 0 0.125em;
   padding: 0.125em 0.5em;
+  color: #000;
   border: 1px solid rgb(204, 204, 204);
   border-radius: 3px;
   background-color: rgb(247, 247, 247);
@@ -102,11 +101,6 @@ figcaption {
 }
 
 a {
-  color: $accent-color;
   -webkit-transition: $global-transition;
   transition: $global-transition;
-
-  &:hover {
-    color: shade($accent-color, 25%);
-  }
 }

data/_sass/so-simple/_buttons.scss

@@ -28,34 +28,6 @@
     margin-left: -0.5em; /* override for hidden text*/
   }
 
-  /* button colors */
-  $buttoncolors: (primary, $primary-color), (accent, $accent-color), (inverse, #fff),
-     (light-outline, transparent),  (success, $success-color),
-     (warning, $warning-color),  (danger, $danger-color),  (info, $info-color),
-     (facebook, $facebook-color),  (twitter, $twitter-color),
-     (google-plus, $google-plus-color),  (linkedin, $linkedin-color),
-     (reddit, $reddit-color);
-
-  @each $buttoncolor, $color in $buttoncolors {
-    &--#{$buttoncolor} {
-      @include yiq-contrasted($color);
-      @if ($buttoncolor == inverse) {
-        border: 1px solid $border-color;
-      }
-      @if ($buttoncolor == light-outline) {
-        border: 1px solid #fff;
-      }
-
-      &:hover {
-        @include yiq-contrasted(mix(#000, $color, 20%));
-      }
-
-      &:visited {
-        @include yiq-contrasted($color);
-      }
-    }
-  }
-
   /* fills width of parent container */
   &--block {
     display: block;

data/_sass/so-simple/_entries.scss

@@ -8,10 +8,6 @@
 
   a {
     color: inherit;
-
-    &:hover {
-      color: $accent-color;
-    }
   }
 }
 

data/_sass/so-simple/_global.scss

@@ -14,8 +14,6 @@
   display: block;
   margin: 0;
   padding: 0.25em 0.75em 0.5em;
-  color: $nav-color;
-  background-color: $nav-background-color;
   text-transform: uppercase;
   text-decoration: none;
   text-align: center;
@@ -35,8 +33,6 @@
     margin: 0;
     padding: 0.25em 0.75em;
     list-style: none;
-    color: $nav-color;
-    background-color: $nav-background-color;
     border-radius: 0 0 (2 * $border-radius) (2 * $border-radius);
 
     @include breakpoint($medium) {
@@ -52,15 +48,10 @@
   a {
     display: block;
     padding: 0.5em 0.75em;
-    color: $nav-color;
     text-transform: uppercase;
     text-decoration: none;
-    border: 1px solid $nav-background-color;
+    border: 1px solid;
     border-radius: $border-radius;
-
-    &:hover {
-      border-color: $nav-color;
-    }
   }
 
   @include breakpoint($medium) {
@@ -87,7 +78,6 @@
   font-weight: 700;
 
   a {
-    color: $text-color;
     text-decoration: none;
   }
 }
@@ -109,7 +99,7 @@
 .site-logo-img {
   width: $site-logo-width;
   height: $site-logo-height;
-  border: 5px solid $background-color;
+  border: 5px solid;
   border-radius: $site-logo-width;
 
   @include breakpoint($medium) {
@@ -130,7 +120,7 @@
   margin: 2em 0;
   padding: 2em 0;
   text-align: center;
-  border-top: 1px solid $border-color;
+  border-top: 1px solid;
 
   .social-icons {
     margin-bottom: 0.5em;
@@ -143,23 +133,18 @@
 }
 
 .copyright {
-  color: lighten($text-color, 35%);
   font-size: 0.75em;
 
   p {
     margin: 0;
     padding: 0;
   }
-
-  a {
-    color: lighten($text-color, 35%);
-  }
 }
 
 .footnotes {
   margin: 2rem 0;
   padding-top: 1rem;
-  border-top: 1px solid $border-color;
+  border-top: 1px solid;
   font-size: 80%;
 }
 
@@ -170,7 +155,6 @@
 
 .back-to-top {
   display: block;
-  color: lighten($text-color, 50%);
   font-size: 0.75em;
   text-transform: uppercase;
   text-align: right;
@@ -182,7 +166,7 @@
   padding-bottom: 1em;
 
   &:not(:last-child) {
-    border-bottom: solid 1px $border-color;
+    border-bottom: solid 1px;
   }
 
   + .taxonomy-section {
@@ -193,14 +177,9 @@
 .taxonomy-title {
   @include fluid-type($min-vw, $max-vw, 28px, 32px);
   margin-bottom: 0.5em;
-  color: lighten($text-color, 60%);
   font-family: $base-font-family;
 }
 
-.taxonomy-count {
-  color: lighten($text-color, 50%);
-}
-
 .taxonomy-index {
   display: grid;
   grid-column-gap: 2em;
@@ -225,11 +204,7 @@
     justify-content: space-between;
     color: inherit;
     text-decoration: none;
-    border-bottom: 1px solid $border-color;
-
-    &:hover {
-      color: $accent-color;
-    }
+    border-bottom: 1px solid;
   }
 
   + .taxonomy-section {
@@ -260,22 +235,15 @@
       display: block;
       margin-bottom: 0.25em;
       padding: 0.5em 1em;
-      color: mix(#000, $border-color, 25%);
       font-size: 14px;
       font-weight: bold;
       line-height: 1.5;
       text-align: center;
       text-decoration: none;
-      border: 1px solid $border-color;
+      border: 1px solid;
       border-radius: 0;
 
-      &.current,
-      &.current.disabled {
-        @include yiq-contrasted(mix(#000, $border-color, 25%));
-      }
-
       &.disabled {
-        color: $border-color;
         pointer-events: none;
         cursor: not-allowed;
       }
@@ -304,14 +272,14 @@
   padding: 0.5em;
   width: 100%;
   font-size: 0.9em;
-  border: 2px solid $border-color;
+  border: 2px solid;
   border-radius: $border-radius;
 }
 
 .toc-wrapper {
   display: inline-block;
   margin-bottom: 1.5em;
-  border: 1px solid (mix(#fff, $border-color, 25%));
+  border: 1px solid;
   border-radius: $border-radius;
 
   h2 {
@@ -326,8 +294,6 @@
     align-items: center;
     margin: 0;
     padding: 0.75rem 1rem;
-    color: $base05;
-    background-color: $base00;
     font-family: $base-font-family;
     font-size: 0.75rem;
     text-transform: uppercase;
@@ -356,7 +322,6 @@
     margin-bottom: 0;
     padding-left: 2rem;
     overflow: hidden;
-    color: $base05;
     font-size: 0.9rem;
     -webkit-transition: height 350ms ease;
     transition: height 350ms ease;
@@ -378,17 +343,11 @@
       font-weight: 600;
       text-decoration: none;
       border-bottom: 1px dotted transparent;
-
-      &:hover,
-      &:focus {
-        border-bottom: 1px dotted $border-color;
-      }
     }
 
     ol {
       padding-left: 0.5rem;
       list-style-type: lower-roman;
-      background-color: $background-color;
     }
   }
 }

data/_sass/so-simple/_notices.scss

@@ -55,45 +55,3 @@
     }
   }
 }
-
-/* Default notice */
-
-.notice {
-  @include notice(lighten($base-color, 90%));
-}
-
-/* Primary notice */
-
-.notice--primary {
-  @include notice(mix(#fff, $primary-color, 70%));
-}
-
-/* Accent notice */
-
-.notice--accent {
-  @include notice(mix(#fff, $accent-color, 70%));
-}
-
-/* Info notice */
-
-.notice--info {
-  @include notice(mix(#fff, $info-color, 70%));
-}
-
-/* Warning notice */
-
-.notice--warning {
-  @include notice(mix(#fff, $warning-color, 70%));
-}
-
-/* Success notice */
-
-.notice--success {
-  @include notice(mix(#fff, $success-color, 70%));
-}
-
-/* Danger notice */
-
-.notice--danger {
-  @include notice(mix(#fff, $danger-color, 70%));
-}

data/_sass/so-simple/_page.scss

@@ -172,7 +172,6 @@
   -ms-flex: 1;
   flex: 1;
   text-decoration: none;
-  color: $text-color;
 }
 
 .page-next {