jekyll-theme-basically-basic 1.0.0 → 1.0.1

data/_sass/basically-basic/_tables.scss

@@ -1,42 +1,42 @@
-/* ==========================================================================
-   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;
-}
-
-thead {
-
-  th,
-  td {
-    background-color: tint($base-color, 80%);
-  }
-}
-
-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;
+}
+
+thead {
+
+  th,
+  td {
+    background-color: tint($base-color, 80%);
+  }
+}
+
+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/_variables.scss

@@ -1,84 +1,84 @@
-/* ==========================================================================
-   Variables
-   ========================================================================== */
-
-/* Breakpoint widths */
-$small: 320px !default;
-$medium: 768px !default;
-$large: 1024px !default;
-$xlarge: 1280px !default;
-
-/* Fluid type */
-$base-font-size: 16px !default;
-$min-vw: $small !default;
-$max-vw: $xlarge !default;
-$min-font-size: 14px !default;
-$max-font-size: 18px !default;
-
-/* Calculate Modular Scale */
-$modular-scale-1: 1.067 !default; /* small */
-$modular-scale-2: 1.296 !default; /* large */
-/* Heading 1 */
-$h1-min: $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
-$h1-max: $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
-/* Heading 2 */
-$h2-min: $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
-$h2-max: $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
-/* Heading 3 */
-$h3-min: $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
-$h3-max: $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
-/* Heading 4 */
-$h4-min: $modular-scale-1 * $base-font-size !default;
-$h4-max: $modular-scale-2 * $base-font-size !default;
-/* Heading 5 */
-$h5-min: $base-font-size !default;
-$h5-max: $base-font-size !default;
-/* Heading 6 */
-$h6-min: ($base-font-size / $modular-scale-1) !default;
-$h6-max: ($base-font-size / $modular-scale-2) !default;
-
-/* Base font family */
-$base-font-family: "Fira Sans", sans-serif !default;
-/* Other font families */
-$headline-font-family: $base-font-family !default;
-$monospace-font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace !default;
-
-/* Colors */
-$base-color: #393e46 !default;
-$text-color: #222831 !default;
-$accent-color: #00848a !default;
-$background-color: #fff !default;
-$code-background-color: tint($base-color, 95%) !default;
-$border-color: tint($base-color, 80%) !default;
-$overlay-color: $base-color !default;
-
-/* Max-width of the main content */
-$main-max-width: $xlarge !default;
-
-/* Width of the sidebar */
-$sidebar-width: $small !default;
-
-/* Background color of the sidebar */
-$sidebar-background-color: #fff !default;
-
-/* Border radius */
-$border-radius: 0.25em !default;
-
-/* Global transition */
-$global-transition: all 0.4s ease !default;
-
-/* Navicon */
-$navicon-width: 1.75em !default;
-$navicon-height: 0.25em !default;
-$navicon-duration: 0.5s !default;
-$navicon-toggled-size: 1 !default;
-$navicon-nav-bg-close: transparent !default;
-$navicon-nav-bg-open: transparent !default;
-$navicon-content-bg: $text-color !default;
-
-/* Site image */
-$site-image-width: 50px !default;
-$site-image-height: 50px !default;
-
-/* Susy grid settings */
-$susy: (columns: 16, gutters: 0, math: fluid, output: float) !default;
+/* ==========================================================================
+   Variables
+   ========================================================================== */
+
+/* Breakpoint widths */
+$small: 320px !default;
+$medium: 768px !default;
+$large: 1024px !default;
+$xlarge: 1280px !default;
+
+/* Fluid type */
+$base-font-size: 16px !default;
+$min-vw: $small !default;
+$max-vw: $xlarge !default;
+$min-font-size: 14px !default;
+$max-font-size: 18px !default;
+
+/* Calculate Modular Scale */
+$modular-scale-1: 1.067 !default; /* small */
+$modular-scale-2: 1.296 !default; /* large */
+/* Heading 1 */
+$h1-min: $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
+$h1-max: $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
+/* Heading 2 */
+$h2-min: $modular-scale-1 * $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
+$h2-max: $modular-scale-2 * $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
+/* Heading 3 */
+$h3-min: $modular-scale-1 * $modular-scale-1 * $base-font-size !default;
+$h3-max: $modular-scale-2 * $modular-scale-2 * $base-font-size !default;
+/* Heading 4 */
+$h4-min: $modular-scale-1 * $base-font-size !default;
+$h4-max: $modular-scale-2 * $base-font-size !default;
+/* Heading 5 */
+$h5-min: $base-font-size !default;
+$h5-max: $base-font-size !default;
+/* Heading 6 */
+$h6-min: ($base-font-size / $modular-scale-1) !default;
+$h6-max: ($base-font-size / $modular-scale-2) !default;
+
+/* Base font family */
+$base-font-family: "Fira Sans", sans-serif !default;
+/* Other font families */
+$headline-font-family: $base-font-family !default;
+$monospace-font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace !default;
+
+/* Colors */
+$base-color: #393e46 !default;
+$text-color: #222831 !default;
+$accent-color: #00848a !default;
+$background-color: #fff !default;
+$code-background-color: tint($base-color, 95%) !default;
+$border-color: tint($base-color, 80%) !default;
+$overlay-color: $base-color !default;
+
+/* Max-width of the main content */
+$main-max-width: $xlarge !default;
+
+/* Width of the sidebar */
+$sidebar-width: $small !default;
+
+/* Background color of the sidebar */
+$sidebar-background-color: #fff !default;
+
+/* Border radius */
+$border-radius: 0.25em !default;
+
+/* Global transition */
+$global-transition: all 0.4s ease !default;
+
+/* Navicon */
+$navicon-width: 1.75em !default;
+$navicon-height: 0.25em !default;
+$navicon-duration: 0.5s !default;
+$navicon-toggled-size: 1 !default;
+$navicon-nav-bg-close: transparent !default;
+$navicon-nav-bg-open: transparent !default;
+$navicon-content-bg: $text-color !default;
+
+/* Site image */
+$site-image-width: 50px !default;
+$site-image-height: 50px !default;
+
+/* Susy grid settings */
+$susy: (columns: 16, gutters: 0, math: fluid, output: float) !default;

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/_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/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/_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/_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;
+  }
+}