jekyll-theme-basically-basic 1.3.1 → 1.4.0

data/_sass/basically-basic/_tables.scss

@@ -1,34 +1,34 @@
-/* ==========================================================================
-   Tables
-   ========================================================================== */
-
-table {
-  @include fluid-type($min-vw, $max-vw, 12px, 18px);
-  width: 100%;
-  border-collapse: collapse;
-  /* For Firefox to horizontally scroll wider tables */
-  // scss-lint:disable DuplicateProperty
-  word-break: normal;
-  word-break: keep-all;
-}
-
-th,
-td {
-  border-bottom: 1px solid $border-color;
-}
-
-th {
-  padding: 0.5em;
-  font-weight: bold;
-  text-align: left;
-}
-
-td {
-  padding: 0.5em;
-}
-
-tr,
-td,
-th {
-  vertical-align: middle;
-}
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+table {
+  @include fluid-type($min-vw, $max-vw, 12px, 18px);
+  width: 100%;
+  border-collapse: collapse;
+  /* For Firefox to horizontally scroll wider tables */
+  // scss-lint:disable DuplicateProperty
+  word-break: normal;
+  word-break: keep-all;
+}
+
+th,
+td {
+  border-bottom: 1px solid $border-color;
+}
+
+th {
+  padding: 0.5em;
+  font-weight: bold;
+  text-align: left;
+}
+
+td {
+  padding: 0.5em;
+}
+
+tr,
+td,
+th {
+  vertical-align: middle;
+}

data/_sass/basically-basic/_utilities.scss

@@ -1,6 +1,6 @@
-@import "utilities/accessibility";
-@import "utilities/align";
-@import "utilities/clearfix";
-@import "utilities/float";
-@import "utilities/text";
-@import "utilities/visibility";
+@import "utilities/accessibility";
+@import "utilities/align";
+@import "utilities/clearfix";
+@import "utilities/float";
+@import "utilities/text";
+@import "utilities/visibility";

data/_sass/basically-basic/_variables.scss

@@ -84,6 +84,9 @@ $sidebar-width: $small !default;
 /* Background color of the sidebar */
 $sidebar-background-color: #fff !default;
 
+/* Intro image color overlay */
+$intro-image-color-overlay: false !default;
+
 /* Border radius */
 $border-radius: 0.25em !default;
 

data/_sass/basically-basic/functions/_color.scss

@@ -1,21 +1,21 @@
-/* ==========================================================================
-   Color Functions
-   ========================================================================== */
-
-/// Slightly lighten a color
-/// @access public
-/// @param {Color} $color - color to tint
-/// @param {Number} $percentage - percentage of `$color` in returned color
-/// @return {Color}
-@function tint($color, $percentage) {
-  @return mix(#fff, $color, $percentage);
-}
-
-/// Slightly darken a color
-/// @access public
-/// @param {Color} $color - color to shade
-/// @param {Number} $percentage - percentage of `$color` in returned color
-/// @return {Color}
-@function shade($color, $percentage) {
-  @return mix(#000, $color, $percentage);
-}
+/* ==========================================================================
+   Color Functions
+   ========================================================================== */
+
+/// Slightly lighten a color
+/// @access public
+/// @param {Color} $color - color to tint
+/// @param {Number} $percentage - percentage of `$color` in returned color
+/// @return {Color}
+@function tint($color, $percentage) {
+  @return mix(#fff, $color, $percentage);
+}
+
+/// Slightly darken a color
+/// @access public
+/// @param {Color} $color - color to shade
+/// @param {Number} $percentage - percentage of `$color` in returned color
+/// @return {Color}
+@function shade($color, $percentage) {
+  @return mix(#000, $color, $percentage);
+}

data/_sass/basically-basic/functions/_fluid-type.scss

@@ -1,33 +1,33 @@
-/* ==========================================================================
-   Fluid Type
-   as seen on https://madebymike.com.au/writing/fluid-type-calc-examples/
-   ========================================================================== */
-
-@function strip-unit($value) {
-  @return $value / ($value * 0 + 1);
-}
-
-@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
-  // scss-lint:disable UnnecessaryParentReference
-  $u1: unit($min-vw);
-  $u2: unit($max-vw);
-  $u3: unit($min-font-size);
-  $u4: unit($max-font-size);
-
-  @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
-    & {
-
-      font-size: $min-font-size;
-
-      @media screen and (min-width: $min-vw) {
-        font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
-      }
-
-      @media screen and (min-width: $max-vw) {
-        font-size: $max-font-size;
-      }
-    }
-  } @else {
-    @error "Detected mixed units. Please use the same units for all parameters. " + $u1 +", " + $u2 + ", " + $u3 +", "+ $u4;
-  }
-}
+/* ==========================================================================
+   Fluid Type
+   as seen on https://madebymike.com.au/writing/fluid-type-calc-examples/
+   ========================================================================== */
+
+@function strip-unit($value) {
+  @return $value / ($value * 0 + 1);
+}
+
+@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
+  // scss-lint:disable UnnecessaryParentReference
+  $u1: unit($min-vw);
+  $u2: unit($max-vw);
+  $u3: unit($min-font-size);
+  $u4: unit($max-font-size);
+
+  @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
+    & {
+
+      font-size: $min-font-size;
+
+      @media screen and (min-width: $min-vw) {
+        font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
+      }
+
+      @media screen and (min-width: $max-vw) {
+        font-size: $max-font-size;
+      }
+    }
+  } @else {
+    @error "Detected mixed units. Please use the same units for all parameters. " + $u1 +", " + $u2 + ", " + $u3 +", "+ $u4;
+  }
+}

