workarea 3.4.16 → 3.4.17

data/docs/source/stylesheets/_settings.scss

@@ -1,56 +0,0 @@
-/**
- * Grid system
- */
-$av-widths: (2 3 4 5 6);
-
-$av-enable-grid-auto: true;
-$av-enable-grid-middle: true;
-$av-enable-grid-center: true;
-$av-enable-grid-right: true;
-$av-enable-grid-flush: true;
-$av-enable-grid-tiny: true;
-$av-enable-grid-large: true;
-$av-enable-grid-huge: true;
-
-
-/**
- * Colors
- */
-$white: #fff;
-$black: #000;
-
-$gray: #303541;
-$light-gray: #999;
-$almost-white: #eee;
-$off-white: #f6f6f6;
-
-$gray-alpha-5: rgba($gray, 0.05);
-$gray-alpha-15: rgba($gray, 0.15);
-$gray-alpha-50: rgba($gray, 0.50);
-
-$blue: #0060ff;
-$dark-blue: #011eff;
-$green: #42cc81;
-$pink: #ca10b1;
-$orange: #ff7d03;
-$teal: #02b9cf;
-
-
-/**
- * Globals
- */
-$spacing-unit: 0.55rem;
-
-$font-color: $gray;
-$link-color: $blue;
-
-$animation-speed: 0.1s;
-
-$box-shadow: 0 0 20px $gray-alpha-15;
-$tight-box-shadow: 0 2px 10px darken($gray-alpha-50, 35%);
-
-
-/**
- * Shared component config
- */
-$header-height: 76px;

data/docs/source/stylesheets/_typography.scss

@@ -1,119 +0,0 @@
-/**
- * Global Font
- */
-@import url('https://fonts.googleapis.com/css?family=Open+Sans|Fira+Mono&display=swap');
-
-html {
-  font-size: 16px; // defines rem
-  font-weight: 200;
-  line-height: 1.5;
-  font-family: 'Helvetica', 'Open Sans', 'Arial', sans-serif;
-  color: $font-color;
-}
-
-
-
-/**
- * Code Examples
- */
-code {
-  font-family: 'Fira Mono', monospace;
-  display: inline-block;
-  padding: 0 0.55em;
-  background: $almost-white;
-}
-
-
-
-/**
- * Links
- */
-a {
-  color: $link-color;
-}
-
-
-/**
- * Headings
- */
-.heading,
-h1, h2, h3, h4, h5, h6 {
-  font-weight: 800;
-  line-height: 1.15;
-}
-
-.heading { display: block; }
-
-.heading--no-bottom-margin { margin-bottom: 0 }
-
-h1, .heading--1 { font-size: 2rem; }
-h2, .heading--2 { font-size: 1.75rem; }
-h3, .heading--3 { font-size: 1.5rem; }
-h4, .heading--4 { font-size: 1.25rem; }
-h5, .heading--5 { font-size: 1.1rem; }
-h6, .heading--6 { font-size: 1rem; }
-
-
-.alt-heading {
-  text-align: center;
-  margin: ($spacing-unit * 4) 0 ($spacing-unit * 2);
-
-  @include av-mq(lap-and-up) {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    max-width: 32%;
-    text-align: right;
-  }
-}
-
-  .alt-heading__heading {
-    display: inline-block;
-    padding-right: $spacing-unit * 2;
-  }
-
-  .alt-heading__hr {
-    display: none;
-
-    @include av-mq(lap-and-up) {
-      display: block;
-      flex-grow: 1;
-    }
-  }
-
-
-
-/**
- * Horizontal Rule
- */
-hr {
-  height: 1px;
-  border: 0;
-  background: $gray;
-}
-
-
-
-/**
- * Article Specifics
- */
-.article {
-  padding: $spacing-unit * 2;
-
-  ul { padding-left: $spacing-unit * 2; }
-  li { margin-bottom: $spacing-unit; }
-
-  > h1 { margin-top: 0.35em; }
-
-  h2 { font-size: 1.5rem; }
-  h3 { font-size: 1.25rem; }
-  h4, h5, h6 { font-size: 1rem; }
-}
-
-
-
-/**
- * Text
- */
- .text { font-size: 1rem; }
- .text--small { font-size: 0.889rem }

data/docs/source/stylesheets/site.css.scss

@@ -1,14 +0,0 @@
-@import 'settings';
-@import 'helpers';
-
-@import 'vendor/normalize';
-@import 'vendor/avalanche';
-@import 'vendor/highlight/tomorrow_night_blue';
-
-@import 'base';
-
-@import 'typography';
-
-@import 'components';
-
-@import 'opinions';

data/docs/source/stylesheets/vendor/_avalanche.scss

