jekyll-theme-basically-basic 1.1.3 → 1.2.0

data/_sass/basically-basic/_variables.scss

@@ -1,84 +1,104 @@
-/* ==========================================================================
-   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;
+
+/* Syntax highlighting (base16) colors */
+$base00: #1c2023 !default;
+$base01: #393f45 !default;
+$base02: #565e65 !default;
+$base03: #747c84 !default;
+$base04: #adb3ba !default;
+$base05: #c7ccd1 !default;
+$base06: #dfe2e5 !default;
+$base07: #f3f4f5 !default;
+$base08: #c7ae95 !default;
+$base09: #c7c795 !default;
+$base0a: #aec795 !default;
+$base0b: #95c7ae !default;
+$base0c: #95aec7 !default;
+$base0d: #ae95c7 !default;
+$base0e: #c795ae !default;
+$base0f: #c79595 !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;

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

@@ -1,12 +1,30 @@
-/* ==========================================================================
-   Soft theme skin
-   ========================================================================== */
-
-/* Colors */
-$base-color: mix(#625772, #a9eee6, 75%) !default;
-$text-color: #625772 !default;
-$accent-color: #e85482 !default;
-$background-color: #fefaec !default;
-$code-background-color: #fff !default;
-$border-color: rgba($text-color, 0.5) !default;
-$overlay-color: #fff !default;
+/* ==========================================================================
+   Soft theme skin
+   ========================================================================== */
+
+/* Colors */
+$base-color: mix(#625772, #a9eee6, 75%) !default;
+$text-color: #625772 !default;
+$accent-color: #e85482 !default;
+$background-color: #fefaec !default;
+$code-background-color: #fff !default;
+$border-color: rgba($text-color, 0.5) !default;
+$overlay-color: #fff !default;
+
+/* Syntax highlighting (base16) colors */
+$base00: #efecf4 !default;
+$base01: #e2dfe7 !default;
+$base02: #8b8792 !default;
+$base03: #7e7887 !default;
+$base04: #655f6d !default;
+$base05: #585260 !default;
+$base06: #26232a !default;
+$base07: #19171c !default;
+$base08: #be4678 !default;
+$base09: #aa573c !default;
+$base0a: #a06e3b !default;
+$base0b: #2a9292 !default;
+$base0c: #398bc6 !default;
+$base0d: #576ddb !default;
+$base0e: #955ae7 !default;
+$base0f: #bf40bf !default;

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

@@ -1,12 +1,30 @@
-/* ==========================================================================
-   Steel theme skin
-   ========================================================================== */
-
-/* Colors */
-$base-color: #3a4750 !default;
-$text-color: #303841 !default;
-$accent-color: #d72323 !default;
-$background-color: #eee !default;
-$code-background-color: #fff !default;
-$border-color: rgba($text-color, 0.25) !default;
-$overlay-color: #fff !default;
+/* ==========================================================================
+   Steel theme skin
+   ========================================================================== */
+
+/* Colors */
+$base-color: #3a4750 !default;
+$text-color: #303841 !default;
+$accent-color: #d72323 !default;
+$background-color: #eee !default;
+$code-background-color: #fff !default;
+$border-color: rgba($text-color, 0.25) !default;
+$overlay-color: #fff !default;
+
+/* Syntax highlighting (base16) colors */
+$base00: #1d1f21 !default;
+$base01: #282a2e !default;
+$base02: #373b41 !default;
+$base03: #969896 !default;
+$base04: #b4b7b4 !default;
+$base05: #c5c8c6 !default;
+$base06: #e0e0e0 !default;
+$base07: #ffffff !default;
+$base08: #cc6666 !default;
+$base09: #de935f !default;
+$base0a: #f0c674 !default;
+$base0b: #b5bd68 !default;
+$base0c: #8abeb7 !default;
+$base0d: #81a2be !default;
+$base0e: #b294bb !default;
+$base0f: #a3685a !default;

data/_sass/basically-basic/vendor/{_breakpoint.scss → breakpoint/_breakpoint.scss}

@@ -23,15 +23,15 @@ $breakpoint: () !default;
 //////////////////////////////
 // Imports
 //////////////////////////////
-@import "breakpoint/settings";
-@import 'breakpoint/context';
-@import 'breakpoint/helpers';
-@import 'breakpoint/parsers';
-@import 'breakpoint/no-query';
+@import "settings";
+@import "context";
+@import "helpers";
+@import "parsers";
+@import "no-query";
 
-@import 'breakpoint/respond-to';
+@import "respond-to";
 
-@import "breakpoint/legacy-settings";
+@import "legacy-settings";
 
 //////////////////////////////
 // Breakpoint Mixin

data/_sass/basically-basic/vendor/susy/_su.scss

@@ -1,7 +1,4 @@
 // Su
 // ==
 
-@import "su/utilities";
-@import "su/settings";
-@import "su/validation";
-@import "su/grid";
+@import 'susy/su';

data/_sass/basically-basic/vendor/susy/_susy-prefix.scss

@@ -0,0 +1,13 @@
+// Susy (Prefixed)
+// ===============
+
+$susy-version: 3;
+
+@import 'susy/utilities';
+@import 'susy/su-validate';
+@import 'susy/su-math';
+@import 'susy/settings';
+@import 'susy/normalize';
+@import 'susy/parse';
+@import 'susy/syntax-helpers';
+@import 'susy/api';

data/_sass/basically-basic/vendor/susy/_susy.scss

@@ -0,0 +1,5 @@
+// Susy (Un-Prefixed)
+// ==================
+
+@import 'susy-prefix';
+@import 'susy/unprefix';

data/_sass/basically-basic/vendor/susy/plugins/_svg-grid.scss

@@ -0,0 +1,5 @@
+// SVG Grid Background
+// ===================
+
+@import 'svg-grid/prefix';
+@import 'svg-grid/svg-unprefix';

data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_prefix.scss

@@ -0,0 +1,7 @@
+// Prefixed SVG Plugin
+// ===================
+
+@import 'svg-settings';
+@import 'svg-utilities';
+@import 'svg-grid-math';
+@import 'svg-api';

data/_sass/basically-basic/vendor/susy/plugins/svg-grid/_svg-api.scss

@@ -0,0 +1,114 @@
+/// Plugin: SVG Grid Image
+/// ======================
+/// @group plugin_svg-grid
+/// @see susy-svg-grid
+
+
+
+/// ## Overview
+/// If you want to generate svg-backgrounds
+/// for help visualizing and debugging your grids,
+/// import the SVG Grid Plugin.
+///
+/// The plugin adds `svg-grid-colors` setting
+/// to your global defaults,
+/// which you can override in `$susy`.
+/// It also provides you with a new function,
+/// `susy-svg-grid()`,
+/// which will return inline svg for use in
+/// backgrounds or generated content.
+///
+/// This function come with an unprefixed alias by default,
+/// using the `svg-grid` import.
+/// If you only only want prefixed versions of the API,
+/// import the `svg-grid/prefix` partial instead.
+///
+/// @group plugin_svg-grid
+///
+/// @example scss - importing the plugin
+///   // The full path to import Susy will depend on your setup…
+///
+///   // unprefixed
+///   @import 'plugins/svg-grid';
+///
+///   // prefixed
+///   @import 'plugins/svg-grid/prefix';
+///
+/// @example scss - generating background grids
+///   .grid {
+///     background: susy-svg-grid() no-repeat scroll;
+///   }
+
+
+
+// SVG Grid
+// --------
+/// Return inline svg-data in  to display the grid.
+///
+/// @group plugin_svg-grid
+///
+/// @param {Map | List} $grid [$susy] -
+///   Map or shorthand defining the current grid
+/// @param {Color | List | null} $colors [null] -
+///   Column color, or list of colors for column-gradient,
+///   used to override the global `svg-grid-colors` setting
+/// @param {Length | null} $offset [null] -
+///   Manually override the default grid-image offset,
+///   to account for grid edges
+///
+/// @return {String} -
+///   CSS inline-data SVG string, in `url(<svg>)` format,
+///   for use in image or content properties
+/// @example scss
+///   .grid {
+///     background: susy-svg-grid() no-repeat scroll;
+///   }
+@function susy-svg-grid(
+  $grid: $susy,
+  $colors: null,
+  $offset: null
+) {
+  // Grid parsing & normalizing
+  $grid: susy-compile($grid, $context-only: true);
+
+  // Color and gradient handling
+  $gradient: '';
+
+  @if (not $colors) {
+    $colors: susy-get('svg-grid-colors');
+  }
+
+  @if length($colors) > 1 {
+    $gradient: _susy-svg-gradient($colors);
+    $colors: 'url(%23susy-svg-gradient)';
+  } @else {
+    $colors: _susy-svg-color($colors);
+  }
+
+  // Get a default image-width
+  $span: (
+    'span': map-get($grid, 'columns'),
+    'spread': map-get($grid, 'container-spread'),
+  );
+  $span: map-merge($grid, $span);
+  $image-width: su-call('su-span', $span);
+  $image-width: if((type-of($image-width) == 'number'), $image-width, 100%);
+
+  // SVG construction
+  $columns: map-get($grid, 'columns');
+  $offset: $offset or _susy-svg-offset($grid);
+
+  $attrs: 'fill="#{$colors}" width="#{$image-width}"';
+  $svg: 'data:image/svg+xml,';
+  $svg: $svg + '%3Csvg xmlns="http://www.w3.org/2000/svg" #{$attrs} %3E';
+  $svg: $svg + $gradient;
+
+  @for $column from 1 through length($columns) {
+    $width: susy-span(1 narrow at $column, $grid);
+    $x: _susy-svg-column-position($column, $grid);
+
+    $svg: $svg + _susy-svg-rect($x, $width, $offset);
+  }
+
+  @return url('#{$svg}%3C/svg%3E');
+}