data/_sass/basically-basic/mixins/_clearfix.scss

@@ -1,11 +1,11 @@
-/* ==========================================================================
-   Clearfix Mixin
-   ========================================================================== */
-
-@mixin clearfix() {
-  &::after {
-    display: block;
-    clear: both;
-    content: '';
-  }
-}
+/* ==========================================================================
+   Clearfix Mixin
+   ========================================================================== */
+
+@mixin clearfix() {
+  &::after {
+    display: block;
+    clear: both;
+    content: '';
+  }
+}

data/_sass/basically-basic/mixins/_float.scss

@@ -1,15 +1,15 @@
-/* ==========================================================================
-   Float Mixins
-   ========================================================================== */
-
-@mixin float-left {
-  float: left !important;
-}
-
-@mixin float-right {
-  float: right !important;
-}
-
-@mixin float-none {
-  float: none !important;
-}
+/* ==========================================================================
+   Float Mixins
+   ========================================================================== */
+
+@mixin float-left {
+  float: left !important;
+}
+
+@mixin float-right {
+  float: right !important;
+}
+
+@mixin float-none {
+  float: none !important;
+}

data/_sass/basically-basic/mixins/_image.scss

@@ -1,38 +1,38 @@
-/* ==========================================================================
-   Image Mixins
-   - Responsive image
-   - Retina image
-   ========================================================================== */
-
-/*
-   Responsive image
-   Keep images from scaling beyond the width of their parents.
-   ========================================================================== */
-
-@mixin img-fluid {
-  // Part 1: Set a maximum relative to the parent
-  max-width: 100%;
-  // Part 2: Override the height to auto, otherwise images will be stretched
-  // when setting a width and height attribute on the img element.
-  height: auto;
-}
-
-/*
-   Retina image
-   Short retina mixin for setting background-image and -size.
-   ========================================================================== */
-
-@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
-  background-image: url($file-1x);
-
-  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
-  // but doesn't convert dppx=>dpi.
-  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
-  // Compatibility info: http://caniuse.com/#feat=css-media-resolution
-  @media
-  only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
-  only screen and (min-resolution: 2dppx) { // Standardized
-    background-image: url($file-2x);
-    background-size: $width-1x $height-1x;
-  }
-}
+/* ==========================================================================
+   Image Mixins
+   - Responsive image
+   - Retina image
+   ========================================================================== */
+
+/*
+   Responsive image
+   Keep images from scaling beyond the width of their parents.
+   ========================================================================== */
+
+@mixin img-fluid {
+  // Part 1: Set a maximum relative to the parent
+  max-width: 100%;
+  // Part 2: Override the height to auto, otherwise images will be stretched
+  // when setting a width and height attribute on the img element.
+  height: auto;
+}
+
+/*
+   Retina image
+   Short retina mixin for setting background-image and -size.
+   ========================================================================== */
+
+@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
+  background-image: url($file-1x);
+
+  // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
+  // but doesn't convert dppx=>dpi.
+  // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
+  // Compatibility info: http://caniuse.com/#feat=css-media-resolution
+  @media
+  only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
+  only screen and (min-resolution: 2dppx) { // Standardized
+    background-image: url($file-2x);
+    background-size: $width-1x $height-1x;
+  }
+}