@@ -1,328 +0,0 @@
-/*! Avalanche | MIT License | @colourgarden */
-
-/**
- * SETTINGS
- */
-$av-namespace:              'grid' !default;      // Prefix namespace for grid layout and cells
-$av-element-name:           'cell' !default;      // Element/cell name
-$av-element-class-chain:    '__' !default;        // Chain characters between block and element
-$av-modifier-class-chain:   '--' !default;        // Chain characters between block and modifier
-$av-breakpoint-class-chain: '--' !default;        // Chain characters between width and breakpoint
-
-$av-gutter:                 20px !default;        // Gutter between grid cells
-
-$av-width-class-namespace:  '' !default;          // Prefix namespace for width classes. For example; 'col-'
-$av-width-class-style:      'fraction' !default;  // Width class naming style. Can be 'fraction', 'percentage' or 'fragment'
-$av-widths: (
-  2,
-  3,
-  4
-) !default; // Width denominator values. 2 = 1/2, 3 = 1/3 etc. Add/remove as appropriate
-
-$av-enable-responsive:  true !default;
-$av-breakpoints:  (
-  "thumb":            "screen and (max-width: 499px)",
-  "handheld":         "screen and (min-width: 500px) and (max-width: 800px)",
-  "handheld-and-up":  "screen and (min-width: 500px)",
-  "pocket":           "screen and (max-width: 800px)",
-  "lap":              "screen and (min-width: 801px) and (max-width: 1024px)",
-  "lap-and-up":       "screen and (min-width: 801px)",
-  "portable":         "screen and (max-width: 1024px)",
-  "desk":             "screen and (min-width: 1025px)",
-  "widescreen":       "screen and (min-width: 1160px)",
-  "retina":           "screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx)"
-) !default; // Responsive breakpoints. Add/remove as appropriate
-
-// Enable/disable grid layouts
-$av-enable-grid-center:       false !default;
-$av-enable-grid-cell-center:  false !default;
-$av-enable-grid-right:        false !default;
-$av-enable-grid-middle:       false !default;
-$av-enable-grid-bottom:       false !default;
-$av-enable-grid-flush:        false !default;
-$av-enable-grid-tiny:         false !default;
-$av-enable-grid-small:        false !default;
-$av-enable-grid-large:        false !default;
-$av-enable-grid-huge:         false !default;
-$av-enable-grid-auto:         false !default;
-$av-enable-grid-rev:          false !default;
-
-/**
- * LOGIC aka THE MAGIC
- */
-@function escape-numerator($numerator, $namespace: '') {
-  @if ($namespace == '') {
-    $numerator-as-string: inspect($numerator);
-    $escaped-numerator: '';
-
-    // Loop through all digits in the numerator and escape individually
-    @for $i from 1 through str-length($numerator-as-string) {
-      $digit: str-slice($numerator-as-string, $i, $i);
-      $escaped-numerator: $escaped-numerator+\3+$digit;
-    }
-
-    @return $escaped-numerator;
-  }
-
-  @else {
-    @return $numerator;
-  }
-}
-
-@function av-create-width-class-name($style, $numerator, $denominator, $breakpoint-alias) {
-
-  $class-name: null;
-
-  @if $style == 'fraction' or $style == 'fragment' {
-    // Set delimiter as slash or text
-    $delimiter: if($style == 'fraction', \/, -of-);
-    $class-name: #{$av-width-class-namespace}#{escape-numerator($numerator, $av-width-class-namespace)}#{$delimiter}#{$denominator}#{$breakpoint-alias};
-  }
-
-  @else {
-    @if $av-width-class-namespace == '' {
-      @error "Percentage value class names require a namespace to be set (see $av-width-class-namespace). Selective escaping (e.g. the 5 of 50) cannot be done.";
-    }
-    $class-width: floor(($numerator / $denominator) * 100);
-    $class-name: #{$av-width-class-namespace}#{$class-width}#{$breakpoint-alias};
-  }
-
-  @return $class-name;
-}
-
-@function avCreateBlockClassName($modifier: '') {
-  @if $modifier == '' {
-    @return #{$av-namespace};
-  }
-
-  @return #{$av-namespace}#{$av-modifier-class-chain}#{$modifier};
-}
-
-@function avCreateElementClassName($modifier: '') {
-  @if $modifier == '' {
-    @return #{$av-namespace}#{$av-element-class-chain}#{$av-element-name};
-  }
-
-  @return #{$av-namespace}#{$av-element-class-chain}#{$av-element-name}#{$av-modifier-class-chain}#{$modifier};
-}
-
-@mixin av-create-widths($widths, $breakpoint-alias: null) {
-
-  // Initialise an empty utility map that will eventually contain all our classes
-  $pseudo-class-map: ();
-
-  // Loop widths
-  @each $denominator in $widths {
-
-    // If 1=1, 2=2, 3=3; @for will skip over so create 1/1 class manually
-    @if ($denominator == 1) {
-
-      // Create 1/1 class
-      $class-name: av-create-width-class-name($av-width-class-style, 1, 1, $breakpoint-alias);
-
-      .#{$class-name} {
-        width: 100%;
-      }
-    }
-
-    @else {
-
-      // Loop widths as fractions
-      @for $numerator from 1 to $denominator {
-
-        // Create class name and set width value
-        $class-name: av-create-width-class-name($av-width-class-style, $numerator, $denominator, $breakpoint-alias);
-        $width-value: percentage($numerator / $denominator);
-
-        // Is this width already in our utility map?
-        $duplicate: map-get($pseudo-class-map, $width-value);
-
-        // Create width class
-        .#{$class-name} {
-
-          // If this width is in utility map, @extend the duplicate, else create a new one
-          @if $duplicate {
-            @extend .#{$duplicate};
-          }
-
-          @else {
-            width: $width-value;
-          }
-        }
-
-        // Add this class to utility map
-        $add-class: ($width-value: $class-name);
-        $pseudo-class-map: map-merge($pseudo-class-map, $add-class);
-      }
-    }
-  }
-}
-
-@mixin av-mq($alias) {
-
-  // Search breakpoint map for alias
-  $query: map-get($av-breakpoints, $alias);
-
-  // If alias exists, print out media query
-  @if $query {
-    @media #{$query} {
-      @content;
-    }
-  }
-
-  @else {
-    @error "No breakpoint found for #{$alias}";
-  }
-}
-
-/**
- * GRID LAYOUT
- */
-.#{avCreateBlockClassName()} {
-  display: block;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  margin-left: -($av-gutter);
-  font-size: 0;
-}
-
-.#{avCreateElementClassName()} {
-  box-sizing: border-box;
-  display: inline-block;
-  width: 100%;
-  padding: 0;
-  padding-left: $av-gutter;
-  margin: 0;
-  vertical-align: top;
-  font-size: 1rem;
-}
-
-@if $av-enable-grid-center {
-  .#{avCreateBlockClassName('center')} {
-    text-align: center;
-
-    > .#{avCreateElementClassName()} {
-      text-align: left;
-    }
-  }
-}
-
-@if $av-enable-grid-cell-center {
-  .#{avCreateElementClassName('center')} {
-    display: block;
-    margin: 0 auto;
-  }
-}
-
-@if $av-enable-grid-right {
-  .#{avCreateBlockClassName('right')} {
-    text-align: right;
-
-    > .#{avCreateElementClassName()} {
-      text-align: left;
-    }
-  }
-}
-
-@if $av-enable-grid-middle {
-  .#{avCreateBlockClassName('middle')} {
-    > .#{avCreateElementClassName()} {
-      vertical-align: middle;
-    }
-  }
-}
-
-@if $av-enable-grid-bottom {
-  .#{avCreateBlockClassName('bottom')} {
-    > .#{avCreateElementClassName()} {
-      vertical-align: bottom;
-    }
-  }
-}
-
-@if $av-enable-grid-flush {
-  .#{avCreateBlockClassName('flush')} {
-    margin-left: 0;
-
-    > .#{avCreateElementClassName()} {
-      padding-left: 0;
-    }
-  }
-}
-
-@if $av-enable-grid-tiny {
-  .#{avCreateBlockClassName('tiny')} {
-    margin-left: -($av-gutter / 4);
-
-    > .#{avCreateElementClassName()} {
-      padding-left: ($av-gutter / 4);
-    }
-  }
-}
-
-@if $av-enable-grid-small {
-  .#{avCreateBlockClassName('small')} {
-    margin-left: -($av-gutter / 2);
-
-    > .#{avCreateElementClassName()} {
-      padding-left: ($av-gutter / 2);
-    }
-  }
-}
-
-@if $av-enable-grid-large {
-  .#{avCreateBlockClassName('large')} {
-    margin-left: -($av-gutter * 2);
-
-    > .#{avCreateElementClassName()} {
-      padding-left: ($av-gutter * 2);
-    }
-  }
-}
-
-@if $av-enable-grid-huge {
-  .#{avCreateBlockClassName('huge')} {
-    margin-left: -($av-gutter * 4);
-
-    > .#{avCreateElementClassName()} {
-      padding-left: ($av-gutter * 4);
-    }
-  }
-}
-
-@if $av-enable-grid-auto {
-  .#{avCreateBlockClassName('auto')} {
-    > .#{avCreateElementClassName()} {
-      width: auto;
-    }
-  }
-}
-
-@if $av-enable-grid-rev {
-  .#{avCreateBlockClassName('rev')} {
-    direction: rtl;
-
-    > .#{avCreateElementClassName()} {
-      direction: ltr;
-    }
-  }
-}
-
-/**
- * GRID WIDTHS
- */
-
-// Loop default widths
-@include av-create-widths($av-widths);
-
-// If responsive flag enabled, loop breakpoint widths
-@if $av-enable-responsive {
-  @each $alias, $query in $av-breakpoints {
-
-    // Create each media query
-    @media #{$query} {
-      @include av-create-widths($av-widths, #{$av-breakpoint-class-chain}#{$alias});
-    }
-  }
-}