data/_sass/basically-basic/mixins/_lists.scss

@@ -1,9 +1,9 @@
-/* ==========================================================================
-   List Mixins
-   ========================================================================== */
-
-// Unstyled keeps list items block level, just removes default browser padding and list-style
-@mixin list-unstyled {
-  padding-left: 0;
-  list-style: none;
-}
+/* ==========================================================================
+   List Mixins
+   ========================================================================== */
+
+// Unstyled keeps list items block level, just removes default browser padding and list-style
+@mixin list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}

data/_sass/basically-basic/mixins/_text-truncate.scss

@@ -1,10 +1,10 @@
-/* ==========================================================================
-   Text Truncate Mixin
-   Requires inline-block or block for proper styling
-   ========================================================================== */
-
-@mixin text-truncate() {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+/* ==========================================================================
+   Text Truncate Mixin
+   Requires inline-block or block for proper styling
+   ========================================================================== */
+
+@mixin text-truncate() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

data/_sass/basically-basic/themes/_default.scss

@@ -1,5 +1,5 @@
-/* ==========================================================================
-   Default theme skin
-   ========================================================================== */
-
-// Intentionally left blank
+/* ==========================================================================
+   Default theme skin
+   ========================================================================== */
+
+// Intentionally left blank

data/_sass/basically-basic/themes/_night.scss

@@ -1,12 +1,12 @@
-/* ==========================================================================
-   Night theme skin
-   ========================================================================== */
-
-/* Colors */
-$base-color: #252a34 !default;
-$text-color: #eaeaea !default;
-$accent-color: #00adb5 !default;
-$background-color: #252a34 !default;
-$code-background-color: #fff !default;
-$border-color: rgba($text-color, 0.5) !default;
-$overlay-color: #fff !default;
+/* ==========================================================================
+   Night theme skin
+   ========================================================================== */
+
+/* Colors */
+$base-color: #252a34 !default;
+$text-color: #eaeaea !default;
+$accent-color: #00adb5 !default;
+$background-color: #252a34 !default;
+$code-background-color: #fff !default;
+$border-color: rgba($text-color, 0.5) !default;
+$overlay-color: #fff !default;

data/_sass/basically-basic/themes/_plum.scss

@@ -1,12 +1,12 @@
-/* ==========================================================================
-   Plum theme skin
-   ========================================================================== */
-
-/* Colors */
-$base-color: #561050 !default;
-$text-color: #35013f !default;
-$accent-color: #951556 !default;
-$background-color: #e9b5d2 !default;
-$code-background-color: #fff !default;
-$border-color: rgba($text-color, 0.5) !default;
-$overlay-color: #fff !default;
+/* ==========================================================================
+   Plum theme skin
+   ========================================================================== */
+
+/* Colors */
+$base-color: #561050 !default;
+$text-color: #35013f !default;
+$accent-color: #951556 !default;
+$background-color: #e9b5d2 !default;
+$code-background-color: #fff !default;
+$border-color: rgba($text-color, 0.5) !default;
+$overlay-color: #fff !default;

data/_sass/basically-basic/themes/_sea.scss

@@ -1,12 +1,12 @@
-/* ==========================================================================
-   Sea theme skin
-   ========================================================================== */
-
-/* Colors */
-$base-color: #41506b !default;
-$text-color: #90f6d7 !default;
-$accent-color: #35bcbf !default;
-$background-color: #263849 !default;
-$code-background-color: #fff !default;
-$border-color: rgba($text-color, 0.5) !default;
-$overlay-color: #fff !default;
+/* ==========================================================================
+   Sea theme skin
+   ========================================================================== */
+
+/* Colors */
+$base-color: #41506b !default;
+$text-color: #90f6d7 !default;
+$accent-color: #35bcbf !default;
+$background-color: #263849 !default;
+$code-background-color: #fff !default;
+$border-color: rgba($text-color, 0.5) !default;
+$overlay-color: #fff !default;