Initial merge of raw design and content

.nvmrc

@@ -1 +1 @@
-16
+18

.powrc

@@ -1,5 +0,0 @@
-if [ -f "$rvm_path/scripts/rvm" ] && [ -f ".rvmrc" ] ; then
-  source "$rvm_path/scripts/rvm"
-  source ".rvmrc"
-fi
-  

Gemfile

@@ -5,11 +5,7 @@ ruby '> 2.5.0'
 group :development do
   gem 'rake', '13.0.6'
   gem 'jekyll', '4.3.2'
-  gem 'compass', '1.0.3'
-  gem 'sass-globbing', '1.1.5'
   gem 'stringex', '2.8.5'
-  # > 2.1.0 causes slowdowns https://github.com/sass/sassc-ruby/issues/189
-  gem 'sassc', '2.1.0'
 end
 
 group :jekyll_plugins do
@@ -17,6 +13,7 @@ group :jekyll_plugins do
   gem 'jekyll-sitemap', '1.4.0'
   gem 'jekyll-commonmark', '1.4.0'
   gem 'jekyll-toc', '0.18.0'
+  gem 'jekyll-postcss', '0.5.0'
 end
 
 gem 'sinatra', '3.0.5'

Gemfile.lock

@@ -3,21 +3,8 @@ GEM
   specs:
     addressable (2.8.1)
       public_suffix (>= 2.0.2, < 6.0)
-    chunky_png (1.4.0)
     colorator (1.1.0)
     commonmarker (0.23.8)
-    compass (1.0.3)
-      chunky_png (~> 1.2)
-      compass-core (~> 1.0.2)
-      compass-import-once (~> 1.0.5)
-      rb-fsevent (>= 0.9.3)
-      rb-inotify (>= 0.9)
-      sass (>= 3.3.13, < 3.5)
-    compass-core (1.0.3)
-      multi_json (~> 1.0)
-      sass (>= 3.3.0, < 3.5)
-    compass-import-once (1.0.5)
-      sass (>= 3.2, < 3.5)
     concurrent-ruby (1.2.2)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
@@ -51,6 +38,7 @@ GEM
     jekyll-commonmark (1.4.0)
       commonmarker (~> 0.22)
     jekyll-paginate (1.1.0)
+    jekyll-postcss (0.5.0)
     jekyll-sass-converter (3.0.0)
       sass-embedded (~> 1.54)
     jekyll-sitemap (1.4.0)
@@ -70,7 +58,6 @@ GEM
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
     mini_portile2 (2.8.1)
-    multi_json (1.15.0)
     mustermann (3.0.0)
       ruby2_keywords (~> 0.0.1)
     nokogiri (1.14.2)
@@ -93,18 +80,11 @@ GEM
     rouge (4.1.0)
     ruby2_keywords (0.0.5)
     safe_yaml (1.0.5)
-    sass (3.4.25)
     sass-embedded (1.59.3)
       google-protobuf (~> 3.21)
       rake (>= 10.0.0)
     sass-embedded (1.59.3-x64-mingw32)
       google-protobuf (~> 3.21)
-    sass-globbing (1.1.5)
-      sass (>= 3.1)
-    sassc (2.1.0)
-      ffi (~> 1.9)
-    sassc (2.1.0-x64-mingw32)
-      ffi (~> 1.9)
     sinatra (3.0.5)
       mustermann (~> 3.0)
       rack (~> 2.2, >= 2.2.4)
@@ -126,16 +106,14 @@ PLATFORMS
   x64-mingw32
 
 DEPENDENCIES
-  compass (= 1.0.3)
   jekyll (= 4.3.2)
   jekyll-commonmark (= 1.4.0)
   jekyll-paginate (= 1.1.0)
+  jekyll-postcss (= 0.5.0)
   jekyll-sitemap (= 1.4.0)
   jekyll-toc (= 0.18.0)
   nokogiri (= 1.14.2)
   rake (= 13.0.6)
-  sass-globbing (= 1.1.5)
-  sassc (= 2.1.0)
   sinatra (= 3.0.5)
   stringex (= 2.8.5)
   tzinfo (~> 2.0)

Rakefile

@@ -7,7 +7,6 @@ require 'json'
 ## -- Misc Configs -- ##
 public_dir      = "public/"   # compiled site directory
 source_dir      = "source"    # source file directory
-server_port     = "4000"      # port for preview server eg. localhost:4000
 
 if (/cygwin|mswin|mingw|bccwin|wince|emx/ =~ RUBY_PLATFORM) != nil
   puts '## Set the codepage to 65001 for Windows machines'
@@ -20,67 +19,69 @@ end
 
 desc "Generate jekyll site"
 task :generate do
-  raise "### You haven't set anything up yet. First run `rake install`." unless File.directory?(source_dir)
+  # Hand off this rake task to NPM.
-  puts "## Generating Site with Jekyll"
+  # This rake tasks is here as a backward compatible command and still
-  success = system "compass compile --css-dir #{source_dir}/stylesheets"
+  # used by Netlify as long as the old branches are still there.
-  abort("Generating CSS failed") unless success
+  # IT also helps with the muscle memory of developers :)
-  success = system "rake analytics_data"
+  success = system "npm run build"
-  abort("Generating analytics data failed") unless success
-  success = system "rake alerts_data"
-  abort("Generating alerts data failed") unless success
-  success = system "rake version_data"
-  abort("Generating version data failed") unless success
-  success = system "rake blueprint_exchange_data"
-  abort("Generating blueprint exchange data failed") unless success
-  success = system "jekyll build"
   abort("Generating site failed") unless success
+
+  # TODO: Needs to move? Maybe generate it dynamically from the source?
   if ENV["CONTEXT"] != 'production'
     File.open("#{public_dir}robots.txt", 'w') do |f|
       f.write "User-agent: *\n"
       f.write "Disallow: /\n"
     end
   end
+
   public_dir
 end
 
 desc "Watch the site and regenerate when it changes"
 task :watch do
-  raise "### You haven't set anything up yet. First run `rake install`." unless File.directory?(source_dir)
+  # Hand off this rake task to NPM.
-  puts "Starting to watch source with Jekyll and Compass."
+  # This rake tasks is here as a backward compatible command and still
-  system "compass compile --css-dir #{source_dir}/stylesheets" unless File.exist?("#{source_dir}/stylesheets/screen.css")
+  # used by Netlify as long as the old branches are still there.
-  jekyllPid = Process.spawn({"OCTOPRESS_ENV"=>"preview"}, "jekyll build --watch --incremental")
+  # IT also helps with the muscle memory of developers :)
-  compassPid = Process.spawn("compass watch")
+  jekyllPid = Process.spawn("npm run dev")
-
+  Process.wait(jekyllPid)
-  trap("INT") {
-    [jekyllPid, compassPid].each { |pid| Process.kill(9, pid) rescue Errno::ESRCH }
-    exit 0
-  }
-
-  [jekyllPid, compassPid].each { |pid| Process.wait(pid) }
 end
 
 desc "preview the site in a web browser"
 task :preview, :listen do |t, args|
-  listen_addr = args[:listen] || '127.0.0.1'
+  # Hand off this rake task to NPM.
-  listen_addr = '0.0.0.0' unless ENV['DEVCONTAINER'].nil?
+  # This rake tasks is here as a backward compatible command and still
-  raise "### You haven't set anything up yet. First run `rake install`." unless File.directory?(source_dir)
+  # used by Netlify as long as the old branches are still there.
-  puts "Starting to watch source with Jekyll and Compass."
+  # IT also helps with the muscle memory of developers :)
-  puts "Now listening on http://localhost:#{server_port}"
-  system "compass compile --css-dir #{source_dir}/stylesheets" unless File.exist?("#{source_dir}/stylesheets/screen.css")
-  system "rake analytics_data"
-  system "rake version_data"
-  system "rake alerts_data"
-  system "rake blueprint_exchange_data"
-  jekyllPid = Process.spawn({"OCTOPRESS_ENV"=>"preview"}, "jekyll build -t --watch --incremental")
-  compassPid = Process.spawn("compass watch")
-  rackupPid = Process.spawn("rackup --port #{server_port} --host #{listen_addr}")
 
-  trap("INT") {
+  # We used to listen/bind to an host address selectively, this might need
-    [jekyllPid, compassPid, rackupPid].each { |pid| Process.kill(9, pid) rescue Errno::ESRCH }
+  # to return in the future.
-    exit 0
+  # listen_addr = args[:listen] || '127.0.0.1'
-  }
+  # listen_addr = '0.0.0.0' unless ENV['DEVCONTAINER'].nil?
+  jekyllPid = Process.spawn("npm run dev")
+  Process.wait(jekyllPid)
+end
 
-  [jekyllPid, compassPid, rackupPid].each { |pid| Process.wait(pid) }
+desc "Fetch meta data"
+task :fetch_meta_data do
+  puts "## Fetching external meta data..."
+
+  puts "Download data from analytics.home-assistant.io..."
+  success = system "rake analytics_data"
+  abort("Generating analytics data failed") unless success
+
+  puts "Download data from alerts.home-assistant.io..."
+  success = system "rake alerts_data"
+  abort("Generating alerts data failed") unless success
+
+  puts "Download data from version.home-assistant.io..."
+  success = system "rake version_data"
+  abort("Generating version data failed") unless success
+
+  puts "Download data from the blueprint exchange @ community.home-assistant.io..."
+  success = system "rake blueprint_exchange_data"
+  abort("Generating blueprint exchange data failed") unless success
+  puts "Done."
 end
 
 desc "Download data from analytics.home-assistant.io"

_config.yml

@@ -4,6 +4,7 @@
 # ----------------------- #
 
 url: https://www.home-assistant.io
+baseurl: "/"
 title: Home Assistant
 subtitle: Open source home automation that puts local control and privacy first.
 author: Home Assistant
@@ -48,8 +49,12 @@ commonmark:
 highlighter: none
 
 plugins:
+  - jekyll-postcss
   - jekyll-toc
 
+postcss:
+  cache: false
+
 paginate: 10 # Posts per page on the blog index
 paginate_path: "blog/posts/:num" # Directory base for pagination URLs eg. /posts/2/
 recent_posts: 5 # Posts in the sidebar Recent Posts section
@@ -67,6 +72,7 @@ titlecase: true # Converts page and post titles to titlecase
 collections:
   integrations:
     output: true
+    permalink: /integrations/:path/
   examples:
     output: true
   docs:
@@ -77,6 +83,12 @@ collections:
     output: true
   dashboards:
     output: true
+  guides:
+    output: true
+    permalink: /learn/:name
+  posts:
+    output: true
+    permalink: /blog/:name
 
 # ----------------------- #
 #   3rd Party Settings    #
@@ -125,7 +137,6 @@ defaults:
   - scope:
       path: ""
     values:
-      layout: page
       comments: false
       footer: true
       sharing: true
@@ -148,9 +159,9 @@ defaults:
   # https://github.com/toshimaru/jekyll-toc/issues/116#issuecomment-644205770
   #
   - scope:
-      path: ""
       type: integrations
     values:
+      layout: integration
       toc: true
   - scope:
       path: "installation/*"
@@ -176,7 +187,10 @@ include:
 # https://github.com/toshimaru/jekyll-toc
 toc:
   min_level: 2 # default: 1
-  max_level: 3 # default: 6
+  max_level: 2 # default: 6
+
+postcss:
+  cache: false
 
 # Configuration for installation pages
 installation:

config.rb

@@ -1,19 +0,0 @@
-require 'sass-globbing'
-
-# Require any additional compass plugins here.
-project_type = :stand_alone
-
-# Publishing paths
-http_path = "/"
-http_images_path = "/images"
-http_generated_images_path = "/images"
-http_fonts_path = "/fonts"
-css_dir = "public/stylesheets"
-
-# Local development paths
-sass_dir = "sass"
-images_dir = "source/images"
-fonts_dir = "source/fonts"
-
-line_comments = false
-output_style = :compressed

config.ru

@@ -1,25 +0,0 @@
-require 'bundler/setup'
-require 'sinatra/base'
-
-# The project root directory
-$root = ::File.dirname(__FILE__)
-
-class SinatraStaticServer < Sinatra::Base
-
-  get(/.+/) do
-    send_sinatra_file(request.path) {404}
-  end
-
-  not_found do
-    send_file(File.join(File.dirname(__FILE__), 'public', '404.html'), {:status => 404})
-  end
-
-  def send_sinatra_file(path, &missing_file_block)
-    file_path = File.join(File.dirname(__FILE__), 'public',  path)
-    file_path = File.join(file_path, 'index.html') if File.directory?(file_path)
-    File.exist?(file_path) ? send_file(file_path) : missing_file_block.call
-  end
-
-end
-
-run SinatraStaticServer

package.json

@@ -3,6 +3,13 @@
   "description": "Home Assistant Website & Documentation",
   "version": "1.0.0",
   "devDependencies": {
+    "autoprefixer": "^10.4.14",
+    "concurrently": "^7.6.0",
+    "cssnano": "^5.1.15",
+    "postcss": "^8.4.21",
+    "postcss-cli": "^10.1.0",
+    "postcss-import": "^15.1.0",
+    "tailwindcss": "^3.2.7",
     "remark-cli": "^11.0.0",
     "remark-frontmatter": "^4.0.1",
     "remark-lint": "^9.1.1",
@@ -14,12 +21,15 @@
     "textlint-rule-common-misspellings": "^1.0.1",
     "textlint-rule-terminology": "^3.0.4"
   },
-  "resolutions": {
-    "minimist": ">=1.2.5"
-  },
   "scripts": {
     "markdown:lint": "remark --quiet --frail .",
     "textlint:all": "textlint source",
-    "textlint": "textlint source/_examples source/_docs source/_faq source/_integrations source/_dashboards source/cloud source/getting-started source/hassio source/dashboards"
+    "textlint": "textlint source/_examples source/_docs source/_faq source/_integrations source/_dashboards source/cloud source/getting-started source/hassio source/dashboards",
+    "jekyll:dev": "bundle exec jekyll serve --host 0.0.0.0 --incremental --watch --trace",
+    "jekyll:build": "JEKYLL_ENV=production bundle exec jekyll build",
+    "css:dev": "postcss source/_styles/main.css --output source/assets/css/style.css --watch",
+    "css:build": "NODE_ENV=production postcss source/_styles/main.css --output source/assets/css/style.css",
+    "dev": "rake fetch_meta_data && concurrently --kill-others \"npm run jekyll:dev\" \"npm run css:dev\" \"npm run css:dev\"",
+    "build": "rake fetch_meta_data && npm run css:build && npm run jekyll:build"
   }
 }

postcss.config.js

@@ -0,0 +1,11 @@
+const cssnano = require('cssnano')({ preset: 'default' })
+
+module.exports = {
+  plugins: [
+    require('postcss-import'),
+    require('autoprefixer'),
+    require('tailwindcss')('./tailwind.config.js'),
+    ...(process.env.NODE_ENV === 'production' ? [cssnano] : [])
+  ]
+}
+

sass/_base.scss

@@ -1,5 +0,0 @@
-@import "base/utilities";
-@import "base/solarized";
-@import "base/theme";
-@import "base/typography";
-@import "base/layout";

sass/_partials.scss

@@ -1,8 +0,0 @@
-@import "partials/header";
-@import "partials/navigation";
-@import "partials/blog";
-@import "partials/sharing";
-// @import "partials/syntax";
-@import "partials/archive";
-@import "partials/sidebar";
-@import "partials/footer";

sass/base/_layout.scss

@@ -1,192 +0,0 @@
-$max-width: 1200px !default;
-
-// Padding used for layout margins
-$pad-min: 18px !default;
-$pad-narrow: 25px !default;
-$pad-medium: 35px !default;
-$pad-wide: 55px !default;
-
-// Sidebar widths used in media queries
-$sidebar-width-medium: 240px !default;
-$sidebar-pad-medium: 15px !default;
-$sidebar-pad-wide: 20px !default;
-$sidebar-width-wide: 300px !default;
-
-$indented-lists: false !default;
-
-$header-font-size: 1em !default;
-$header-padding-top: 1.5em !default;
-$header-padding-bottom: 1.5em !default;
-
-.group { @include pie-clearfix; }
-
-@mixin collapse-sidebar {
-  float: none;
-  width: auto;
-  clear: left;
-  margin: 0;
-  padding: 0 $pad-medium 1px;
-  background-color: lighten($sidebar-bg, 2);
-  border-top: 1px solid lighten($sidebar-border, 4);
-  section {
-    &.odd, &.even { float: left; width: 48%; }
-    &.odd { margin-left: 0; }
-    &.even { margin-left: 4%; }
-  }
-  &.thirds section {
-    width: 30%;
-    margin-left: 5%;
-    &.first {
-      margin-left: 0;
-      clear: both;
-    }
-  }
-}
-
-body {
-  -webkit-text-size-adjust: none;
-  max-width: $max-width;
-  position: relative;
-  margin: 0 auto;
-  > header, > nav, > footer, #content > article, #content > div > article, #content > div > section {
-    @extend .group;
-    padding-left: $pad-min;
-    padding-right: $pad-min;
-    @media only screen and (min-width: 480px) {
-      padding-left: $pad-narrow;
-      padding-right: $pad-narrow;
-    }
-    @media only screen and (min-width: 768px) {
-      padding-left: $pad-medium;
-      padding-right: $pad-medium;
-    }
-    @media only screen and (min-width: 992px) {
-      padding-left: $pad-wide;
-      padding-right: $pad-wide;
-    }
-  }
-  div.pagination {
-    @extend .group;
-    margin-left: $pad-min;
-    margin-right: $pad-min;
-    @media only screen and (min-width: 480px) {
-      margin-left: $pad-narrow;
-      margin-right: $pad-narrow;
-    }
-    @media only screen and (min-width: 768px) {
-      margin-left: $pad-medium;
-      margin-right: $pad-medium;
-    }
-    @media only screen and (min-width: 992px) {
-      margin-left: $pad-wide;
-      margin-right: $pad-wide;
-    }
-  }
-  > header {
-    font-size: $header-font-size;
-    padding-top: $header-padding-top;
-    padding-bottom: $header-padding-bottom;
-  }
-}
-
-#content {
-  overflow: hidden;
-  > div, > article { width: 100%; }
-}
-
-aside.sidebar {
-  float: none;
-  padding: 0 $pad-min 1px;
-  background-color: lighten($sidebar-bg, 2);
-  border-top: 1px solid $sidebar-border;
-  @extend .group;
-}
-
-.flex-content { max-width: 100%; height: auto; }
-
-.basic-alignment {
-  &.left { float: left; margin-right: 1.5em; }
-  &.right { float: right; margin-left: 1.5em; }
-  &.center { display:block; margin: 0 auto 1.5em; }
-  &.left, &.right { margin-bottom: .8em; }
-}
-
-.toggle-sidebar { &, .no-sidebar & { display: none; }}
-
-body.sidebar-footer {
-  @media only screen and (min-width: 750px) {
-    aside.sidebar{ @include collapse-sidebar; }
-  }
-  #content { margin-right: 0px; }
-  .toggle-sidebar { display: none; }
-}
-
-@media only screen and (min-width: 550px) {
-  body > header { font-size: $header-font-size; }
-}
-@media only screen and (min-width: 750px) {
-  aside.sidebar { @include collapse-sidebar; }
-}
-#main, #content, .sidebar {
-  @extend .group;
-}
-@media only screen and (min-width: 768px) {
-  body { -webkit-text-size-adjust: auto; }
-  body > header { font-size: $header-font-size * 1.2; }
-  #main {
-    padding: 0;
-    margin: 0 auto;
-  }
-  #content {
-    overflow: visible;
-    margin-right: $sidebar-width-medium;
-    position: relative;
-    .no-sidebar & { margin-right: 0; border-right: 0; }
-    .collapse-sidebar & { margin-right: 20px; }
-    > div, > article {
-      padding-top: $pad-medium/2;
-      padding-bottom: $pad-medium/2;
-      float: left;
-    }
-  }
-  aside.sidebar {
-    width: $sidebar-width-medium - $sidebar-pad-medium*2;
-    padding: 0 $sidebar-pad-medium $sidebar-pad-medium;
-    background: none;
-    clear: none;
-    float: left;
-    margin: 0 -100% 0 0;
-    section {
-      width: auto; margin-left: 0;
-      &.odd, &.even { float: none; width: auto; margin-left: 0; }
-    }
-    .collapse-sidebar & {
-      @include collapse-sidebar;
-    }
-  }
-}
-
-@media only screen and (min-width: 992px) {
-  body > header { font-size: $header-font-size * 1.3; }
-  #content { margin-right: $sidebar-width-wide; }
-  #content {
-    > div, > article {
-      padding-top: $pad-wide/2;
-      padding-bottom: $pad-wide/2;
-    }
-  }
-  aside.sidebar {
-    width: $sidebar-width-wide - $sidebar-pad-wide*2;
-    padding: 1.2em $sidebar-pad-wide $sidebar-pad-wide;
-    .collapse-sidebar & {
-      padding: { left: $pad-wide; right: $pad-wide; }
-    }
-  }
-}
-
-@if $indented-lists == false {
-  @media only screen and (min-width: 768px) {
-    ul, ol { margin-left: 0; }
-  }
-}
-

sass/base/_solarized.scss

@@ -1,46 +0,0 @@
-$base03:          #002b36 !default; //darkest blue
-$base02:          #073642 !default; //dark blue
-$base01:          #586e75 !default; //darkest gray
-$base00:          #657b83 !default; //dark gray
-$base0:           #839496 !default; //medium gray
-$base1:           #93a1a1 !default; //medium light gray
-$base2:           #eee8d5 !default; //cream
-$base3:           #fdf6e3 !default; //white
-$solar-yellow:    #b58900 !default;
-$solar-orange:    #cb4b16 !default;
-$solar-red:       #dc322f !default;
-$solar-magenta:   #d33682 !default;
-$solar-violet:    #6c71c4 !default;
-$solar-blue:      #268bd2 !default;
-$solar-cyan:      #2aa198 !default;
-$solar-green:     #859900 !default;
-
-$solarized: dark !default;
-
-@if $solarized == light {
-
-  $_base03: $base03;
-  $_base02: $base02;
-  $_base01: $base01;
-  $_base00: $base00;
-  $_base0:  $base0;
-  $_base1:  $base1;
-  $_base2:  $base2;
-  $_base3:  $base3;
-
-  $base03:  $_base3;
-  $base02:  $_base2;
-  $base01:  $_base1;
-  $base00:  $_base0;
-  $base0:   $_base00;
-  $base1:   $_base01;
-  $base2:   $_base02;
-  $base3:   $_base03;
-}
-
-/* non highlighted code colors */
-$pre-bg: $base03 !default;
-$pre-border: darken($base02, 5) !default;
-$pre-color: $base1 !default;
-
-

sass/base/_theme.scss

@@ -1,85 +0,0 @@
-$noise-bg: image-url('noise.png') top left !default;
-$img-border: inline-image('dotted-border.png') !default;
-
-// Main Link Colors
-$link-color: lighten(#165b94, 3) !default;
-$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;
-$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;
-$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;
-
-// Main Section Colors
-$main-bg: #f8f8f8 !default;
-$page-bg: #252525 !default;
-$article-border: #eeeeee !default;
-
-$header-bg: #333 !default;
-$header-border: lighten($header-bg, 15) !default;
-$title-color: #f2f2f2 !default;
-$subtitle-color: #aaa !default;
-
-$text-color: #222 !default;
-$text-color-light: #aaa !default;
-$type-border: #ddd !default;
-
-/* Navigation */
-$nav-bg: #ccc !default;
-$nav-bg-front: image-url('noise.png') !default;
-$nav-bg-back: linear-gradient(lighten($nav-bg, 8), $nav-bg, darken($nav-bg, 11)) !default;
-$nav-color: darken($nav-bg, 38) !default;
-$nav-color-hover: darken($nav-color, 25) !default;
-$nav-placeholder: desaturate(darken($nav-bg, 10), 15) !default;
-$nav-border: darken($nav-bg, 10) !default;
-$nav-border-top: lighten($nav-bg, 15) !default;
-$nav-border-bottom: darken($nav-bg, 25) !default;
-$nav-border-left: darken($nav-bg, 11) !default;
-$nav-border-right: lighten($nav-bg, 7) !default;
-
-/* Sidebar colors */
-$sidebar-bg: #f2f2f2 !default;
-$sidebar-link-color: $text-color !default;
-$sidebar-link-color-hover: $link-color-hover !default;
-$sidebar-link-color-active: $link-color-active !default;
-$sidebar-color: change-color(mix($text-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2) !default;
-$sidebar-border: desaturate(darken($sidebar-bg, 7), 10) !default;
-$sidebar-border-hover: darken($sidebar-bg, 7) !default;
-$sidebar-link-color-subdued: lighten($sidebar-color, 20) !default;
-$sidebar-link-color-subdued-hover: $sidebar-link-color-hover !default;
-
-$footer-color: #888 !default;
-$footer-bg: #ccc !default;
-$footer-bg-front: image-url('noise.png') !default;
-$footer-bg-back: linear-gradient(lighten($footer-bg, 8), $footer-bg, darken($footer-bg, 11)) !default;
-$footer-color: darken($footer-bg, 38) !default;
-$footer-color-hover: darken($footer-color, 10) !default;
-$footer-border-top: lighten($footer-bg, 15) !default;
-$footer-border-bottom: darken($footer-bg, 15) !default;
-$footer-link-color: darken($footer-bg, 38) !default;
-$footer-link-color-hover: darken($footer-color, 25) !default;
-$page-border-bottom: darken($footer-bg, 5) !default;
-
-
-/* Core theme application */
-
-a {
-  @include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
-}
-aside.sidebar a {
-  @include link-colors($sidebar-link-color, $hover: $sidebar-link-color-hover, $focus: $sidebar-link-color-hover, $active: $sidebar-link-color-active);
-}
-a {
-  @include transition(color .3s);
-}
-
-html {
-  background: $page-bg image-url('line-tile.png') top left;
-}
-body {
-  > div {
-    background: $sidebar-bg $noise-bg;
-    border-bottom: 1px solid $page-border-bottom;
-    > div {
-      background: $main-bg $noise-bg;
-      border-right: 1px solid $sidebar-border;
-    }
-  }
-}

sass/base/_typography.scss

@@ -1,276 +0,0 @@
-$blockquote: $type-border !default;
-$sans: "PT Sans", "Helvetica Neue", Arial, sans-serif !default;
-$serif: "PT Serif", Georgia, Times, "Times New Roman", serif !default;
-$mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !default;
-$heading-font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif !default;
-$header-title-font-family: $heading-font-family !default;
-$header-subtitle-font-family: $heading-font-family !default;
-
-// Fonts
-.heading {
-  font-family: $heading-font-family;
-}
-.sans {
-  font-family: $sans;
-}
-.serif {
-  font-family: $serif;
-}
-.mono {
-  font-family: $mono;
-}
-
-body > header h1 {
-  font-size: 2.2em;
-  @extend .heading;
-  font-family: $header-title-font-family;
-  font-weight: normal;
-  line-height: 1.2em;
-  margin-bottom: 0.6667em;
-}
-body > header h2 {
-  font-family: $header-subtitle-font-family;
-}
-
-body {
-  line-height: 1.5em;
-  color: $text-color;
-  @extend .serif;
-}
-h1 {
-  font-size: 2.2em;
-  line-height: 1.2em;
-}
-
-@media only screen and (min-width: 992px) {
-  body {
-    font-size: 1.15em;
-  }
-  h1 {
-    font-size: 2.6em;
-    line-height: 1.2em;
-  }
-}
-
-#{headings()} {
-  @extend .heading;
-  text-rendering: optimizelegibility;
-  margin-bottom: 1em;
-  font-weight: bold;
-}
-h2,
-section h1 {
-  font-size: 1.5em;
-}
-h3,
-section h2,
-section section h1 {
-  font-size: 1.3em;
-}
-h4,
-section h3,
-section section h2,
-section section section h1 {
-  font-size: 1em;
-}
-h5,
-section h4,
-section section h3 {
-  font-size: 0.9em;
-}
-h6,
-section h5,
-section section h4,
-section section section h3 {
-  font-size: 0.8em;
-}
-
-p,
-article blockquote,
-ul,
-ol {
-  margin-bottom: 1.5em;
-}
-
-ul {
-  list-style-type: disc;
-  ul {
-    list-style-type: circle;
-    margin-bottom: 0px;
-    ul {
-      list-style-type: square;
-      margin-bottom: 0px;
-    }
-  }
-}
-
-ol {
-  list-style-type: decimal;
-  ol {
-    list-style-type: lower-alpha;
-    margin-bottom: 0px;
-    ol {
-      list-style-type: lower-roman;
-      margin-bottom: 0px;
-    }
-  }
-}
-
-ul,
-ol {
-  &,
-  ul,
-  ol {
-    margin-left: 1.3em;
-  }
-}
-ul,
-ol {
-  ul,
-  ol {
-    margin-bottom: 0em;
-  }
-}
-
-strong {
-  font-weight: bold;
-}
-
-em {
-  font-style: italic;
-}
-
-sup,
-sub {
-  font-size: 0.75em;
-  position: relative;
-  display: inline-block;
-  padding: 0 0.2em;
-  line-height: 0.8em;
-}
-sup {
-  top: -0.5em;
-}
-sub {
-  bottom: -0.5em;
-}
-
-a[rev="footnote"] {
-  font-size: 0.75em;
-  padding: 0 0.3em;
-  line-height: 1;
-}
-
-q {
-  font-style: italic;
-  &:before {
-    content: '"';
-  }
-  &:after {
-    content: '"';
-  }
-}
-
-em,
-dfn {
-  font-style: italic;
-}
-
-strong,
-dfn {
-  font-weight: bold;
-}
-
-del,
-s {
-  text-decoration: line-through;
-}
-
-abbr,
-acronym {
-  border-bottom: 1px dotted;
-  cursor: help;
-}
-
-pre,
-code,
-tt {
-  @extend .mono;
-}
-
-hr {
-  margin-bottom: 0.2em;
-}
-
-small {
-  font-size: 0.8em;
-}
-
-big {
-  font-size: 1.2em;
-}
-
-article blockquote {
-  $bq-margin: 1.2em;
-  font-style: italic;
-  position: relative;
-  font-size: 1.2em;
-  line-height: 1.5em;
-  padding-left: 1em;
-  border-left: 4px solid rgba($text-color-light, 0.5);
-  cite {
-    font-style: italic;
-    a {
-      color: $text-color-light !important;
-      word-wrap: break-word;
-    }
-    &:before {
-      content: "\2014";
-      padding: {
-        right: 0.3em;
-        left: 0.3em;
-      }
-      color: $text-color-light;
-    }
-  }
-  @media only screen and (min-width: 992px) {
-    padding-left: 1.5em;
-    border-left-width: 4px;
-  }
-}
-
-.pullquote-right:before,
-.pullquote-left:before {
-  /* Reset metrics. */
-  padding: 0;
-  border: none;
-
-  /* Content */
-  content: attr(data-pullquote);
-
-  /* Pull out to the right, modular scale based margins. */
-  float: right;
-  width: 45%;
-  margin: 0.5em 0 1em 1.5em;
-
-  /* Baseline correction */
-  position: relative;
-  top: 7px;
-  font-size: 1.4em;
-  line-height: 1.45em;
-}
-
-.pullquote-left:before {
-  /* Make left pullquotes align properly. */
-  float: left;
-  margin: 0.5em 1.5em 1em 0;
-}
-
-/* @extend this to force long lines of continuous text to wrap */
-.force-wrap {
-  white-space: -moz-pre-wrap;
-  white-space: -pre-wrap;
-  white-space: -o-pre-wrap;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-}

sass/base/_utilities.scss

@@ -1,28 +0,0 @@
-@mixin mask-image($img, $repeat: no-repeat){
-  @include experimental(mask-image, image-url($img), -webkit, -moz, -o, -ms);
-  @include experimental(mask-repeat, $repeat, -webkit, -moz, -o, -ms);
-  width: image-width($img);
-  height: image-height($img);
-}
-
-@mixin shadow-box($border: #fff .5em solid, $shadow: rgba(#000, .15) 0 1px 4px, $border-radius: .3em) {
-  @include border-radius($border-radius);
-  @include box-shadow($shadow);
-  @include box-sizing(border-box);
-  border: $border;
-}
-
-@mixin selection($bg, $color: inherit, $text-shadow: none){
-  * {
-    &::-moz-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
-    &::-webkit-selection { background: $bg; color: $color; text-shadow: $text-shadow; }
-    &::selection { background: $bg; color: $color; text-shadow: $text-shadow; }
-  }
-}
-
-@function text-color($color, $dark: dark, $light: light){
-  $text-color: ( (red($color)*299) + (green($color)*587) + (blue($color)*114) ) / 1000;
-  $text-color: if($text-color >= 150, $dark, $light);
-  @return $text-color;
-}
-

sass/custom/_colors.scss

@@ -1,49 +0,0 @@
-// Here you can easily change your sites's color scheme.
-// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works.
-// If you need a handy color picker try http://hslpicker.com
-
-$header-bg: #fff;
-//$subtitle-color: lighten($header-bg, 58);
-$nav-bg: #fff;
-$nav-bg-front: none;
-$nav-bg-back: #fff;
-//$sidebar-bg: desaturate(#eceff5, 8);
-//$sidebar-link-color: saturate(#526f9a, 10);
-//$sidebar-link-color-hover: darken(#7ab662, 9);
-$footer-bg: #fff;
-$footer-bg-front: #fff;
-$footer-bg-back: #fff;
-
-/* To use the light Solarized highlighting theme uncomment the following line */
-//$solarized: light;
-
-/* If you want to tweak the Solarized colors you can do that here */
-//$base03:          #002b36; //darkest blue
-//$base02:          #073642; //dark blue
-//$base01:          #586e75; //darkest gray
-//$base00:          #657b83; //dark gray
-//$base0:           #839496; //medium gray
-//$base1:           #93a1a1; //medium light gray
-//$base2:           #eee8d5; //cream
-//$base3:           #fdf6e3; //white
-//$solar-yellow:    #b58900;
-//$solar-orange:    #cb4b16;
-//$solar-red:       #dc322f;
-//$solar-magenta:   #d33682;
-//$solar-violet:    #6c71c4;
-//$solar-blue:      #268bd2;
-//$solar-cyan:      #2aa198;
-//$solar-green:     #859900;
-
-
-/* Non highlighted code colors */
-//$pre-bg: $base03;
-//$pre-border: darken($base02, 5);
-//$pre-color: $base1;
-
-$main-bg: #fff;
-$page-bg: #fff;
-$link-color: #268bd2;
-$nav-color: $link-color;
-$link-color-visited:darken($nav-color, 25);
-$title-color: $link-color;

sass/custom/_component_page.scss

@@ -1,269 +0,0 @@
-#components-page {
-  .component-search {
-    margin-bottom: 24px;
-
-    input {
-      width: 100%;
-      padding: 10px;
-
-      background-color: #fefefe;
-      border-radius: 2px;
-      border: 1px solid;
-      border-color: #7c7c7c #c3c3c3 #ddd;
-    }
-  }
-}
-
-@media only screen and (max-width: $palm-end) {
-  #components-page {
-    .hass-option-cards {
-      .option-card {
-        width: 100%;
-      }
-    }
-  }
-}
-
-@media only screen and (max-width: $lap-end) {
-  #components-page {
-    .filter-button-group {
-      margin-bottom: 16px;
-
-      .btn {
-        display: inline-block;
-        margin-right: 8px;
-        margin-bottom: 8px;
-
-        &.current {
-          background-color: #3a5561;
-          background-image: linear-gradient(to bottom, #3a5561, #3f6b7d);
-        }
-      }
-    }
-  }
-}
-
-@media only screen and (min-width: $desk-start) {
-  #components-page {
-    .filter-button-group {
-      .active {
-        font-weight: bold;
-      }
-
-      .featured {
-        margin: 12px 0;
-      }
-
-      .version_select {
-        margin: 12px 0 12px 0;
-      }
-
-      .version_select > select {
-        width: 100%;
-      }
-
-      .btn {
-        display: block;
-        background: 0;
-        color: black;
-        box-shadow: none;
-        text-shadow: none;
-        padding: 2px;
-
-        &.current {
-          font-weight: bold;
-        }
-      }
-    }
-  }
-}
-
-// styles for the cards
-.hass-option-cards {
-  display: -ms-flexbox;
-  display: -webkit-box;
-  display: -webkit-flexbox;
-  display: -webkit-flex;
-  display: flex;
-
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: flex-start;
-  align-items: flex-start;
-  margin: -4px; // grid trick, has to match option-card's margin
-
-  p.note {
-    width: 100%;
-  }
-
-  .option-card {
-    flex: 0 0 auto;
-    width: 210px;
-    height: 142px;
-    display: inline-block;
-    background-color: #fefefe;
-    margin: 4px;
-    border-radius: 2px;
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
-      0 3px 1px -2px rgba(0, 0, 0, 0.2);
-    padding: 8px;
-    text-align: center;
-    text-decoration: none;
-
-    .img-container {
-      height: 50px;
-      margin: 12px 0;
-      font: 0/0 a;
-
-      &:before {
-        /* create a full-height inline block pseudo=element */
-        content: " ";
-        display: inline-block;
-        vertical-align: middle; /* vertical alignment of the inline element */
-        height: 100%;
-      }
-
-      img {
-        max-width: 100%;
-        max-height: 50px;
-        box-shadow: none;
-        border: none;
-        vertical-align: middle;
-      }
-    }
-
-    .title {
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-
-      text-decoration: none;
-      font-size: 18px;
-      color: #000;
-      line-height: 1.3em;
-      height: 2.6em;
-      margin-top: 20px;
-    }
-  }
-
-  // fade-in animation
-  &.show-items .option-card {
-    opacity: 0;
-    -webkit-animation: new-item-animation 0.2s linear forwards;
-    -o-animation: new-item-animation 0.2s linear forwards;
-    animation: new-item-animation 0.2s linear forwards;
-  }
-
-  // fade-out animation
-  &.remove-items .option-card {
-    -webkit-animation: removed-item-animation 0.2s
-      cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
-    -o-animation: removed-item-animation 0.2s
-      cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
-    animation: removed-item-animation 0.2s cubic-bezier(0.55, -0.04, 0.91, 0.94)
-      forwards;
-  }
-}
-
-// animations for fade-in and fade-out effects of option-cards
-@keyframes new-item-animation {
-  from {
-    opacity: 0;
-    -webkit-transform: scale(0);
-    -ms-transform: scale(0);
-    -o-transform: scale(0);
-    transform: scale(0);
-  }
-  to {
-    opacity: 1;
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
-    -o-transform: scale(1);
-    transform: scale(1);
-  }
-}
-@-webkit-keyframes new-item-animation {
-  from {
-    opacity: 0;
-    -webkit-transform: scale(0);
-    transform: scale(0);
-  }
-  to {
-    opacity: 1;
-    -webkit-transform: scale(1);
-    transform: scale(1);
-  }
-}
-@-o-keyframes new-item-animation {
-  from {
-    opacity: 0;
-    -o-transform: scale(0);
-    transform: scale(0);
-  }
-  to {
-    opacity: 1;
-    -o-transform: scale(1);
-    transform: scale(1);
-  }
-}
-
-// space blocker animation
-@keyframes openspace {
-  to {
-    height: auto;
-  }
-}
-
-@-webkit-keyframes openspace {
-  to {
-    height: auto;
-  }
-}
-@-o-keyframes openspace {
-  to {
-    height: auto;
-  }
-}
-
-// removal animation
-@keyframes removed-item-animation {
-  from {
-    opacity: 1;
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
-    -o-transform: scale(1);
-    transform: scale(1);
-  }
-  to {
-    -webkit-transform: scale(0);
-    -ms-transform: scale(0);
-    -o-transform: scale(0);
-    transform: scale(0);
-    opacity: 0;
-  }
-}
-@-webkit-keyframes removed-item-animation {
-  from {
-    opacity: 1;
-    -webkit-transform: scale(1);
-    transform: scale(1);
-  }
-  to {
-    -webkit-transform: scale(0);
-    transform: scale(0);
-    opacity: 0;
-  }
-}
-@-o-keyframes removed-item-animation {
-  from {
-    opacity: 1;
-    -o-transform: scale(1);
-    transform: scale(1);
-  }
-  to {
-    -o-transform: scale(0);
-    transform: scale(0);
-    opacity: 0;
-  }
-}

sass/custom/_details.scss

@@ -1,29 +0,0 @@
-div.details-block {
-  width: 100%;
-  display: block;
-
-  .details-block-item {
-    background-color: white;
-    padding: 4px 16px;
-    margin: 8px;
-    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
-    border-radius: 16px;
-
-    .details-block-title {
-      font-weight: bold;
-      font-size: 18px;
-      line-height: 21px;
-      cursor: pointer;
-      height: 54px;
-      justify-content: space-between;
-      display: flex;
-      align-items: center;
-      background-color: white;
-      border: 0px;
-      width: 100%;
-    }
-    .details-block-content {
-      margin: 4px 32px 12px 0;
-    }
-  }
-}

sass/custom/_features.scss

@@ -1,69 +0,0 @@
-.feature-cards {
-  display: grid;
-  letter-spacing: normal;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 32px;
-  margin: auto;
-
-  .card {
-    border-radius: 8px;
-    display: inline-block;
-    width: calc(100% - 16px);
-    vertical-align: top;
-
-    .card-header {
-      font-size: 1.4rem;
-      line-height: 1.6;
-      display: flex;
-      align-items: center;
-      padding-bottom: 8px;
-      height: 62px;
-
-      i {
-        height: 62px;
-        min-width: 62px;
-        text-align: center;
-        font-size: 39px;
-      }
-    }
-
-    .card-content {
-      padding-left: 24px;
-
-      .button {
-        font-size: small;
-        font-weight: 600;
-        text-decoration: none;
-      }
-
-      p:last-of-type,
-      ul {
-        margin-bottom: 12px;
-      }
-    }
-  }
-}
-
-.sub-title {
-  letter-spacing: normal;
-  font-weight: bold;
-  font-size: 42px;
-  line-height: 49px;
-  margin: 32px;
-  text-align: center;
-}
-
-@media only screen and (max-width: $palm-end) {
-  .feature-cards {
-    width: 95%;
-    grid-template-columns: repeat(1, 1fr);
-
-    .card {
-      width: 100%;
-
-      .card-content {
-        padding-left: 0;
-      }
-    }
-  }
-}

sass/custom/_fonts.scss

@@ -1,10 +0,0 @@
-// Here you can easily change font faces which are used in your site.
-// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works. your sites's.
-// If you love to use Web Fonts, you also need to add some lines to source/_includes/custom/head.html
-
-$sans: "Open Sans", sans-serif;
-$serif: "Noto Serif", serif;
-//$mono: "Courier", monospace;
-$heading-font-family: $sans;
-//$header-title-font-family: "Futura", sans-serif;
-//$header-subtitle-font-family: "Futura", sans-serif;

sass/custom/_getting_started.scss

@@ -1,150 +0,0 @@
-#getting_started {
-    .intro {
-        padding-bottom: 16px;
-    }
-
-    .installations {
-
-        h2 {
-            font-size: 0;
-            margin: 0;
-        }
-
-        .installations-card {
-            text-decoration: none !important;
-            color: black !important;
-
-            .material-card {
-                display: flex;
-                flex-direction: row;
-                justify-content: space-between;
-                margin: 8px 0;
-
-                .content-container {
-                    display: flex;
-
-                    div:first-of-type {
-                        margin-right: 24px;
-
-                        img, svg {
-                            max-width: 170px;
-                            max-height: 170px;
-                            min-width: 170px;
-                            min-height: 170px;
-                            padding: 32px;
-                            border-radius: 3px;
-                            box-shadow: rgba(0,0,0,0.06) 0 0 10px;
-                            vertical-align: middle;
-                            border: 5px solid #fff;
-                        }
-                    }
-
-                    div:last-of-type {
-
-                        b {
-                            font-size: 28px;
-                        }
-
-                        p {
-                            font-size: 0.8em;
-                            margin: 0;
-                        }
-
-                        ul {
-                            font-size: 0.8em;
-                            margin-left: 24px;
-                            margin-top: 1rem;
-
-                            li {
-                                margin: 0;
-                            }
-                        }
-                    }
-                }
-                svg {
-                    height: 42px;
-                    max-width: 42px;
-                    min-width: 42px;
-                    align-self: center;
-                }
-            }
-        }
-    }
-
-    .compare-installations td,.compare-installations th {
-        text-align: center;
-    }
-    
-    table.compare-installations {
-        background-color: #ffffff !important;
-        border-radius: 2px !important;
-        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
-            0 1px 5px 0 rgba(0,0,0,0.12), 
-            0 3px 1px -2px rgba(0,0,0,0.2) !important;
-
-        td, th {
-            text-align: center;
-        }
-    
-        tr {
-            td:first-of-type {
-                text-align: left;
-            }
-        }
-    
-        tr:nth-child(even) {
-            background-color: #fafafa;
-        }
-    }
-}
-
-.link-card {
-    text-decoration: none !important;
-    color: black !important;
-    div {
-        margin: 32px 0;
-        height: 64px;
-        display: flex;
-        justify-content: space-between;
-        svg {
-            height: 32px;
-            width: 32px;
-            max-width: 32px;
-        }
-        p {
-            margin: 0;
-            align-self: center;
-        }
-    }
-}
-.next-step {
-    p {
-        text-transform: uppercase;
-    }
-}
-
-@media only screen and (max-width: $palm-end) {
-    #getting_started {
-        .installations {
-            .installations-card {
-                .material-card {
-                    .content-container {
-                        flex-flow: wrap;
-                        svg {
-                            display: block;
-                        }
-                        div:first-of-type {
-                            width: 100%;
-                            display: flex;
-                            justify-content: center;
-                            margin-bottom: 16px;
-                        }
-                    }
-                    svg {
-                        display: none;
-                    }
-                }
-            }
-        }
-    }
-}

sass/custom/_layout.scss

@@ -1,83 +0,0 @@
-// Here you can easily change your sites's layout.
-// To give it a try, uncomment some of the lines below, make changes, rebuild your blog, and see how it works.
-
-//$header-font-size: 1em;
-//$header-padding-top: 1.5em;
-//$header-padding-bottom: 1.5em;
-
-//$max-width: 1350px;
-//$indented-lists: true;
-
-// Padding used for layout margins
-//$pad-min: 18px;
-//$pad-narrow: 25px;
-//$pad-medium: 35px;
-//$pad-wide: 55px;
-
-// Sidebar widths used in media queries
-//$sidebar-width-medium: 240px;
-//$sidebar-pad-medium: 15px;
-//$sidebar-pad-wide: 20px;
-//$sidebar-width-wide: 300px;
-
-html {
-    overflow-y: hidden;
-}
-
-.page-content {
-    display: inline-block;
-    height: calc(100% - 68px);;
-    margin-top: 68px;
-    overflow-y: scroll;
-    padding-top: 32px;
-    width: 100%;
-}
-
-#sidebar {
-    .grid {
-        position: fixed;
-        width: 350px;
-        .brand-logo-container {
-            margin-top: 0;
-        }
-    }
-}
-
-.site-header {
-    position: fixed;
-    width: 100%;
-    z-index: 999;
-}
-
-table {
-    table-layout: fixed;
-    width: 100%;
-
-    th,td {
-        word-wrap: break-word;
-    }
-}
-
-
-@media only screen and (max-width: $lap-end) {
-    #sidebar {
-      .grid {
-          position: initial;
-          width: 100%;
-        }
-    }
-    .site-header {
-        .pull-right {
-            position: fixed;
-        }
-    }
-    .hero {
-        > .grid-wrapper {
-            z-index: 0;
-        }
-
-        img {
-            margin-bottom: 8px;
-        }
-    }
-  }

sass/custom/_paulus.scss

@@ -1,860 +0,0 @@
-@charset "UTF-8";
-
-$primary-color: #049cdb;
-
-.site-header {
-  position: relative;
-
-  .site-title {
-    display: flex;
-    align-items: center;
-    font-weight: normal;
-  }
-}
-
-.search-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: white;
-  padding-top: 19px;
-  padding-right: 15%;
-
-  .search {
-    max-width: 500px;
-    width: 100%;
-    border-bottom: 2px solid $primary-color;
-    float: right;
-
-    .algolia-autocomplete {
-      width: calc(100% - 64px);
-      margin: 0 10px;
-    }
-
-    input {
-      border: 0;
-      width: 100%;
-      outline: none;
-    }
-  }
-}
-
-.integration-alert-container {
-  margin: -1em 0;
-}
-
-a.integration-alert {
-  margin: 1em 0;
-  background-color: wheat;
-  padding: 8px;
-  text-decoration: none !important;
-  display: flex;
-  align-items: center;
-  color: black;
-
-  svg {
-    width: 24px;
-    margin-right: 8px;
-  }
-
-  .content {
-    flex: 1;
-  }
-
-  .learn-more {
-    padding: 4px 6px;
-    border-radius: 2px;
-    font-size: .8em;
-
-    &:hover {
-      background-color: rgba(0, 0, 0, .12);
-    }
-  }
-}
-
-@media only screen and (max-width: $menu-collapse) {
-  .search-container {
-    z-index: 20;
-    padding-right: 5px;
-    padding-left: 5px;
-  }
-
-  .feedback {
-    margin-bottom: 32px;
-  }
-}
-
-.hero {
-  background-color: #038fc7;
-  padding-bottom: 0;
-
-  .lead {
-    margin-bottom: 16px;
-  }
-
-  .hero-buttons a {
-    color: white;
-    text-transform: uppercase;
-    white-space: nowrap;
-    display: inline-block;
-    font-weight: 500;
-  }
-
-  img {
-    display: block;
-  }
-}
-
-.material-card {
-  background-color: #fefefe;
-  border-radius: 2px;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
-    0 3px 1px -2px rgba(0, 0, 0, 0.2);
-
-  h1 {
-    font-family: Roboto, Noto, sans-serif;
-    -webkit-font-smoothing: antialiased;
-    font-size: 24px;
-    font-weight: 400;
-    letter-spacing: -0.012em;
-    line-height: 40px;
-    color: #212121;
-    padding: 20px 16px 12px;
-    text-transform: capitalize;
-    margin: 0;
-  }
-
-  &.text {
-    padding: 16px;
-
-    h1 {
-      padding: 4px 0px 12px;
-    }
-  }
-
-  .links {
-    margin-top: 8px;
-    margin-left: -8px;
-
-    a {
-      text-decoration: none;
-      font-weight: 500;
-      text-transform: uppercase;
-      display: inline-block;
-      margin: 0 8px;
-    }
-  }
-
-  @media screen and (max-width: 480px) {
-    .links {
-      margin-left: 0;
-    }
-  }
-}
-
-.feedback {
-  box-shadow: none;
-  border: 1px solid rgba(0, 0, 0, .12);
-  border-radius: 4px;
-
-  h4 {
-    margin: 0 0 8px !important;
-
-    a {
-      text-decoration: none !important;
-      color: #000;
-    }
-  }
-
-  .links a {
-    font-weight: 400;
-    text-transform: none;
-  }
-}
-
-.frontpage {
-  .material-card {
-    margin-bottom: 24px;
-  }
-
-  .current-version {
-    .release-date {
-      white-space: nowrap;
-    }
-  }
-
-  .recent-posts {
-    .blog-date {
-      white-space: nowrap;
-    }
-  }
-
-  .highlight-blog-post {
-    font-size: 2rem;
-    line-height: 1.15;
-    padding: 15px;
-    display: block;
-    text-decoration: none;
-    color: white;
-    transition: background-color 0.5s;
-    background-color: #038fc7;
-
-    &.large {
-      font-size: 2.25rem;
-      line-height: 1.33333;
-    }
-
-    &:hover {
-      background-color: lighten(#038fc7, 10%);
-    }
-  }
-
-  .events {
-    padding: 16px;
-
-    h3 {
-      margin-top: 8px;
-    }
-
-    .event {
-      display: flex;
-      flex-wrap: wrap-reverse;
-      align-items: center;
-      text-decoration: none;
-      color: inherit;
-
-      .caption {
-        padding: 0 12px;
-        max-width: 450px;
-      }
-
-      .title {
-        font-size: 20px;
-        font-weight: 400;
-      }
-
-      .secondary {
-        color: rgba(0, 0, 0, 0.54);
-        font-size: 14px;
-        font-weight: 500;
-      }
-
-      .subtitle {
-        font-size: 12px;
-        font-weight: initial;
-      }
-
-      img {
-        width: 200px;
-        height: 100%;
-      }
-    }
-  }
-
-  .picture-promo {
-    display: block;
-    padding-top: 30%;
-    background-size: cover;
-    background-position: center;
-    text-decoration: none;
-
-    .caption {
-      padding: 16px 12px 12px;
-      background-color: rgba(0, 0, 0, 0.54);
-      color: white;
-      border-bottom-left-radius: 2px;
-      border-bottom-right-radius: 2px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      .title {
-        font-size: 20px;
-        font-weight: 400;
-      }
-
-      .subtitle {
-        font-size: 12px;
-        font-weight: initial;
-      }
-
-      svg {
-        fill: white;
-        width: 32px;
-        height: 32px;
-        min-width: 32px;
-      }
-    }
-  }
-
-  .supported-brands {
-    text-align: center;
-
-    a {
-      text-decoration: none;
-    }
-
-    img {
-      border: none !important;
-      box-shadow: none !important;
-      max-height: 50px;
-      max-width: 140px;
-      margin: 10px;
-      vertical-align: middle;
-    }
-  }
-
-  .sponsors-and-press {
-    margin-top: 24px;
-  }
-
-  .sponsored-by {
-    img {
-      border: 0;
-      border-radius: 0;
-      box-shadow: none;
-      margin: 15px;
-      max-width: 40%;
-      max-height: 80px;
-    }
-
-  }
-
-  .seen-press {
-
-    img {
-      border: 0;
-      box-shadow: none;
-      margin: 15px;
-      max-width: 40%;
-      max-height: 70px;
-    }
-
-    .square {
-      width: initial;
-    }
-
-    .round {
-      border-radius: 50%;
-    }
-  }
-}
-
-@media screen and (max-width: 700px) {
-  .frontpage .events .event {
-    .caption {
-      padding-top: 4px;
-    }
-
-    img {
-      width: 100%;
-    }
-  }
-}
-
-
-// https://fortawesome.github.io/Font-Awesome/3.2.1/icons/
-
-h1:hover a.title-link,
-h2:hover a.title-link,
-h3:hover a.title-link,
-h4:hover a.title-link,
-h5:hover a.title-link,
-h6:hover a.title-link,
-dt:hover a.title-link {
-  position: relative;
-
-  &::before {
-    position: absolute;
-    top: 5px;
-    left: -25px;
-    padding-right: 10px;
-    padding-left: 5px;
-    font-family: "FontAwesome";
-    font-size: 15px;
-    color: #999;
-    content: "\f0c1";
-  }
-}
-
-.ha-title {
-  display: inline-flex;
-  height: 100%;
-  white-space: nowrap;
-
-  img {
-    border-radius: 3px;
-    width: 36px;
-    margin-right: 10px;
-  }
-
-  a>* {
-    vertical-align: middle;
-  }
-}
-
-.usp {
-  ul {
-    text-align: left;
-    margin-left: 27px;
-    margin-top: -18px;
-  }
-
-  .icon i {
-    border: none !important;
-  }
-}
-
-.hero-buttons a {
-  margin: 0 30px 10px 0;
-
-  &:last-child {
-    margin: 0;
-  }
-}
-
-article.post,
-article.page,
-article.listing {
-  font-size: 1.125em;
-  line-height: 1.6;
-
-  img,
-  table {
-    border-radius: 3px;
-    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
-    vertical-align: middle;
-  }
-
-  img.no-shadow {
-    border: 0;
-    box-shadow: none;
-  }
-
-  &>table,
-  &>.entry-content>table {
-    background-color: #f3fcf5;
-  }
-
-  p.img {
-    background-color: #fff;
-    border-radius: 5px;
-    text-align: center;
-    padding-bottom: 3px;
-    font-size: 0.9rem;
-    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
-
-    img {
-      display: block;
-      box-shadow: none;
-      margin: 0 auto;
-    }
-  }
-
-  li {
-    margin-bottom: 10px;
-
-    &>p:last-child {
-      margin-bottom: 0;
-    }
-
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-
-  a {
-    text-decoration: underline;
-
-    &.btn {
-      text-decoration: none;
-    }
-  }
-
-  h1 {}
-
-  h2 {
-    font-size: 1.5em;
-    margin-top: 2em;
-
-    // Future re-design
-    // margin: 1.5em 0 1rem;
-    //
-    // border: 0;
-    // border-top: 1px solid $primary-color;
-    // padding-top: 1.4rem;
-  }
-
-  h3 {
-    text-transform: uppercase;
-    letter-spacing: 0.125rem;
-    font-size: 1.2rem;
-    margin-top: 2em;
-
-    // Future re-design
-    // margin: 2em 0 1rem;
-  }
-
-  h4 {
-    font-size: 1.1rem;
-    margin-top: 2em;
-
-    // Future re-design
-    // margin: 1.5em 0 1rem;
-  }
-
-  details {
-    padding-bottom: 1em;
-  }
-}
-
-p.note,
-div.note {
-  position: relative;
-
-  background: #e7f2fa;
-
-  padding: 40px 12px 6px 12px;
-  margin-bottom: 24px;
-  box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
-
-  p {
-    margin-bottom: 0px;
-  }
-
-  &::before {
-    font-family: "FontAwesome", sans-serif;
-    content: "\f05a"" Note " attr(data-title);
-    background-color: #6ab0de;
-    color: white;
-    font-weight: bold;
-
-    border-top-left-radius: 3px;
-    border-top-right-radius: 3px;
-    padding: 6px 14px;
-
-    line-height: 1.5em;
-
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-  }
-
-  &.warning {
-    background-color: #f7f9e1;
-
-    &::before {
-      background-color: rgb(187, 185, 13);
-      content: "\f071"" Warning " attr(data-title);
-    }
-  }
-}
-
-.copyright {
-  text-align: left;
-
-  .company {
-    .title {
-      font-size: 1.5em;
-    }
-
-    img {
-      vertical-align: middle;
-    }
-
-    i {
-      font-size: 2em;
-      padding: 0 5px;
-    }
-  }
-
-  ul {
-    margin: 0;
-    list-style: none;
-  }
-}
-
-.aside-module {
-  .section {
-    margin-bottom: 10px;
-
-    ul.section-nav {
-      margin-left: 0px;
-
-      li.toc-entry {
-        list-style-type: none;
-
-        li {
-          list-style-type: circle;
-          margin-left: 1em;
-        }
-
-        ul {
-          margin-left: 1em;
-        }
-      }
-    }
-
-  }
-
-  .brand-logo-container {
-    text-align: center;
-    margin-top: 50px;
-    display: grid;
-    justify-items: center;
-
-    img {
-      max-height: 67px;
-    }
-
-    a.my img {
-      margin-top: 20px;
-    }
-  }
-}
-
-lite-youtube {
-  position: relative;
-  display: block;
-  padding-bottom: calc(100% / (16 / 9));
-  background-color: rgba(0, 0, 0, .1);
-}
-
-lite-youtube::before {
-  content: attr(videotitle) " video placeholder";
-  color: rgba(0, 0, 0, 0.82);
-  text-align: center;
-  width: 100%;
-  position: absolute;
-  padding-top: calc(45% / (16 / 9));
-}
-
-// Responsive YouTube embeds.
-// https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php
-.videoWrapper {
-  position: relative;
-  padding-bottom: 56.25%;
-  /* 16:9 */
-  height: 0;
-  margin-bottom: 25px;
-  background: #000;
-
-  iframe {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.edit-github {
-  float: right;
-  margin-left: 8px;
-  margin-bottom: 8px;
-  font-size: 0.8em;
-}
-
-ul.sidebar-menu {
-  a.active {
-    color: #000;
-    font-weight: bold;
-  }
-
-  ul {
-    margin-left: 30px;
-  }
-}
-
-a code {
-  color: $primary-color;
-}
-
-twitter-widget,
-.twitter-tweet-rendered {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.aside-module {
-  max-width: 100%;
-  overflow: hidden;
-}
-
-// Configuration variables
-div.config-vars {
-  padding-bottom: 16px;
-
-  h3 {
-    margin-bottom: 0;
-  }
-
-  .configuration-link {
-    font-size: 13px;
-
-    a {
-      color: #8792a2;
-      text-decoration: none;
-      border-bottom: #8792a2 dotted 0.5px;
-    }
-  }
-
-  .config-vars-item {
-    border-bottom: 1px solid #d9dbde;
-    padding-top: 16px;
-    padding-bottom: 16px;
-  }
-
-  .nested .config-vars-item:last-child {
-    border: none;
-  }
-
-  .config-vars-label {
-    padding-bottom: 4px;
-    position: relative;
-
-    &:hover a.title-link::before {
-      position: absolute;
-      top: 5px;
-      left: -25px;
-      padding-right: 40px;
-      font-family: "FontAwesome";
-      font-size: 15px;
-      color: #999;
-      content: "";
-    }
-  }
-
-  .config-vars-label-name {
-    font-weight: bold;
-    font-size: 16px;
-    color: #222222bd;
-  }
-
-  .config-vars-type {
-    color: #8792a2;
-    font-size: 13px;
-  }
-
-  .config-vars-required {
-    color: #8792a2;
-    font-size: 13px;
-    text-transform: lowercase;
-
-    .true {
-      color: #e56f4a;
-      text-transform: uppercase;
-      font-size: 11px;
-    }
-
-    .default {
-      text-transform: None;
-    }
-  }
-
-  .config-vars-description-and-children {
-    font-size: 14px;
-    color: #4f566b;
-  }
-
-  .config-vars-description p {
-    margin: 0;
-  }
-
-  .config-vars-default {
-    padding-top: 8px;
-
-    p {
-      margin: 0;
-      display: inline;
-    }
-  }
-
-  .nested {
-    margin-left: 48px;
-  }
-}
-
-code {
-  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
-  font-size: 0.8em;
-  color: #1990b8;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-
-  background-color: #fdfdfd;
-  background-image: linear-gradient(transparent 50%,
-      rgba(69, 142, 209, 0.04) 50%);
-  background-size: 3em 3em;
-  background-origin: content-box;
-  background-attachment: local;
-
-  border: 1px solid #ddd;
-  border-radius: 0.4em;
-  padding: 0.1em 0.4em;
-}
-
-@media only screen and (max-width: $menu-collapse) {
-  #not_found {
-    .page {
-      text-align: center;
-
-      .search404-container {
-        margin-bottom: 32px;
-      }
-    }
-  }
-}
-
-@media only screen and (min-width: $menu-collapse) {
-  #not_found {
-    .page {
-      text-align: center;
-      margin-bottom: 300px;
-
-      .search404-container {
-        margin-bottom: 32px;
-
-        #search404 {
-          width: 420px;
-        }
-      }
-    }
-
-    footer {
-      position: absolute;
-      bottom: 0;
-      width: 100%;
-    }
-  }
-}
-
-a.my {
-  img {
-    border: 0px;
-  }
-}
-
-:target {
-  display: block;
-  position: relative;
-  top: -100px;
-  visibility: hidden;
-}

sass/custom/_print.scss

@@ -1,39 +0,0 @@
-@media print {
-
-	/* General Overrides */
-	header div.grid__item nav {
-		display: none;
-	}
-	aside#sidebar {
-		display: none;
-	}
-	.grid__item {
-		display: block;
-		width: 100%;
-	}
-	
-	/* Components List */
-	div.filter-button-group {
-		display: none;
-	}
-	.hass-option-cards.show-items {
-		display: block;
-	}
-	.hass-option-cards.show-items a.option-card {
-		display: block;
-		opacity: 1;
-		width: 100%;
-		height: auto;
-		min-height: 80px;
-		margin-bottom: 8px;
-	}
-	.hass-option-cards.show-items a.option-card .img-container {
-		float: left;
-		width: 33%;
-		text-align: center;
-	}
-	.hass-option-cards.show-items a.option-card div.title {
-		height: 1.5em;
-		margin-top: 8px;
-	}
-}

sass/custom/_styles.scss

@@ -1,142 +0,0 @@
-// This File is imported last, and will override other styles in the cascade
-// Add styles here to make changes without digging in too much
-html {
-  background:$page-bg;
-}
-body {
-  line-height: 1.8em;
-  font-size:1.1em;
-  max-width:1320px;
-  > div {
-    background: #fff !important;
-    border-bottom:2px solid #f2f2f2;
-    > div {
-      border-right:2px solid #f2f2f2;
-      background: #fff !important;
-    }
-  }
-  > nav {
-    border-bottom:2px solid #f2f2f2;
-    li+li {
-      border-left:2px solid #f2f2f2;
-    }
-    a {
-      font-family: $serif;
-    }
-  }
-  >header {
-    h1 a {
-    font-weight: bold;
-    }
-  }
-
-  #content .blog-index article {
-  table {
-    font-size: 90%;
-    margin-bottom: 1.5em;
-    thead tr {
-      border-bottom: 1px solid $sidebar-border;
-    }
-    th {
-      font-weight: bold;
-      padding-right: 20px;
-    }
-    td {
-      padding: 0 20px 10px 0;
-      vertical-align: top;
-    }
-  }
-
-  header {
-    h1 {
-      margin: 0;
-      a { text-decoration: none;
-        &:hover { 
-          text-decoration: none;
-          color:$link-color;
-          } 
-          }
-        }
-      }
-    }
-  #blog-archives {
-    h1 {
-      a { text-decoration: none;
-        &:hover { text-decoration:none; } }
-    }
-  }
-  aside.sidebar {
-    background:#fff;
-    border-left:2px solid #f2f2f2;
-    height:100%;
-    form .search {
-      padding: .3em .5em 0;
-      font-size: .85em;
-      font-family: $serif;
-      line-height: 1.1em;
-      width: 95%;
-      background-color: #fff;
-      border: 2px solid #f2f2f2;
-      color: #000;
-      }
-    input[type=text]:focus, textarea:focus {
-      box-shadow: 0 0 0 rgba(255,255,255,1);
-    }
-  }
-
-  .toggle-sidebar {
-    display:none;
-  }
-}
-@media only screen and (max-width: 749px) {
-  aside.sidebar {
-    padding-top:15px;
-    padding-bottom:15px;
-  }
-}
-@media only screen and (min-width: 750px) {
-  aside.sidebar {
-    border-top:0px solid black;
-  }
-}
-@media only screen and (min-width:992px) {
-  body { 
-    font-size: 1.3em; 
-  }
-  .collapse-sidebar aside.sidebar {
-    background: #fff;
-  }
-}
-.meta {
-  font-family: $serif;
-}
-.sticky {  
-    position: fixed;  
-    width:100%;  
-    left: 0;  
-    top: 0;  
-    z-index: 100;  
-}
-::-webkit-input-placeholder {
-   color: $link-color;
-}
-:-moz-placeholder { /* Firefox 18- */
-   color: $link-color;  
-}
-::-moz-placeholder {  /* Firefox 19+ */
-   color: $link-color;  
-}
-:-ms-input-placeholder {  
-   color: $link-color;  
-}  
-
-.highlight, html .gist .gist-file .gist-syntax .gist-highlight {
-  table {
-    margin: 0;
-    td {
-      padding: 0;
-      &.code { width: 100%; }
-    }
-  }
-  border: 1px solid $pre-border !important;
-}

sass/custom/_syntax.scss

@@ -1,83 +0,0 @@
-/* https://github.com/richleland/pygments-css/blob/master/github.css */
-
-code.highlighter-rouge {
-    background: #fff;
-    font-size: .8em;
-    line-height: 1.5em;
-    color: #555;
-    border: 1px solid #ddd;
-    -webkit-border-radius: 0.4em;
-    -moz-border-radius: 0.4em;
-    border-radius: 0.4em;
-    padding: 0 .3em;
-}
-
-pre.highlight {
-  background-color: #FFF;
-  border: 1px solid #CCC;
-  font-family: "Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
-  color: #000;
-  padding: 1em 0px 1em 1em;
-  font-size: 15px;
-}
-.highlight .hll { background-color: #ffffcc }
-.highlight .c { color: #999988; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { color: #000000; font-weight: bold } /* Keyword */
-.highlight .o { color: #000000; font-weight: bold } /* Operator */
-.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
-.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
-.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #aa0000 } /* Generic.Error */
-.highlight .gh { color: #999999 } /* Generic.Heading */
-.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
-.highlight .go { color: #888888 } /* Generic.Output */
-.highlight .gp { color: #555555 } /* Generic.Prompt */
-.highlight .gs { font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
-.highlight .gt { color: #aa0000 } /* Generic.Traceback */
-.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
-.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
-.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
-.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #009999 } /* Literal.Number */
-.highlight .s { color: #d01040 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
-.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
-.highlight .nn { color: #555555 } /* Name.Namespace */
-.highlight .nt { color: #000080 } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbbbbb } /* Text.Whitespace */
-.highlight .mf { color: #009999 } /* Literal.Number.Float */
-.highlight .mh { color: #009999 } /* Literal.Number.Hex */
-.highlight .mi { color: #009999 } /* Literal.Number.Integer */
-.highlight .mo { color: #009999 } /* Literal.Number.Oct */
-.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
-.highlight .sc { color: #d01040 } /* Literal.String.Char */
-.highlight .sd { color: #d01040 } /* Literal.String.Doc */
-.highlight .s2 { color: #d01040 } /* Literal.String.Double */
-.highlight .se { color: #d01040 } /* Literal.String.Escape */
-.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
-.highlight .si { color: #d01040 } /* Literal.String.Interpol */
-.highlight .sx { color: #d01040 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d01040 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

sass/custom/_tabbed_block.scss

@@ -1,48 +0,0 @@
-.tabbed-content-block {
-    background-color: #FAFAFA;
-    margin: 16px 0;
-    overflow: hidden;
-    border-radius: 10px;
-    box-shadow: -1px 0px 0px 0px #dfdfdf, 0px 0px 0px 1px #dfdfdf;
-    box-sizing: border-box;
-  
-  .tabbed-content-block-tabs {
-    overflow: hidden;
-    padding: 0 8px;
-
-    label {
-        input{
-            display:none;
-          }
-        input:checked + div{
-            opacity: 1;
-            border-bottom: 2px solid $primary-color;
-          }
-
-        div{
-            float:left;
-            padding: 8px;
-            cursor: pointer;
-            opacity: 0.7;
-            transition: 0.3s;
-            border-bottom: 2px solid transparent;
-            font-size: 0.8em;
-        }
-
-        div:hover {
-            opacity: 1;
-        }
-    }
-  }
-
-  .tabbed-content-block-content {
-    padding: 8px 16px 0;
-    display: none;
-    animation: fadeEffect .5s;
-  }
-
-  @keyframes fadeEffect{
-    0%{opacity:0}
-    100%{opacity:1}
-  }
-}

sass/custom/_terminology_tooltip.scss

@@ -1,46 +0,0 @@
-.terminology {
-  position: relative;
-  border-bottom: 2px dotted $primary-color;
-  cursor: help;
-
-  &:hover .terminology-tooltip {
-    visibility: visible;
-    opacity: 1;
-  }
-
-  .terminology-tooltip {
-    visibility: hidden;
-    width: 250px;
-    background-color: $primary-color;
-    color: #fff;
-    font-size: 0.8em;
-    padding: 8px;
-    border-radius: 8px;
-
-    opacity: 0;
-    transition: opacity 0.5s;
-
-    position: absolute;
-    z-index: 1;
-  
-    bottom: 100%;
-    left: 50%;
-    margin-left: -125px;
-
-    a {
-      color: #fff;
-      font-weight: 500;
-    }
-
-    &:after {
-      content: " ";
-      position: absolute;
-      top: 100%;
-      left: 50%;
-      margin-left: -5px;
-      border-width: 5px;
-      border-style: solid;
-      border-color: $primary-color transparent transparent transparent;
-    }
-  }
-}

sass/fontawesome/_core.scss

@@ -1,129 +0,0 @@
-/* FONT AWESOME CORE
- * -------------------------- */
-
-[class^="icon-"],
-[class*=" icon-"] {
-  @include icon-FontAwesome();
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
-  text-decoration: inherit;
-  display: inline-block;
-  speak: none;
-}
-
-/* makes the font 33% larger relative to the icon container */
-.icon-large:before {
-  vertical-align: -10%;
-  font-size: (4em/3);
-}
-
-/* makes sure icons active on rollover in links */
-a {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    display: inline;
-  }
-}
-
-/* increased font size for icon-large */
-[class^="icon-"],
-[class*=" icon-"] {
-  &.icon-fixed-width {
-    display: inline-block;
-    width: (16em/14);
-    text-align: right;
-    padding-right: (4em/14);
-    &.icon-large {
-      width: (20em/14);
-    }
-  }
-}
-
-.icons-ul {
-  margin-left: $icons-li-width;
-  list-style-type: none;
-
-  > li { position: relative; }
-
-  .icon-li {
-    position: absolute;
-    left: -$icons-li-width;
-    width: $icons-li-width;
-    text-align: center;
-    line-height: inherit;
-  }
-}
-
-// allows usage of the hide class directly on font awesome icons
-[class^="icon-"],
-[class*=" icon-"] {
-  &.hide {
-    display: none;
-  }
-}
-
-.icon-muted { color: $iconMuted; }
-.icon-light { color: $iconLight; }
-.icon-dark { color: $iconDark; }
-
-// Icon Borders
-// -------------------------
-
-.icon-border {
-  border: solid 1px $borderColor;
-  padding: .2em .25em .15em;
-  @include border-radius(3px);
-}
-
-// Icon Sizes
-// -------------------------
-
-.icon-2x {
-  font-size: 2em;
-  &.icon-border {
-    border-width: 2px;
-    @include border-radius(4px);
-  }
-}
-.icon-3x {
-  font-size: 3em;
-  &.icon-border {
-    border-width: 3px;
-    @include border-radius(5px);
-  }
-}
-.icon-4x {
-  font-size: 4em;
-  &.icon-border {
-    border-width: 4px;
-    @include border-radius(6px);
-  }
-}
-
-.icon-5x {
-  font-size: 5em;
-  &.icon-border {
-    border-width: 5px;
-    @include border-radius(7px);
-  }
-}
-
-
-// Floats & Margins
-// -------------------------
-
-// Quick floats
-.pull-right { float: right; }
-.pull-left { float: left; }
-
-[class^="icon-"],
-[class*=" icon-"] {
-  &.pull-left {
-    margin-right: .3em;
-  }
-  &.pull-right {
-    margin-left: .3em;
-  }
-}

sass/fontawesome/_extras.scss

@@ -1,93 +0,0 @@
-/* EXTRAS
- * -------------------------- */
-
-/* Stacked and layered icon */
-@include icon-stack();
-
-/* Animated rotating icon */
-.icon-spin {
-  display: inline-block;
-  -moz-animation: spin 2s infinite linear;
-  -o-animation: spin 2s infinite linear;
-  -webkit-animation: spin 2s infinite linear;
-  animation: spin 2s infinite linear;
-}
-
-/* Prevent stack and spinners from being taken inline when inside a link */
-a .icon-stack,
-a .icon-spin {
-  display: inline-block;
-  text-decoration: none;
-}
-
-@-moz-keyframes spin {
-  0% { -moz-transform: rotate(0deg); }
-  100% { -moz-transform: rotate(359deg); }
-}
-@-webkit-keyframes spin {
-  0% { -webkit-transform: rotate(0deg); }
-  100% { -webkit-transform: rotate(359deg); }
-}
-@-o-keyframes spin {
-  0% { -o-transform: rotate(0deg); }
-  100% { -o-transform: rotate(359deg); }
-}
-@-ms-keyframes spin {
-  0% { -ms-transform: rotate(0deg); }
-  100% { -ms-transform: rotate(359deg); }
-}
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(359deg); }
-}
-
-/* Icon rotations and mirroring */
-.icon-rotate-90:before {
-  -webkit-transform: rotate(90deg);
-  -moz-transform: rotate(90deg);
-  -ms-transform: rotate(90deg);
-  -o-transform: rotate(90deg);
-  transform: rotate(90deg);
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-}
-
-.icon-rotate-180:before {
-  -webkit-transform: rotate(180deg);
-  -moz-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  -o-transform: rotate(180deg);
-  transform: rotate(180deg);
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-}
-
-.icon-rotate-270:before {
-  -webkit-transform: rotate(270deg);
-  -moz-transform: rotate(270deg);
-  -ms-transform: rotate(270deg);
-  -o-transform: rotate(270deg);
-  transform: rotate(270deg);
-  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-}
-
-.icon-flip-horizontal:before {
-  -webkit-transform: scale(-1, 1);
-  -moz-transform: scale(-1, 1);
-  -ms-transform: scale(-1, 1);
-  -o-transform: scale(-1, 1);
-  transform: scale(-1, 1);
-}
-
-.icon-flip-vertical:before {
-  -webkit-transform: scale(1, -1);
-  -moz-transform: scale(1, -1);
-  -ms-transform: scale(1, -1);
-  -o-transform: scale(1, -1);
-  transform: scale(1, -1);
-}
-
-/* ensure rotation occurs inside anchor tags */
-a {
-  .icon-rotate-90, .icon-rotate-180, .icon-rotate-270, .icon-flip-horizontal, .icon-flip-vertical {
-    &:before { display: inline-block; }
-  }
-}

sass/fontawesome/_font-awesome.scss

@@ -1,32 +0,0 @@
-/*!
- *  Font Awesome 3.2.1
- *  the iconic font designed for Bootstrap
- *  ------------------------------------------------------------------------------
- *  The full suite of pictographic icons, examples, and documentation can be
- *  found at http://fontawesome.io.  Stay up to date on Twitter at
- *  http://twitter.com/fontawesome.
- *
- *  License
- *  ------------------------------------------------------------------------------
- *  - The Font Awesome font is licensed under SIL OFL 1.1 -
- *    http://scripts.sil.org/OFL
- *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
- *    http://opensource.org/licenses/mit-license.html
- *  - Font Awesome documentation licensed under CC BY 3.0 -
- *    http://creativecommons.org/licenses/by/3.0/
- *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
- *    "Font Awesome by Dave Gandy - http://fontawesome.io"
- *
- *  Author - Dave Gandy
- *  ------------------------------------------------------------------------------
- *  Email: dave@fontawesome.io
- *  Twitter: http://twitter.com/davegandy
- *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
- */
-
-@import "variables";
-@import "mixins";
-@import "path";
-@import "core";
-@import "extras";
-@import "icons";

sass/fontawesome/_icons.scss

@@ -1,381 +0,0 @@
-/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
- * readers do not read off random characters that represent icons */
-
-.icon-glass:before { content: $glass; }
-.icon-music:before { content: $music; }
-.icon-search:before { content: $search; }
-.icon-envelope-alt:before { content: $envelope-alt; }
-.icon-heart:before { content: $heart; }
-.icon-star:before { content: $star; }
-.icon-star-empty:before { content: $star-empty; }
-.icon-user:before { content: $user; }
-.icon-film:before { content: $film; }
-.icon-th-large:before { content: $th-large; }
-.icon-th:before { content: $th; }
-.icon-th-list:before { content: $th-list; }
-.icon-ok:before { content: $ok; }
-.icon-remove:before { content: $remove; }
-.icon-zoom-in:before { content: $zoom-in; }
-.icon-zoom-out:before { content: $zoom-out; }
-.icon-power-off:before,
-.icon-off:before { content: $off; }
-.icon-signal:before { content: $signal; }
-.icon-gear:before,
-.icon-cog:before { content: $cog; }
-.icon-trash:before { content: $trash; }
-.icon-home:before { content: $home; }
-.icon-file-alt:before { content: $file-alt; }
-.icon-time:before { content: $time; }
-.icon-road:before { content: $road; }
-.icon-download-alt:before { content: $download-alt; }
-.icon-download:before { content: $download; }
-.icon-upload:before { content: $upload; }
-.icon-inbox:before { content: $inbox; }
-.icon-play-circle:before { content: $play-circle; }
-.icon-rotate-right:before,
-.icon-repeat:before { content: $repeat; }
-.icon-refresh:before { content: $refresh; }
-.icon-list-alt:before { content: $list-alt; }
-.icon-lock:before { content: $lock; }
-.icon-flag:before { content: $flag; }
-.icon-headphones:before { content: $headphones; }
-.icon-volume-off:before { content: $volume-off; }
-.icon-volume-down:before { content: $volume-down; }
-.icon-volume-up:before { content: $volume-up; }
-.icon-qrcode:before { content: $qrcode; }
-.icon-barcode:before { content: $barcode; }
-.icon-tag:before { content: $tag; }
-.icon-tags:before { content: $tags; }
-.icon-book:before { content: $book; }
-.icon-bookmark:before { content: $bookmark; }
-.icon-print:before { content: $print; }
-.icon-camera:before { content: $camera; }
-.icon-font:before { content: $font; }
-.icon-bold:before { content: $bold; }
-.icon-italic:before { content: $italic; }
-.icon-text-height:before { content: $text-height; }
-.icon-text-width:before { content: $text-width; }
-.icon-align-left:before { content: $align-left; }
-.icon-align-center:before { content: $align-center; }
-.icon-align-right:before { content: $align-right; }
-.icon-align-justify:before { content: $align-justify; }
-.icon-list:before { content: $list; }
-.icon-indent-left:before { content: $indent-left; }
-.icon-indent-right:before { content: $indent-right; }
-.icon-facetime-video:before { content: $facetime-video; }
-.icon-picture:before { content: $picture; }
-.icon-pencil:before { content: $pencil; }
-.icon-map-marker:before { content: $map-marker; }
-.icon-adjust:before { content: $adjust; }
-.icon-tint:before { content: $tint; }
-.icon-edit:before { content: $edit; }
-.icon-share:before { content: $share; }
-.icon-check:before { content: $check; }
-.icon-move:before { content: $move; }
-.icon-step-backward:before { content: $step-backward; }
-.icon-fast-backward:before { content: $fast-backward; }
-.icon-backward:before { content: $backward; }
-.icon-play:before { content: $play; }
-.icon-pause:before { content: $pause; }
-.icon-stop:before { content: $stop; }
-.icon-forward:before { content: $forward; }
-.icon-fast-forward:before { content: $fast-forward; }
-.icon-step-forward:before { content: $step-forward; }
-.icon-eject:before { content: $eject; }
-.icon-chevron-left:before { content: $chevron-left; }
-.icon-chevron-right:before { content: $chevron-right; }
-.icon-plus-sign:before { content: $plus-sign; }
-.icon-minus-sign:before { content: $minus-sign; }
-.icon-remove-sign:before { content: $remove-sign; }
-.icon-ok-sign:before { content: $ok-sign; }
-.icon-question-sign:before { content: $question-sign; }
-.icon-info-sign:before { content: $info-sign; }
-.icon-screenshot:before { content: $screenshot; }
-.icon-remove-circle:before { content: $remove-circle; }
-.icon-ok-circle:before { content: $ok-circle; }
-.icon-ban-circle:before { content: $ban-circle; }
-.icon-arrow-left:before { content: $arrow-left; }
-.icon-arrow-right:before { content: $arrow-right; }
-.icon-arrow-up:before { content: $arrow-up; }
-.icon-arrow-down:before { content: $arrow-down; }
-.icon-mail-forward:before,
-.icon-share-alt:before { content: $share-alt; }
-.icon-resize-full:before { content: $resize-full; }
-.icon-resize-small:before { content: $resize-small; }
-.icon-plus:before { content: $plus; }
-.icon-minus:before { content: $minus; }
-.icon-asterisk:before { content: $asterisk; }
-.icon-exclamation-sign:before { content: $exclamation-sign; }
-.icon-gift:before { content: $gift; }
-.icon-leaf:before { content: $leaf; }
-.icon-fire:before { content: $fire; }
-.icon-eye-open:before { content: $eye-open; }
-.icon-eye-close:before { content: $eye-close; }
-.icon-warning-sign:before { content: $warning-sign; }
-.icon-plane:before { content: $plane; }
-.icon-calendar:before { content: $calendar; }
-.icon-random:before { content: $random; }
-.icon-comment:before { content: $comment; }
-.icon-magnet:before { content: $magnet; }
-.icon-chevron-up:before { content: $chevron-up; }
-.icon-chevron-down:before { content: $chevron-down; }
-.icon-retweet:before { content: $retweet; }
-.icon-shopping-cart:before { content: $shopping-cart; }
-.icon-folder-close:before { content: $folder-close; }
-.icon-folder-open:before { content: $folder-open; }
-.icon-resize-vertical:before { content: $resize-vertical; }
-.icon-resize-horizontal:before { content: $resize-horizontal; }
-.icon-bar-chart:before { content: $bar-chart; }
-.icon-twitter-sign:before { content: $twitter-sign; }
-.icon-facebook-sign:before { content: $facebook-sign; }
-.icon-camera-retro:before { content: $camera-retro; }
-.icon-key:before { content: $key; }
-.icon-gears:before,
-.icon-cogs:before { content: $cogs; }
-.icon-comments:before { content: $comments; }
-.icon-thumbs-up-alt:before { content: $thumbs-up-alt; }
-.icon-thumbs-down-alt:before { content: $thumbs-down-alt; }
-.icon-star-half:before { content: $star-half; }
-.icon-heart-empty:before { content: $heart-empty; }
-.icon-signout:before { content: $signout; }
-.icon-linkedin-sign:before { content: $linkedin-sign; }
-.icon-pushpin:before { content: $pushpin; }
-.icon-external-link:before { content: $external-link; }
-.icon-signin:before { content: $signin; }
-.icon-trophy:before { content: $trophy; }
-.icon-github-sign:before { content: $github-sign; }
-.icon-upload-alt:before { content: $upload-alt; }
-.icon-lemon:before { content: $lemon; }
-.icon-phone:before { content: $phone; }
-.icon-unchecked:before,
-.icon-check-empty:before { content: $check-empty; }
-.icon-bookmark-empty:before { content: $bookmark-empty; }
-.icon-phone-sign:before { content: $phone-sign; }
-.icon-twitter:before { content: $twitter; }
-.icon-facebook:before { content: $facebook; }
-.icon-github:before { content: $github; }
-.icon-unlock:before { content: $unlock; }
-.icon-credit-card:before { content: $credit-card; }
-.icon-rss:before { content: $rss; }
-.icon-hdd:before { content: $hdd; }
-.icon-bullhorn:before { content: $bullhorn; }
-.icon-bell:before { content: $bell; }
-.icon-certificate:before { content: $certificate; }
-.icon-hand-right:before { content: $hand-right; }
-.icon-hand-left:before { content: $hand-left; }
-.icon-hand-up:before { content: $hand-up; }
-.icon-hand-down:before { content: $hand-down; }
-.icon-circle-arrow-left:before { content: $circle-arrow-left; }
-.icon-circle-arrow-right:before { content: $circle-arrow-right; }
-.icon-circle-arrow-up:before { content: $circle-arrow-up; }
-.icon-circle-arrow-down:before { content: $circle-arrow-down; }
-.icon-globe:before { content: $globe; }
-.icon-wrench:before { content: $wrench; }
-.icon-tasks:before { content: $tasks; }
-.icon-filter:before { content: $filter; }
-.icon-briefcase:before { content: $briefcase; }
-.icon-fullscreen:before { content: $fullscreen; }
-.icon-group:before { content: $group; }
-.icon-link:before { content: $link; }
-.icon-cloud:before { content: $cloud; }
-.icon-beaker:before { content: $beaker; }
-.icon-cut:before { content: $cut; }
-.icon-copy:before { content: $copy; }
-.icon-paperclip:before,
-.icon-paper-clip:before { content: $paper-clip; }
-.icon-save:before { content: $save; }
-.icon-sign-blank:before { content: $sign-blank; }
-.icon-reorder:before { content: $reorder; }
-.icon-list-ul:before { content: $list-ul; }
-.icon-list-ol:before { content: $list-ol; }
-.icon-strikethrough:before { content: $strikethrough; }
-.icon-underline:before { content: $underline; }
-.icon-table:before { content: $table; }
-.icon-magic:before { content: $magic; }
-.icon-truck:before { content: $truck; }
-.icon-pinterest:before { content: $pinterest; }
-.icon-pinterest-sign:before { content: $pinterest-sign; }
-.icon-google-plus-sign:before { content: $google-plus-sign; }
-.icon-google-plus:before { content: $google-plus; }
-.icon-money:before { content: $money; }
-.icon-caret-down:before { content: $caret-down; }
-.icon-caret-up:before { content: $caret-up; }
-.icon-caret-left:before { content: $caret-left; }
-.icon-caret-right:before { content: $caret-right; }
-.icon-columns:before { content: $columns; }
-.icon-sort:before { content: $sort; }
-.icon-sort-down:before { content: $sort-down; }
-.icon-sort-up:before { content: $sort-up; }
-.icon-envelope:before { content: $envelope; }
-.icon-linkedin:before { content: $linkedin; }
-.icon-rotate-left:before,
-.icon-undo:before { content: $undo; }
-.icon-legal:before { content: $legal; }
-.icon-dashboard:before { content: $dashboard; }
-.icon-comment-alt:before { content: $comment-alt; }
-.icon-comments-alt:before { content: $comments-alt; }
-.icon-bolt:before { content: $bolt; }
-.icon-sitemap:before { content: $sitemap; }
-.icon-umbrella:before { content: $umbrella; }
-.icon-paste:before { content: $paste; }
-.icon-lightbulb:before { content: $lightbulb; }
-.icon-exchange:before { content: $exchange; }
-.icon-cloud-download:before { content: $cloud-download; }
-.icon-cloud-upload:before { content: $cloud-upload; }
-.icon-user-md:before { content: $user-md; }
-.icon-stethoscope:before { content: $stethoscope; }
-.icon-suitcase:before { content: $suitcase; }
-.icon-bell-alt:before { content: $bell-alt; }
-.icon-coffee:before { content: $coffee; }
-.icon-food:before { content: $food; }
-.icon-file-text-alt:before { content: $file-text-alt; }
-.icon-building:before { content: $building; }
-.icon-hospital:before { content: $hospital; }
-.icon-ambulance:before { content: $ambulance; }
-.icon-medkit:before { content: $medkit; }
-.icon-fighter-jet:before { content: $fighter-jet; }
-.icon-beer:before { content: $beer; }
-.icon-h-sign:before { content: $h-sign; }
-.icon-plus-sign-alt:before { content: $plus-sign-alt; }
-.icon-double-angle-left:before { content: $double-angle-left; }
-.icon-double-angle-right:before { content: $double-angle-right; }
-.icon-double-angle-up:before { content: $double-angle-up; }
-.icon-double-angle-down:before { content: $double-angle-down; }
-.icon-angle-left:before { content: $angle-left; }
-.icon-angle-right:before { content: $angle-right; }
-.icon-angle-up:before { content: $angle-up; }
-.icon-angle-down:before { content: $angle-down; }
-.icon-desktop:before { content: $desktop; }
-.icon-laptop:before { content: $laptop; }
-.icon-tablet:before { content: $tablet; }
-.icon-mobile-phone:before { content: $mobile-phone; }
-.icon-circle-blank:before { content: $circle-blank; }
-.icon-quote-left:before { content: $quote-left; }
-.icon-quote-right:before { content: $quote-right; }
-.icon-spinner:before { content: $spinner; }
-.icon-circle:before { content: $circle; }
-.icon-mail-reply:before,
-.icon-reply:before { content: $reply; }
-.icon-github-alt:before { content: $github-alt; }
-.icon-folder-close-alt:before { content: $folder-close-alt; }
-.icon-folder-open-alt:before { content: $folder-open-alt; }
-.icon-expand-alt:before { content: $expand-alt; }
-.icon-collapse-alt:before { content: $collapse-alt; }
-.icon-smile:before { content: $smile; }
-.icon-frown:before { content: $frown; }
-.icon-meh:before { content: $meh; }
-.icon-gamepad:before { content: $gamepad; }
-.icon-keyboard:before { content: $keyboard; }
-.icon-flag-alt:before { content: $flag-alt; }
-.icon-flag-checkered:before { content: $flag-checkered; }
-.icon-terminal:before { content: $terminal; }
-.icon-code:before { content: $code; }
-.icon-reply-all:before { content: $reply-all; }
-.icon-mail-reply-all:before { content: $mail-reply-all; }
-.icon-star-half-full:before,
-.icon-star-half-empty:before { content: $star-half-empty; }
-.icon-location-arrow:before { content: $location-arrow; }
-.icon-crop:before { content: $crop; }
-.icon-code-fork:before { content: $code-fork; }
-.icon-unlink:before { content: $unlink; }
-.icon-question:before { content: $question; }
-.icon-info:before { content: $info; }
-.icon-exclamation:before { content: $exclamation; }
-.icon-superscript:before { content: $superscript; }
-.icon-subscript:before { content: $subscript; }
-.icon-eraser:before { content: $eraser; }
-.icon-puzzle-piece:before { content: $puzzle-piece; }
-.icon-microphone:before { content: $microphone; }
-.icon-microphone-off:before { content: $microphone-off; }
-.icon-shield:before { content: $shield; }
-.icon-calendar-empty:before { content: $calendar-empty; }
-.icon-fire-extinguisher:before { content: $fire-extinguisher; }
-.icon-rocket:before { content: $rocket; }
-.icon-maxcdn:before { content: $maxcdn; }
-.icon-chevron-sign-left:before { content: $chevron-sign-left; }
-.icon-chevron-sign-right:before { content: $chevron-sign-right; }
-.icon-chevron-sign-up:before { content: $chevron-sign-up; }
-.icon-chevron-sign-down:before { content: $chevron-sign-down; }
-.icon-html5:before { content: $html5; }
-.icon-css3:before { content: $css3; }
-.icon-anchor:before { content: $anchor; }
-.icon-unlock-alt:before { content: $unlock-alt; }
-.icon-bullseye:before { content: $bullseye; }
-.icon-ellipsis-horizontal:before { content: $ellipsis-horizontal; }
-.icon-ellipsis-vertical:before { content: $ellipsis-vertical; }
-.icon-rss-sign:before { content: $rss-sign; }
-.icon-play-sign:before { content: $play-sign; }
-.icon-ticket:before { content: $ticket; }
-.icon-minus-sign-alt:before { content: $minus-sign-alt; }
-.icon-check-minus:before { content: $check-minus; }
-.icon-level-up:before { content: $level-up; }
-.icon-level-down:before { content: $level-down; }
-.icon-check-sign:before { content: $check-sign; }
-.icon-edit-sign:before { content: $edit-sign; }
-.icon-external-link-sign:before { content: $external-link-sign; }
-.icon-share-sign:before { content: $share-sign; }
-.icon-compass:before { content: $compass; }
-.icon-collapse:before { content: $collapse; }
-.icon-collapse-top:before { content: $collapse-top; }
-.icon-expand:before { content: $expand; }
-.icon-euro:before,
-.icon-eur:before { content: $eur; }
-.icon-gbp:before { content: $gbp; }
-.icon-dollar:before,
-.icon-usd:before { content: $usd; }
-.icon-rupee:before,
-.icon-inr:before { content: $inr; }
-.icon-yen:before,
-.icon-jpy:before { content: $jpy; }
-.icon-renminbi:before,
-.icon-cny:before { content: $cny; }
-.icon-won:before,
-.icon-krw:before { content: $krw; }
-.icon-bitcoin:before,
-.icon-btc:before { content: $btc; }
-.icon-file:before { content: $file; }
-.icon-file-text:before { content: $file-text; }
-.icon-sort-by-alphabet:before { content: $sort-by-alphabet; }
-.icon-sort-by-alphabet-alt:before { content: $sort-by-alphabet-alt; }
-.icon-sort-by-attributes:before { content: $sort-by-attributes; }
-.icon-sort-by-attributes-alt:before { content: $sort-by-attributes-alt; }
-.icon-sort-by-order:before { content: $sort-by-order; }
-.icon-sort-by-order-alt:before { content: $sort-by-order-alt; }
-.icon-thumbs-up:before { content: $thumbs-up; }
-.icon-thumbs-down:before { content: $thumbs-down; }
-.icon-youtube-sign:before { content: $youtube-sign; }
-.icon-youtube:before { content: $youtube; }
-.icon-xing:before { content: $xing; }
-.icon-xing-sign:before { content: $xing-sign; }
-.icon-youtube-play:before { content: $youtube-play; }
-.icon-dropbox:before { content: $dropbox; }
-.icon-stackexchange:before { content: $stackexchange; }
-.icon-instagram:before { content: $instagram; }
-.icon-flickr:before { content: $flickr; }
-.icon-adn:before { content: $adn; }
-.icon-bitbucket:before { content: $bitbucket; }
-.icon-bitbucket-sign:before { content: $bitbucket-sign; }
-.icon-tumblr:before { content: $tumblr; }
-.icon-tumblr-sign:before { content: $tumblr-sign; }
-.icon-long-arrow-down:before { content: $long-arrow-down; }
-.icon-long-arrow-up:before { content: $long-arrow-up; }
-.icon-long-arrow-left:before { content: $long-arrow-left; }
-.icon-long-arrow-right:before { content: $long-arrow-right; }
-.icon-apple:before { content: $apple; }
-.icon-windows:before { content: $windows; }
-.icon-android:before { content: $android; }
-.icon-linux:before { content: $linux; }
-.icon-dribbble:before { content: $dribbble; }
-.icon-skype:before { content: $skype; }
-.icon-foursquare:before { content: $foursquare; }
-.icon-trello:before { content: $trello; }
-.icon-female:before { content: $female; }
-.icon-male:before { content: $male; }
-.icon-gittip:before { content: $gittip; }
-.icon-sun:before { content: $sun; }
-.icon-moon:before { content: $moon; }
-.icon-archive:before { content: $archive; }
-.icon-bug:before { content: $bug; }
-.icon-vk:before { content: $vk; }
-.icon-weibo:before { content: $weibo; }
-.icon-renren:before { content: $renren; }

sass/fontawesome/_mixins.scss

@@ -1,48 +0,0 @@
-// Mixins
-// --------------------------
-
-@mixin icon($icon) {
-  @include icon-FontAwesome();
-  content: $icon;
-}
-
-@mixin icon-FontAwesome() {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-  *margin-right: .3em; // fixes ie7 issues
-}
-
-@mixin border-radius($radius) {
-  -webkit-border-radius: $radius;
-  -moz-border-radius: $radius;
-  border-radius: $radius;
-}
-
-@mixin icon-stack($width: 2em, $height: 2em, $top-font-size: 1em, $base-font-size: 2em) {
-  .icon-stack {
-    position: relative;
-    display: inline-block;
-    width: $width;
-    height: $height;
-    line-height: $width;
-    vertical-align: -35%;
-    [class^="icon-"],
-    [class*=" icon-"] {
-      display: block;
-      text-align: center;
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      font-size: $top-font-size;
-      line-height: inherit;
-      *line-height: $height;
-    }
-    .icon-stack-base {
-      font-size: $base-font-size;
-      *line-height: #{$height / $base-font-size}em;
-    }
-  }
-}

sass/fontawesome/_path.scss

@@ -1,15 +0,0 @@
-/* FONT PATH
- * -------------------------- */
-
-@font-face {
-  font-family: 'FontAwesome';
-  src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?v=#{$FontAwesomeVersion}');
-  src: url('#{$FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=#{$FontAwesomeVersion}') format('embedded-opentype'),
-    url('#{$FontAwesomePath}/fontawesome-webfont.woff?v=#{$FontAwesomeVersion}') format('woff'),
-    url('#{$FontAwesomePath}/fontawesome-webfont.ttf?v=#{$FontAwesomeVersion}') format('truetype'),
-    url('#{$FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=#{$FontAwesomeVersion}') format('svg');
-//  src: url('#{$FontAwesomePath}/FontAwesome.otf') format('opentype'); // used when developing fonts
-  font-weight: normal;
-  font-style: normal;
-  font-display: swap;
-}

sass/fontawesome/_variables.scss

@@ -1,734 +0,0 @@
-// Variables
-// --------------------------
-
-$FontAwesomePath: "../font" !default;
-$FontAwesomeVersion: "3.2.1" !default;
-$borderColor: #eeeeee !default;
-$iconMuted: #eeeeee !default;
-$iconLight: white !default;
-$iconDark: #333333 !default;
-$icons-li-width: (30em/14);
-
-
-$glass: "\f000";
-
-$music: "\f001";
-
-$search: "\f002";
-
-$envelope-alt: "\f003";
-
-$heart: "\f004";
-
-$star: "\f005";
-
-$star-empty: "\f006";
-
-$user: "\f007";
-
-$film: "\f008";
-
-$th-large: "\f009";
-
-$th: "\f00a";
-
-$th-list: "\f00b";
-
-$ok: "\f00c";
-
-$remove: "\f00d";
-
-$zoom-in: "\f00e";
-
-$zoom-out: "\f010";
-
-$off: "\f011";
-
-$signal: "\f012";
-
-$cog: "\f013";
-
-$trash: "\f014";
-
-$home: "\f015";
-
-$file-alt: "\f016";
-
-$time: "\f017";
-
-$road: "\f018";
-
-$download-alt: "\f019";
-
-$download: "\f01a";
-
-$upload: "\f01b";
-
-$inbox: "\f01c";
-
-$play-circle: "\f01d";
-
-$repeat: "\f01e";
-
-$refresh: "\f021";
-
-$list-alt: "\f022";
-
-$lock: "\f023";
-
-$flag: "\f024";
-
-$headphones: "\f025";
-
-$volume-off: "\f026";
-
-$volume-down: "\f027";
-
-$volume-up: "\f028";
-
-$qrcode: "\f029";
-
-$barcode: "\f02a";
-
-$tag: "\f02b";
-
-$tags: "\f02c";
-
-$book: "\f02d";
-
-$bookmark: "\f02e";
-
-$print: "\f02f";
-
-$camera: "\f030";
-
-$font: "\f031";
-
-$bold: "\f032";
-
-$italic: "\f033";
-
-$text-height: "\f034";
-
-$text-width: "\f035";
-
-$align-left: "\f036";
-
-$align-center: "\f037";
-
-$align-right: "\f038";
-
-$align-justify: "\f039";
-
-$list: "\f03a";
-
-$indent-left: "\f03b";
-
-$indent-right: "\f03c";
-
-$facetime-video: "\f03d";
-
-$picture: "\f03e";
-
-$pencil: "\f040";
-
-$map-marker: "\f041";
-
-$adjust: "\f042";
-
-$tint: "\f043";
-
-$edit: "\f044";
-
-$share: "\f045";
-
-$check: "\f046";
-
-$move: "\f047";
-
-$step-backward: "\f048";
-
-$fast-backward: "\f049";
-
-$backward: "\f04a";
-
-$play: "\f04b";
-
-$pause: "\f04c";
-
-$stop: "\f04d";
-
-$forward: "\f04e";
-
-$fast-forward: "\f050";
-
-$step-forward: "\f051";
-
-$eject: "\f052";
-
-$chevron-left: "\f053";
-
-$chevron-right: "\f054";
-
-$plus-sign: "\f055";
-
-$minus-sign: "\f056";
-
-$remove-sign: "\f057";
-
-$ok-sign: "\f058";
-
-$question-sign: "\f059";
-
-$info-sign: "\f05a";
-
-$screenshot: "\f05b";
-
-$remove-circle: "\f05c";
-
-$ok-circle: "\f05d";
-
-$ban-circle: "\f05e";
-
-$arrow-left: "\f060";
-
-$arrow-right: "\f061";
-
-$arrow-up: "\f062";
-
-$arrow-down: "\f063";
-
-$share-alt: "\f064";
-
-$resize-full: "\f065";
-
-$resize-small: "\f066";
-
-$plus: "\f067";
-
-$minus: "\f068";
-
-$asterisk: "\f069";
-
-$exclamation-sign: "\f06a";
-
-$gift: "\f06b";
-
-$leaf: "\f06c";
-
-$fire: "\f06d";
-
-$eye-open: "\f06e";
-
-$eye-close: "\f070";
-
-$warning-sign: "\f071";
-
-$plane: "\f072";
-
-$calendar: "\f073";
-
-$random: "\f074";
-
-$comment: "\f075";
-
-$magnet: "\f076";
-
-$chevron-up: "\f077";
-
-$chevron-down: "\f078";
-
-$retweet: "\f079";
-
-$shopping-cart: "\f07a";
-
-$folder-close: "\f07b";
-
-$folder-open: "\f07c";
-
-$resize-vertical: "\f07d";
-
-$resize-horizontal: "\f07e";
-
-$bar-chart: "\f080";
-
-$twitter-sign: "\f081";
-
-$facebook-sign: "\f082";
-
-$camera-retro: "\f083";
-
-$key: "\f084";
-
-$cogs: "\f085";
-
-$comments: "\f086";
-
-$thumbs-up-alt: "\f087";
-
-$thumbs-down-alt: "\f088";
-
-$star-half: "\f089";
-
-$heart-empty: "\f08a";
-
-$signout: "\f08b";
-
-$linkedin-sign: "\f08c";
-
-$pushpin: "\f08d";
-
-$external-link: "\f08e";
-
-$signin: "\f090";
-
-$trophy: "\f091";
-
-$github-sign: "\f092";
-
-$upload-alt: "\f093";
-
-$lemon: "\f094";
-
-$phone: "\f095";
-
-$check-empty: "\f096";
-
-$bookmark-empty: "\f097";
-
-$phone-sign: "\f098";
-
-$twitter: "\f099";
-
-$facebook: "\f09a";
-
-$github: "\f09b";
-
-$unlock: "\f09c";
-
-$credit-card: "\f09d";
-
-$rss: "\f09e";
-
-$hdd: "\f0a0";
-
-$bullhorn: "\f0a1";
-
-$bell: "\f0a2";
-
-$certificate: "\f0a3";
-
-$hand-right: "\f0a4";
-
-$hand-left: "\f0a5";
-
-$hand-up: "\f0a6";
-
-$hand-down: "\f0a7";
-
-$circle-arrow-left: "\f0a8";
-
-$circle-arrow-right: "\f0a9";
-
-$circle-arrow-up: "\f0aa";
-
-$circle-arrow-down: "\f0ab";
-
-$globe: "\f0ac";
-
-$wrench: "\f0ad";
-
-$tasks: "\f0ae";
-
-$filter: "\f0b0";
-
-$briefcase: "\f0b1";
-
-$fullscreen: "\f0b2";
-
-$group: "\f0c0";
-
-$link: "\f0c1";
-
-$cloud: "\f0c2";
-
-$beaker: "\f0c3";
-
-$cut: "\f0c4";
-
-$copy: "\f0c5";
-
-$paper-clip: "\f0c6";
-
-$save: "\f0c7";
-
-$sign-blank: "\f0c8";
-
-$reorder: "\f0c9";
-
-$list-ul: "\f0ca";
-
-$list-ol: "\f0cb";
-
-$strikethrough: "\f0cc";
-
-$underline: "\f0cd";
-
-$table: "\f0ce";
-
-$magic: "\f0d0";
-
-$truck: "\f0d1";
-
-$pinterest: "\f0d2";
-
-$pinterest-sign: "\f0d3";
-
-$google-plus-sign: "\f0d4";
-
-$google-plus: "\f0d5";
-
-$money: "\f0d6";
-
-$caret-down: "\f0d7";
-
-$caret-up: "\f0d8";
-
-$caret-left: "\f0d9";
-
-$caret-right: "\f0da";
-
-$columns: "\f0db";
-
-$sort: "\f0dc";
-
-$sort-down: "\f0dd";
-
-$sort-up: "\f0de";
-
-$envelope: "\f0e0";
-
-$linkedin: "\f0e1";
-
-$undo: "\f0e2";
-
-$legal: "\f0e3";
-
-$dashboard: "\f0e4";
-
-$comment-alt: "\f0e5";
-
-$comments-alt: "\f0e6";
-
-$bolt: "\f0e7";
-
-$sitemap: "\f0e8";
-
-$umbrella: "\f0e9";
-
-$paste: "\f0ea";
-
-$lightbulb: "\f0eb";
-
-$exchange: "\f0ec";
-
-$cloud-download: "\f0ed";
-
-$cloud-upload: "\f0ee";
-
-$user-md: "\f0f0";
-
-$stethoscope: "\f0f1";
-
-$suitcase: "\f0f2";
-
-$bell-alt: "\f0f3";
-
-$coffee: "\f0f4";
-
-$food: "\f0f5";
-
-$file-text-alt: "\f0f6";
-
-$building: "\f0f7";
-
-$hospital: "\f0f8";
-
-$ambulance: "\f0f9";
-
-$medkit: "\f0fa";
-
-$fighter-jet: "\f0fb";
-
-$beer: "\f0fc";
-
-$h-sign: "\f0fd";
-
-$plus-sign-alt: "\f0fe";
-
-$double-angle-left: "\f100";
-
-$double-angle-right: "\f101";
-
-$double-angle-up: "\f102";
-
-$double-angle-down: "\f103";
-
-$angle-left: "\f104";
-
-$angle-right: "\f105";
-
-$angle-up: "\f106";
-
-$angle-down: "\f107";
-
-$desktop: "\f108";
-
-$laptop: "\f109";
-
-$tablet: "\f10a";
-
-$mobile-phone: "\f10b";
-
-$circle-blank: "\f10c";
-
-$quote-left: "\f10d";
-
-$quote-right: "\f10e";
-
-$spinner: "\f110";
-
-$circle: "\f111";
-
-$reply: "\f112";
-
-$github-alt: "\f113";
-
-$folder-close-alt: "\f114";
-
-$folder-open-alt: "\f115";
-
-$expand-alt: "\f116";
-
-$collapse-alt: "\f117";
-
-$smile: "\f118";
-
-$frown: "\f119";
-
-$meh: "\f11a";
-
-$gamepad: "\f11b";
-
-$keyboard: "\f11c";
-
-$flag-alt: "\f11d";
-
-$flag-checkered: "\f11e";
-
-$terminal: "\f120";
-
-$code: "\f121";
-
-$reply-all: "\f122";
-
-$mail-reply-all: "\f122";
-
-$star-half-empty: "\f123";
-
-$location-arrow: "\f124";
-
-$crop: "\f125";
-
-$code-fork: "\f126";
-
-$unlink: "\f127";
-
-$question: "\f128";
-
-$info: "\f129";
-
-$exclamation: "\f12a";
-
-$superscript: "\f12b";
-
-$subscript: "\f12c";
-
-$eraser: "\f12d";
-
-$puzzle-piece: "\f12e";
-
-$microphone: "\f130";
-
-$microphone-off: "\f131";
-
-$shield: "\f132";
-
-$calendar-empty: "\f133";
-
-$fire-extinguisher: "\f134";
-
-$rocket: "\f135";
-
-$maxcdn: "\f136";
-
-$chevron-sign-left: "\f137";
-
-$chevron-sign-right: "\f138";
-
-$chevron-sign-up: "\f139";
-
-$chevron-sign-down: "\f13a";
-
-$html5: "\f13b";
-
-$css3: "\f13c";
-
-$anchor: "\f13d";
-
-$unlock-alt: "\f13e";
-
-$bullseye: "\f140";
-
-$ellipsis-horizontal: "\f141";
-
-$ellipsis-vertical: "\f142";
-
-$rss-sign: "\f143";
-
-$play-sign: "\f144";
-
-$ticket: "\f145";
-
-$minus-sign-alt: "\f146";
-
-$check-minus: "\f147";
-
-$level-up: "\f148";
-
-$level-down: "\f149";
-
-$check-sign: "\f14a";
-
-$edit-sign: "\f14b";
-
-$external-link-sign: "\f14c";
-
-$share-sign: "\f14d";
-
-$compass: "\f14e";
-
-$collapse: "\f150";
-
-$collapse-top: "\f151";
-
-$expand: "\f152";
-
-$eur: "\f153";
-
-$gbp: "\f154";
-
-$usd: "\f155";
-
-$inr: "\f156";
-
-$jpy: "\f157";
-
-$cny: "\f158";
-
-$krw: "\f159";
-
-$btc: "\f15a";
-
-$file: "\f15b";
-
-$file-text: "\f15c";
-
-$sort-by-alphabet: "\f15d";
-
-$sort-by-alphabet-alt: "\f15e";
-
-$sort-by-attributes: "\f160";
-
-$sort-by-attributes-alt: "\f161";
-
-$sort-by-order: "\f162";
-
-$sort-by-order-alt: "\f163";
-
-$thumbs-up: "\f164";
-
-$thumbs-down: "\f165";
-
-$youtube-sign: "\f166";
-
-$youtube: "\f167";
-
-$xing: "\f168";
-
-$xing-sign: "\f169";
-
-$youtube-play: "\f16a";
-
-$dropbox: "\f16b";
-
-$stackexchange: "\f16c";
-
-$instagram: "\f16d";
-
-$flickr: "\f16e";
-
-$adn: "\f170";
-
-$bitbucket: "\f171";
-
-$bitbucket-sign: "\f172";
-
-$tumblr: "\f173";
-
-$tumblr-sign: "\f174";
-
-$long-arrow-down: "\f175";
-
-$long-arrow-up: "\f176";
-
-$long-arrow-left: "\f177";
-
-$long-arrow-right: "\f178";
-
-$apple: "\f179";
-
-$windows: "\f17a";
-
-$android: "\f17b";
-
-$linux: "\f17c";
-
-$dribbble: "\f17d";
-
-$skype: "\f17e";
-
-$foursquare: "\f180";
-
-$trello: "\f181";
-
-$female: "\f182";
-
-$male: "\f183";
-
-$gittip: "\f184";
-
-$sun: "\f185";
-
-$moon: "\f186";
-
-$archive: "\f187";
-
-$bug: "\f188";
-
-$vk: "\f189";
-
-$weibo: "\f18a";
-
-$renren: "\f18b";
-

sass/inuitcss/CHANGELOG.md

@@ -1,26 +0,0 @@
-# Changelog
-
-This changelog only exists as of v5.0 onward, for previous inuit.css versions’
-history please browse the commit logs.
-
-## v5.0.0
-
-This major version bump saw the introduction of the
-[inuit.css web template](https://github.com/csswizardry/inuit.css-web-template),
-a means of including inuit.css as a submodule through which you can easily pull
-updates from GitHub whilst avoiding having to touch any library code.
-
-* Use [beautons](https://github.com/csswizardry/beautons) for button styling
-* Use [csswizardry-grids](https://github.com/csswizardry/csswizardry-grids) for
-  inuit.css’ built-in grid system.
-* Removed [Batch](http://adamwhitcroft.com/batch/)
-* Moved over to [HTML5 Boilerplate](http://html5boilerplate.com/) style helper
-  classes.
-* Added a few more helper classes and mixins.
-* Introduced switches to turn objects and abstractions on/off.
-
-## v5.1.1
-
-* Convert special character to unicode.
-* Fix/change the `headings` mixin.
-* Fix some typos pertaining to the renaming of the spriting object.

sass/inuitcss/CONTRIBUTING.md

@@ -1,42 +0,0 @@
-# Contributing to inuit.css
-
-So, you want to contribute to inuit.css? That’s awesome!
-
-However, I do ask that you follow a few small rules…
-
-## Bugs and issues
-
-If you believe you have a bug or issue that needs investigating:
-
-* Search existing issues to avoid opening a duplicate.
-* Please open an issue and be as descriptive as possible.
-* If you can, accompany the report with a reduced test case via
-  [jsFiddle](http://jsfiddle.net/) or similar.
-
-## Pull requests
-
-If submitting a pull request:
-
-* Follow the predefined code style used in the framework (I’m afraid that means
-  no spaces before opening braces and after colons (I’m weird like that)).
-* Read my [Git workflow for inuit.css](http://csswizardry.com/2012/12/my-git-workflow-for-inuit-css/)
-  and try and keep as close to that as possible.
-* Carry out all your work in a topic branch with a suitable name, e.g.
-  `fix/grids`, `feature/new-object` etc.
-* Commit sensibly and, if needs be, rebase your branch to tidy your commits up.
-* Ensure inuit.css still compiles without error through both the standalone
-  library and the web template.
-* Submit all pull requests against the `incoming` branch. Any pull requests
-  submitted against `master` **will** be declined.
-* Advise on versioning if possible; if the changes require a version bump or
-  merely a patch bump, please let me know.
-
-## Feature requests
-
-I am open to requests for adding new features, but please bear in mind:
-
-* Make sure it fits in the with ideals and scope of the project; inuit.css has a
-  very specific purpose and all features need tp tie in with this.
-* Have a go at adding the new functionality yourself and opening a pull request.
-* **Discuss any features before attempting to develop them yourself;** I would
-  hate for anyone to spend a tonne of time on something that I end up rejecting.

sass/inuitcss/LICENSE

@@ -1,13 +0,0 @@
-Copyright 2012 Harry Roberts
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-http://apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.

sass/inuitcss/README.md

@@ -1,368 +0,0 @@
-![inuit.css](http://inuitcss.com/img/content/logo.png)
-
-# inuit.css – v5.0
-
-inuit.css is a powerful little framework designed for _serious_ developers.
-
-It is a Sass based, Object Oriented framework that is full of objects and
-abstractions. inuit.css provides little-to-no design which means no undoing
-things, no deleting CSS and no adhering to other peoples’ design decisions.
-
-inuit.css is built on a [BEM](http://bem.info/)-style naming convention and
-honed based on [work done by Nicolas Gallagher](https://gist.github.com/1309546).
-
-inuit.css is ideally suited to designers who want to focus on the creative and
-not code, and developers who understand the need for abstraction and an OO
-approach.
-
-inuit.css gives you design patterns, not design decisions. It features nestable,
-fluid grids; a double-stranded heading hierarchy; sprites; buttons and a lot,
-_lot_ more.
-
-
-**Use inuit.css if:**
-
-* You need a powerful library of objects and abstractions.
-* You understand/appreciate the value of OO code and the need for scalability
-  and reuse.
-* You are a confident/competent developer comfortable with OOCSS and Sass, as
-  well as familiarity with OO principles in general.
-
-**Do not use inuit.css if:**
-
-* You need a framework that supplies design (I’d recommend
-  [Bootstrap](http://twitter.github.com/bootstrap/) for that).
-
-## Browser support
-
-inuit.css is a modern framework for modern browsers. It takes advantage of
-[normalize.css](http://necolas.github.com/normalize.css/) and global
-`box-sizing:border-box;` (optional). As such, inuit.css is intended for **IE8**
-and above only.  The last release to support IE7 was
-[v4.1.5](https://github.com/csswizardry/inuit.css/archive/v4.1.5.zip).
-
-## The developer
-
-There are a million-and-one different CSS frameworks out there so this rather
-cringeworthy section is an attempt to validate inuit.css and give it some
-credibility…
-
-I am [Harry Roberts](http://hry.rbrts.me), I am a 22 year old developer and
-front-end architect from the UK. I work as a Senior UI Developer for
-[BSkyB](http://en.wikipedia.org/wiki/BSkyB) where it is my job to build scalable
-front-ends, write internally used CSS frameworks and libraries, and to architect
-CSS and front-end builds.
-
-I [write](http://csswizardry.com), [tweet](http://twitter.com/csswizardry) and
-[speak](http://speakerdeck.com/u/csswizardry/) about OOCSS, scalable CSS,
-maintainability, working in large teams, CSS performance, CSS architecture and a
-whole lot more.
-
-inuit.css is the result of years of my specialism in CSS (as CSS is all I do).
-It is a collection of design patterns, objects, and abstractions that have been
-refined and bulletproofed over hours of development across an array of projects
-of varying sizes. inuit.css is the result of hundreds of hours of work all
-condensed into one powerful little framework.
-
-## Installation
-
-**Requires Sass 3.2**
-
-inuit.css v5.0+ is designed to be even more advanced than previous versions of
-your favourite CSS framework! inuit.css’ core library is now intended to be used
-as a submodule which means you can always get inuit.css’ latest updates without
-ever having to touch a line of library code.
-
-This works by having this, the inuit.css core library, and the
-[inuit.css-web-template](https://github.com/csswizardry/inuit.css-web-template).
-The web template is very un-opinionated and simply houses your site, however
-you wish to build it. It has a `css/` directory which contains your
-project-specific variables and any stylesheets that extend inuit.css, as well as
-housing inuit.css as an updatable submodule. Any of inuit.css’ default settings
-can be simply overridden from the web template which means you no longer have to
-edit a single line of the framework (which in turn means that incorporating
-inuit.css updates is as simple as a `$ git pull`).
-
-### Install via command line (recommended)
-
-The command line install of inuit.css is _incredibly_ simple:
-
-    $ git clone --recursive git@github.com:csswizardry/inuit.css-web-template.git your-project-folder
-    $ cd your-project-folder
-    $ ./go
-
-What we are doing here is cloning an instance of the inuit.css-web-template and
-its submodules (that’s what the `--recursive` does) into a directory which you
-specify. Next we `cd` into that directory and run [our `go` script](https://github.com/csswizardry/inuit.css-web-template/blob/master/go).
-This script (courtesy of [Nick Payne](http://twitter.com/makeusabrew)) simply
-removes the web template’s Git instance and replaces it with a fresh one for
-your project, whilst also maintaining your inuit.css submodule.
-
-### Install via zip
-
-Though not tested, using inuit.css from its GitHub zip _should_ be fairly
-simple. Using inuit.css from zipped source does mean that you can’t update
-inuit.css as a submodule, but you may well be able to drop fresh zip files into
-the `css/inuit.css/` directory provided you don’t edit any library code.
-
-Firstly you need to download [the web template](https://github.com/csswizardry/inuit.css-web-template)
-zip and unpack it to a location of your choosing. Next you need to download the
-inuit.css core zip and unpack that into `css/inuit.css/` in your new project.
-
-## Getting started
-
-Once you have your project set up, you should be looking at a directory
-structure a little like this:
-
-    your-project-folder/
-        css/
-            inuit.css/
-            _vars.scss
-            style.scss
-            watch
-        index.html
-
-Your CSS directory holds everything you need to get building:
-
-* Everything in `css/inuit.css/` is library code which **should not** be edited.
-  If you `cd` into here you should see that this submodule will initially be on
-  `(no branch)`, this is because the submodule points at a specific commit and
-  not a branch. You can treat this directory like any other Git project which
-  means you can `$ git checkout master` to get your submodule on the most
-  up-to-date stable version of inuit.css. To grab any new changes simply run
-  `$ git pull` on the `master` branch.
-* `_vars.scss` contains any project variables you need, as well as any overrides
-  you wish to make to the inuit.css library. It also houses feature switches to
-  turn inuit.css’ objects and abstractions on and off as you need them.
-* `style.scss` is your master Sass stylesheet which will concatenate any other
-  stylesheets from inuit.css and your extensions when it is compiled.
-* `watch` is a handy little script which makes it easier for you to watch your
-  Sass from the command line; instead of the `$ sass --watch ...` command, you
-  now need only type `$ ./watch` and the script will do the rest. Running this
-  will compile your project into `style[.min].css`.
-
-## How inuit.css works
-
-inuit.css works in ‘layers’, not dissimilar to [SMACSS](http://smacss.com/). The
-principle of inuit.css’ architecture is levels of extension; each layer of code
-extends the layer below.
-
-We start in `inuit.css/generic/`, with our most generic, low-level styling,
-things like a clearfix, [normalize.css](http://necolas.github.com/normalize.css/),
-our reset and any shared styling like margins (for vertical rythmn).
-
-On top of that we lay our base styles, found in `inuit.css/base/`; these are
-things like unclassed headings, what our basic forms look like, how simple
-tables appear. These are all design-free HTML elements that you can extend with
-your own styles later on.
-
-Next up, in `inuit.css/objects/`, we have our objects and abstractions; these
-are all scaffolding type constructs that hold no styling, but do heavy lifting.
-In here we have things like
-[the media object](http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/),
-[the nav abstraction](http://csswizardry.com/2011/09/the-nav-abstraction/) and
-other unstyled objects that you can use to construct design patterns _without_
-design (that bit is left up to you).
-
-Finally we have our helper classes (though these live back in the `inuit.css/generic/`
-directory); these are things like margin helper classes, width classes and other
-‘style trumps’ which need to take precedence over any things that have gone
-before them. These classes are used to modify your objects and abstractions on a
-case-by-case basis.
-
-## Overriding inuit.css’ defaults
-
-inuit.css has a file called `_defaults.scss` which contains all the Sass
-variables required for the library to compile without failing. These variables
-are preset because Sass will error without them, however they are **not** set in
-stone, and you are encouranged to override and experiment with them.
-
-It is tempting to modify their values in the inuit.css submodule but this is
-**not** the correct method for modifying inuit.css, and in doing so you will
-prevent yourself from being able to update inuit.css’ core library. The correct
-procedure is to redefine that variable in `_vars.scss` found in the inuit.css
-web template. Let’s take an example…
-
-In inuit.css’ `_defaults.scss` we find the following:
-
-    $h1-size:           36px!default; // .alpha
-    $h2-size:           30px!default; // .beta
-    $h3-size:           24px!default; // .gamma
-    $h4-size:           20px!default; // .delta
-    $h5-size:           16px!default; // .epsilon
-    $h6-size:           14px!default; // .zeta
-
-Let’s say we want our `h1`s to be `48px` and not `36px`; instead of modifying
-the value of `$h1-size` here, pop open your `_vars.scss` file and add this in
-the overrides section:
-
-    /*------------------------------------*\
-        $OVERRIDES
-    \*------------------------------------*/
-    /**
-     * Place any variables that should override inuit.css’ defaults here.
-     */
-    $h1-size:48px;
-
-Now when you compile your CSS, inuit.css will know to ignore its preset value
-(that is what `!default` is for) in favour of your own. By doing things this way
-you can change the values that inuit.css uses without having to modify inuit.css
-itself, thus leaving it free to be updated. 
-
-In this file you will also see your feature switches needed to turn objects and
-abstractions on and off. Feature switches are only preset for objects and
-abstractions; you will **not** initially find switches for things like
-`$debug-mode` in here, but they can be turned on and off by adding an override
-as outlined above, e.g.:
-
-    /*------------------------------------*\
-        $OVERRIDES
-    \*------------------------------------*/
-    /**
-     * Place any variables that should override inuit.css’ defaults here.
-     */
-    $h1-size:48px;
-    $push:true;
-    $palm-push:true;
-
-This file can also house any custom variables that you wish to use in extending
-inuit.css, as covered in the next section.
-
-## Extending inuit.css
-
-inuit.css is, by design, a very design-free framework. This means that the
-style and design of your site is left entirely up to you (as it should be).
-Because inuit.css gives you lots of customisable foundations, you need to add
-the final layer: UI.
-
-How you go about this step is largely left up to you, but it is common practice
-to create another directory in `css/` called `ui/`, leaving you with:
-
-    your-project-folder/
-        css/
-            inuit.css/
-            ui/
-            _vars.scss
-            style.scss 
-            watch
-        index.html
-
-In here you can place your own Sass files which hold your UI’s CSS, for example:
-
-    ui/
-        _contact-form.scss
-        _footer.scss
-        _pricing-table.scss
-
-You then include these from `style.scss`, like so:
-
-    /**
-     * She’s all yours, cap’n... Begin importing your stuff here.
-     */
-    //@import "ui/example";
-    @import "ui/footer";
-    @import "ui/contact-form";
-    @import "ui/pricing-table";
-
-Now, when you run `$ ./watch`, `style.scss` will be calling:
-
-1. Your variables
-2. The inuit.css core library (as outlined above)
-3. Your custom/UI CSS
-
-…and building a concatenated stylesheet out of it all. Neat, huh?!
-
-## Footprint
-
-Out of the box, inuit.css is very small, however it is **imperative** that you
-only ever deploy a minified version of your compiled stylesheet to your live
-environment. inuit.css compiles stright to minified output by default, but you
-can change this in `watch` if you have a build process in place.
-
-It is also **highly** recommended that you enable gzip compression on any text
-assets being served from your site; doing so will further reduce the footprint
-of inuit.css and greatly help your site’s performance.
-
-## Documentation
-
-There are no official docs for inuit.css because the code _is_ the
-documentation. Everything is heavily commented with example HTML. If you
-struggle with anything please tweet at [@inuitcss](http://twitter.com/inuitcss)
-and/or [open an issue](https://github.com/csswizardry/inuit.css/issues) and I’ll
-try help out and use your feedback to improve the documentation.
-
-It is strongly encouraged that you thoroughly read the source of inuit.css’
-files, particularly `_inuit.scss`.
-
-### Demos
-
-Although there are no docs as such, there is [a dedicated inuit.css jsFiddle
-account](http://jsfiddle.net/user/inuitcss/fiddles/) which houses plenty of
-demos of various aspects of the framework.
-
-### Development
-
-You can keep up-to-date with upcoming features, suggestions and fixes by looking
-at the [inuit.css Trello board](https://trello.com/board/inuit-css/50a16487543dea585502f3d2).
-
-## Looking for a little LESS?
-
-[Peter Wilson](http://twitter.com/pwcc) and
-[Nicolas Carlo](https://twitter.com/nicoespeon) are maintaining a LESS port of
-inuit.css: check [the GitHub repo](https://github.com/peterwilsoncc/inuit.css).
-
-## Using Compass?
-
-[Stephen Way](http://github.com/stephenway) is maintaining a Compass port of
-inuit.css: check [the GitHub repo](https://github.com/stephenway/compass-inuit).
-
-## Test-drive
-
-If you would like to try inuit.css out before you download anything there is a
-compiled version [on jsFiddle](http://jsfiddle.net/inuitcss/a6yS3/) that you
-are encouraged to fork and play with. Refer back to
-[the source here on GitHub](https://github.com/csswizardry/inuit.css/blob/master/inuit.css/_inuit.scss)
-for documentation.
-
-## As used by
-
-* [BSkyB](http://en.wikipedia.org/wiki/BSkyB)
-* [pr.ofile.me](http://pr.ofile.me)
-* [Lukas Bestle]
-* [Matthew Tyas](http://matthewtyas.com/)
-
-### Using inuit.css?
-
-If you use inuit.css on a live project then [tweet at me](http://twitter.com/inuitcss)
-and I’ll send you some inuit.css stickers!
-
-## Support inuit.css
-
-If you use and/or like inuit.css, perhaps you might consider [supporting it
-through Gumroad](http://gum.co/nOoht).
-
-## Credits
-
-inuit.css, although produced and maintained by one developer, could not have
-been possible without inspiration and work from an array of other people.
-
-* **[Nicole Sullivan](https://twitter.com/stubbornella)** for her work on OOCSS
-* **[Jonathan Snook](https://twitter.com/snookca)** for his work on SMACSS
-* **[Nicolas Gallagher](https://twitter.com/necolas)** for his work on numerous
-  CSS things
-* **[Bryan James](https://twitter.com/WengersToyBus)** for the inuit.css logo
-* **[Nick Payne](https://twitter.com/makeusabrew)** for helping with v5.0’s
-  submodule architecture.
-
-And probably more…
-
-## License
-
-Copyright 2013 Harry Roberts
-
-Licensed under the Apache License, Version 2.0.
-
----
-
-**inuit.css is the most powerful little framework out there, and it’s ready to
-go!**

sass/inuitcss/_defaults.scss

@@ -1,226 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $DEFAULTS
-\*------------------------------------*/
-/**
- * inuit.css’ default variables. Redefine these in your `_vars.scss` file (found
- * in the inuit.css-web-template) to override them.
- */
-
-
-
-
-
-/*------------------------------------*\
-    $DEBUG
-\*------------------------------------*/
-/**
- * Debug mode will visually highlight any potential markup/accessibility quirks
- * in the browser. Set to `true` or `false`.
- */
-$debug-mode:        false!default;
-
-
-
-
-
-/*------------------------------------*\
-    $BORDER-BOX
-\*------------------------------------*/
-/**
- * Do you want all elements to adopt `box-sizing:border-box;` as per
- * paulirish.com/2012/box-sizing-border-box-ftw ?
- */
-$global-border-box: true!default;
-
-
-
-
-
-/*------------------------------------*\
-    $BASE
-\*------------------------------------*/
-/**
- * Base stuff
- */
-$base-font-size:    16px!default;
-$base-line-height:  24px!default;
-
-/**
- * Base font-family.
- */
-$base-font-family:  sans-serif!default;
-
-/**
- * Default colour for objects’ borders etc.
- */
-$base-ui-color:     #ccc!default;
-
-
-
-
-
-/*------------------------------------*\
-    $RESPONSIVE
-\*------------------------------------*/
-/**
- * Responsiveness?
- */
-$responsive:        true!default;
-
-/**
- * Responsiveness for widescreen/high resolution desktop monitors and beyond?
- * Note: `$responsive` variable above must be set to true before enabling this.
- */
-$responsive-extra:  false!default;
-
-/**
- * Responsive push and pull produce a LOT of code, only turn them on if you
- * definitely need them.
- */
-$push:              false!default;
-/**
- * Note: `$push` variable above must be set to true before enabling these.
- */
-$palm-push:         false!default;
-$lap-push:          false!default;
-$lap-and-up-push:   false!default;
-$portable-push:     false!default;
-$desk-push:         false!default;
-
-$pull:              false!default;
-/**
- * Note: `$pull` variable above must be set to true before enabling these.
- */
-$palm-pull:         false!default;
-$lap-pull:          false!default;
-$lap-and-up-pull:   false!default;
-$portable-pull:     false!default;
-$desk-pull:         false!default;
-
-/**
- * Tell inuit.css when breakpoints start.
- */
-$lap-start:         481px!default;
-$desk-start:        1024px!default;
-$desk-wide-start:   1200px!default;
-
-
-
-
-
-/*------------------------------------*\
-    $FONT-SIZES
-\*------------------------------------*/
-/**
- * Font-sizes (in pixels). Refer to relevant sections for their implementations.
- */
-$giga-size:         96px!default;
-$mega-size:         72px!default;
-$kilo-size:         48px!default;
-
-$h1-size:           36px!default; // .alpha
-$h2-size:           30px!default; // .beta
-$h3-size:           24px!default; // .gamma
-$h4-size:           20px!default; // .delta
-$h5-size:           16px!default; // .epsilon
-$h6-size:           14px!default; // .zeta
-
-$milli-size:        12px!default;
-$micro-size:        10px!default;
-
-
-
-
-
-/*------------------------------------*\
-    $QUOTES
-\*------------------------------------*/
-/**
- * English quote marks?
- */
-$english-quotes:    true!default;
-
-/**
- * If you want English quotes then please do not edit these; they’re only here
- * because Sass needs them.
- */
-$open-quote:    null;
-$close-quote:   null;
-
-/**
- * If you need non-English quotes, please alter the following values accordingly:
- */
-@if $english-quotes != true{
-    $open-quote:    \00AB;
-    $close-quote:   \00BB;
-}
-
-
-
-
-
-/*------------------------------------*\
-    $BRAND
-\*------------------------------------*/
-/**
- * Brand stuff
- */
-$brand-color:       #4a8ec2!default;
-$brand-face:        "Helvetica Neue", sans-serif!default;
-
-/**
- * How big would you like round corners to be by default?
- */
-$brand-round:        4px!default;
-
-
-
-
-
-/*------------------------------------*\
-    $OBJECTS AND ABSTRACTIONS
-\*------------------------------------*/
-/**
- * Which objects and abstractions would you like to use?
- */
-$use-grids:         false!default;
-$use-flexbox:       false!default;
-$use-columns:       false!default;
-$use-nav:           false!default;
-$use-options:       false!default;
-$use-pagination:    false!default;
-$use-breadcrumb:    false!default;
-$use-media:         false!default;
-$use-marginalia:    false!default;
-$use-island:        false!default;
-$use-block-list:    false!default;
-$use-matrix:        false!default;
-$use-split:         false!default;
-$use-this-or-this:  false!default;
-$use-link-complex:  false!default;
-$use-flyout:        false!default;
-$use-arrows:        false!default;
-$use-sprite:        false!default;
-$use-icon-text:     false!default;
-$use-beautons:      false!default;
-$use-lozenges:      false!default;
-$use-rules:         false!default;
-$use-stats:         false!default;
-$use-greybox:       false!default;
-
-
-
-
-
-/*------------------------------------*\
-    $FRAMEWORK
-\*------------------------------------*/
-/**
- * inuit.css will work these next ones out for use within the framework.
- *
- * Assign our `$base-line-height` to a new spacing var for more transparency.
- */
-$base-spacing-unit: $base-line-height!default;
-$half-spacing-unit: $base-spacing-unit / 2!default;
-$line-height-ratio: $base-line-height / $base-font-size;

sass/inuitcss/_inuit.scss

@@ -1,214 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    INUIT.CSS
-\*------------------------------------*/
-/*!*
- *
- * inuitcss.com -- @inuitcss -- @csswizardry
- *
- */
-/**
- * inuit.css acts as a base stylesheet which you should extend with your own
- * theme stylesheet.
- *
- * inuit.css aims to do the heavy lifting; sorting objects and abstractions,
- * design patterns and fiddly bits of CSS, whilst leaving as much design as
- * possible to you. inuit.css is the scaffolding to your decorator.
- *
- * This stylesheet is heavily documented and contains lots of comments, please
- * take care to read and refer to them as you build. For further support please
- * tweet at @inuitcss.
- *
- * Owing to the amount of comments please only ever use minified CSS in
- * production. This file is purely a dev document.
- *
- * The table of contents below maps to section titles of the same name, to jump
- * to any section simply run a find for $[SECTION-TITLE].
- *
- * Most objects and abstractions come with a chunk of markup that you should be
- * able to paste into any view to quickly see how the CSS works in conjunction
- * with the correct HTML.
- *
- * inuit.css is written to this standard: github.com/csswizardry/CSS-Guidelines
- *
- * LICENSE
- *
- * Copyright 2013 Harry Roberts
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- * Thank you for choosing inuit.css. May your web fonts render perfectly.
- */
-
-
-
-
-
-/*------------------------------------*\
-    $CONTENTS
-\*------------------------------------*/
-/**
- * CONTENTS............You’re reading it!
- * WARNING.............Here be dragons!
- * IMPORTS.............Begin importing the sections below
- *
- * MIXINS..............Super-simple Sass stuff
- * NORMALIZE...........normalize.css
- * RESET...............Set some defaults
- * CLEARFIX............
- * SHARED..............Shared declarations
- *
- * MAIN................High-level elements like `html`, `body`, etc.
- * HEADINGS............Double-stranded heading hierarchy
- * PARAGRAPHS..........
- * SMALLPRINT..........Smaller text elements like `small`
- * QUOTES..............
- * CODE................
- * LISTS...............
- * IMAGES..............
- * TABLES..............
- * FORMS...............
- *
- * GRIDS...............Fluid, proportional and nestable grids
- * FLEXBOX.............Crudely emulate flexbox
- * COLUMNS.............CSS3 columns
- * NAV.................A simple abstraction to put a list in horizontal nav mode
- * OPTIONS.............Grouped nav items
- * PAGINATION..........Very stripped back, basic paginator
- * BREADCRUMB..........Simple breadcrumb trail object
- * MEDIA...............Media object
- * MARGINALIA..........Simple marginalia content
- * ISLAND..............Boxed off content
- * BLOCK-LIST..........Blocky lists of content
- * MATRIX..............Gridded lists
- * SPLIT...............A simple split-in-two object
- * THIS-OR-THIS........Options object
- * LINK-COMPLEX........
- * FLYOUT..............Flyout-on-hover object
- * ARROWS..............CSS arrows
- * SPRITE..............Generic spriting element
- * ICON-TEXT...........Icon and text couplings
- * BEAUTONS............Use the beautons micro library
- * LOZENGES............Basic lozenge styles
- * RULES...............Horizontal rules
- * STATS...............Simple stats object
- * GREYBOX.............Wireframing styles
- *
- * WIDTHS..............Width classes for use alongside the grid system etc.
- * PUSH................Push classes for manipulating grids
- * PULL................Pull classes for manipulating grids
- * BRAND...............Helper class to apply brand treatment to elements
- * HELPER..............A series of helper classes to use arbitrarily
- * DEBUG...............Enable to add visual flags for debugging purposes
- */
-
-
-
-
-
-/*------------------------------------*\
-    $WARNING
-\*------------------------------------*/
-/*
- * inuit.css, being an OO framework, works in keeping with the open/closed
- * principle. The variables you set previously are now being used throughout
- * inuit.css to style everything we need for a base. Any custom styles SHOULD
- * NOT be added or modified in inuit.css directly, but added via your theme
- * stylesheet as per the open/closed principle:
- *
- * csswizardry.com/2012/06/the-open-closed-principle-applied-to-css
- *
- * Try not to edit any CSS beyond this point; if you find you need to do so
- * it is a failing of the framework so please tweet at @inuitcss.
- */
-
-
-
-
-
-/*------------------------------------*\
-    $IMPORTS
-\*------------------------------------*/
-/**
- * Generic utility styles etc.
- */
-@import "defaults";
-@import "generic/mixins";
-@import "generic/normalize";
-@import "generic/reset";
-@import "generic/clearfix";
-@import "generic/shared";
-
-
-
-
-
-/**
- * Base styles; unclassed HTML elements etc.
- */
-@import "base/main";
-@import "base/headings";
-@import "base/paragraphs";
-@import "base/smallprint";
-@import "base/quotes";
-@import "base/code";
-@import "base/images";
-@import "base/lists";
-@import "base/tables";
-@import "base/forms";
-
-
-
-
-
-/**
- * Objects and abstractions
- */
-@import "objects/grids";
-@import "objects/flexbox";
-@import "objects/columns";
-@import "objects/nav";
-@import "objects/options";
-@import "objects/pagination";
-@import "objects/breadcrumb";
-@import "objects/media";
-@import "objects/marginalia";
-@import "objects/island";
-@import "objects/block-list";
-@import "objects/matrix";
-@import "objects/split";
-@import "objects/this-or-this";
-@import "objects/link-complex";
-@import "objects/flyout";
-@import "objects/arrows";
-@import "objects/sprite";
-@import "objects/icon-text";
-@import "objects/beautons";
-@import "objects/lozenges";
-@import "objects/rules";
-@import "objects/stats";
-@import "objects/greybox";
-
-
-
-
-
-/**
- * Style trumps; helper and brand classes
- */
-@import "generic/widths";
-@import "generic/push";
-@import "generic/pull";
-@import "generic/brand";
-@import "generic/helper";
-@import "generic/debug";

sass/inuitcss/base/_code.scss

@@ -1,64 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $CODE
-\*------------------------------------*/
-/**
- * Use an explicit font stack to ensure browsers render correct `line-height`.
- */
-pre{
-    overflow:auto;
-}
-    pre mark{
-        background:none;
-        border-bottom:1px solid;
-        color:inherit;
-    }
-
-
-/**
- * Add comments to your code examples, e.g.:
- *
-   <code>&lt;/div&gt;<span class=code-comment>&lt;!-- /wrapper --&gt;</span></code>
- *
- */
-.code-comment{
-    /**
-     * Override this setting in your theme stylesheet
-     */
-    opacity:0.75;
-    filter:alpha(opacity=75);
-}
-
-
-/**
- * You can add line numbers to your code examples but be warned, it requires
- * some pretty funky looking markup, e.g.:
- *
-   <ol class=line-numbers>
-       <li><code>.nav{</code></li>
-       <li><code>    list-style:none;</code></li>
-       <li><code>    margin-left:0;</code></li>
-       <li><code>}</code></li>
-       <li><code>    .nav > li,</code></li>
-       <li><code>        .nav > li > a{</code></li>
-       <li><code>            display:inline-block;</code></li>
-       <li><code>           *display:inline-block;</code></li>
-       <li><code>            zoom:1;</code></li>
-       <li><code>        }</code></li>
-   </ol>
- *
- * 1. Make the list look like code.
- * 2. Give the list flush numbers with a leading zero.
- * 3. Make sure lines of code don’t wrap.
- * 4. Give the code form by forcing the `code` to honour white-space.
- */
-.line-numbers{
-    font-family:monospace, sans-serif;           /* [1] */
-    list-style:decimal-leading-zero inside; /* [2] */
-    white-space:nowrap;                     /* [3] */
-    overflow:auto;                          /* [3] */
-    margin-left:0;
-}
-    .line-numbers code{
-        white-space:pre;                    /* [4] */
-    }

sass/inuitcss/base/_forms.scss

@@ -1,175 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $FORMS
-\*------------------------------------*/
-/**
- *
- * Demo: jsfiddle.net/inuitcss/MhHHU
- *
- */
-fieldset{
-    padding:$base-spacing-unit;
-}
-
-
-/**
- * Text inputs
- *
- * Instead of a `[type]` selector for each kind of form input, we just use a
- * class to target any/every one, e.g.:
-   <input type=text class=text-input>
-   <input type=email class=text-input>
-   <input type=password class=text-input>
- *
- */
-.text-input,
-textarea{
-    /**
-     * Style these via your theme stylesheet.
-     */
-}
-
-
-/**
- * Group sets of form fields in a list, e.g.:
- *
-   <ul class=form-fields>
-       <li>
-           <label />
-           <input />
-       </li>
-       <li>
-           <label />
-           <select />
-       </li>
-       <li>
-           <label />
-           <input />
-       </li>
-   </ul>
- *
- */
-.form-fields{
-    list-style:none;
-    margin:0;
-}
-    .form-fields > li{
-        @extend %sass-margin-bottom;
-    }
-    .form-fields > li:last-child{
-        margin-bottom:0;
-    }
-
-
-/**
- * Labels
- *
- * Define a `.label` class as well as a `label` element. This means we can apply
- * label-like styling to meta-labels for groups of options where a `label`
- * element is not suitable, e.g.:
- *
-   <li>
-       <span class=label>Select an option below:</span>
-       <ul class="multi-list  four-cols">
-           <li>
-               <input /> <label />
-           </li>
-           <li>
-               <input /> <label />
-           </li>
-           <li>
-               <input /> <label />
-           </li>
-           <li>
-               <input /> <label />
-           </li>
-       </ul>
-   </li>
- *
- */
-label,
-.label{
-    display:block;
-}
-    /**
-     * Extra help text in `label`s, e.g.:
-     *
-       <label>Card number <small class=additional>No spaces</small></label>
-     *
-     */
-    .additional{
-        display:block;
-        font-weight:normal;
-    }
-
-
-/*
- * Groups of checkboxes and radios, e.g.:
- *
-   <li>
-       <ul class=check-list>
-           <li>
-               <input /> <label />
-           </li>
-           <li>
-               <input /> <label />
-           </li>
-       </ul>
-   </li>
- *
- */
-.check-list{
-    list-style:none;
-    margin:0;
-}
-    /*
-     * Labels in check-lists
-     */
-    .check-label,
-    .check-list label,
-    .check-list .label{
-        display:inline-block;
-    }
-
-
-/**
- * Spoken forms are for forms that read like spoken word, e.g.:
- *
-   <li class=spoken-form>
-       Hello, my <label for=spoken-name>name</label> is
-       <input type=text class=text-input id=spoken-name>. My home
-       <label for=country>country</label> is
-       <select id=country>
-           <option>UK</option>
-           <option>US</option>
-           <option>Other</option>
-       </select>
-   </li>
- *
- */
-.spoken-form label{
-    display:inline-block;
-    font:inherit;
-}
-
-
-/**
- * Extra help text displayed after a field when that field is in focus, e.g.:
- *
-   <label for=email>Email:</label>
-   <input type=email class=text-input id=email>
-   <small class=extra-help>.edu emails only</small>
- *
- * We leave the help text in the document flow and merely set it to
- * `visibility:hidden;`. This means that it won’t interfere with anything once
- * it reappears.
- *
- */
-/*small*/.extra-help{
-    display:inline-block;
-    visibility:hidden;
-}
-.text-input:active + .extra-help,
-.text-input:focus + .extra-help{
-    visibility:visible;
-}

sass/inuitcss/base/_headings.scss

@@ -1,61 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $HEADINGS
-\*------------------------------------*/
-/**
- * As per: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
- *
- * When we define a heading we also define a corresponding class to go with it.
- * This allows us to apply, say, `class=alpha` to a `h3`; a double-stranded
- * heading hierarchy.
- */
-h1,.alpha{
-    @include font-size($h1-size);
-}
-h2,.beta{
-    @include font-size($h2-size);
-}
-h3,.gamma{
-    @include font-size($h3-size);
-}
-h4,.delta{
-    @include font-size($h4-size);
-}
-h5,.epsilon{
-    @include font-size($h5-size);
-}
-h6,.zeta{
-    @include font-size($h6-size);
-}
-
-
-/**
- * Heading groups and generic any-heading class.
- * To target any heading of any level simply apply a class of `.hN`, e.g.:
- *
-   <hgroup>
-       <h1 class=hN>inuit.css</h1>
-       <h2 class=hN>Best. Framework. Ever!</h2>
-   </hgroup>
- *
- */
-.hN{
-}
-hgroup .hN{
-    margin-bottom:0;
-}
-
-
-/**
- * A series of classes for setting massive type; for use in heroes, mastheads,
- * promos, etc.
- */
-.giga{
-    @include font-size($giga-size);
-}
-.mega{
-    @include font-size($mega-size);
-}
-.kilo{
-    @include font-size($kilo-size);
-}

sass/inuitcss/base/_images.scss

@@ -1,74 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $IMAGES
-\*------------------------------------*/
-/**
- * Demo: jsfiddle.net/inuitcss/yMtur
- */
-/**
- * Fluid images.
- */
-img{
-    max-width:100%;
-}
-
-
-/**
- * Non-fluid images if you specify `width` and/or `height` attributes.
- */
-img[width],
-img[height]{
-    max-width:none;
-}
-
-
-/**
- * Rounded images.
- */
-.img--round { border-radius:$brand-round; }
-
-
-/**
- * Image placement variations.
- */
-.img--right{
-    float:right;
-    margin-bottom:$base-spacing-unit;
-    margin-left:$base-spacing-unit;
-}
-.img--left{
-    float:left;
-    margin-right:$base-spacing-unit;
-    margin-bottom:$base-spacing-unit;
-}
-.img--center{
-    display:block;
-    margin-right:auto;
-    margin-bottom:$base-spacing-unit;
-    margin-left:auto;
-}
-
-
-/**
- * Keep your images on your baseline.
- *
- * Please note, these will not work too nicely with fluid images and will
- * distort when resized below a certain width. Use with caution.
- */
-.img--short{
-    height:5 * $base-spacing-unit;
-}
-.img--medium{
-    height:10 * $base-spacing-unit;
-}
-.img--tall{
-    height:15 * $base-spacing-unit;
-}
-
-
-/**
- * Images in `figure` elements.
- */
-figure > img{
-    display:block;
-}

sass/inuitcss/base/_lists.scss

@@ -1,20 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $LISTS
-\*------------------------------------*/
-/**
- * Remove vertical spacing from nested lists.
- */
-li{
-    > ul,
-    > ol{
-         margin-bottom:0;
-     }
-}
-
-/**
- * Have a numbered `ul` without the semantics implied by using an `ol`.
- */
-/*ul*/.numbered-list{
-    list-style-type:decimal;
-}

sass/inuitcss/base/_main.scss

@@ -1,9 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $MAIN
-\*------------------------------------*/
-html{
-    font:#{($base-font-size/16px)*1em}/#{$line-height-ratio} $base-font-family;
-    overflow-y:scroll;
-    min-height:100%;
-}

sass/inuitcss/base/_paragraphs.scss

@@ -1,12 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $PARAGRAPHS
-\*------------------------------------*/
-/**
- * The `.lede` class is used to make the introductory text (usually a paragraph)
- * of a document slightly larger.
- */
-.lede,
-.lead{
-    @include font-size($base-font-size * 1.125);
-}

sass/inuitcss/base/_quotes.scss

@@ -1,93 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $QUOTES
-\*------------------------------------*/
-/**
- * If English quotes are set in `_vars.scss`, define them here.
- */
-@if $english-quotes == true {
-  $open-quote: '"';
-  $close-quote: '"';
-}
-
-/**
- * Big up @boblet: html5doctor.com/blockquote-q-cite
- */
-
-/**
- * Inline quotes.
- */
-q {
-  quotes: "\2018""\2019""#{$open-quote}""#{$close-quote}";
-
-  &:before {
-    content: "\2018";
-    content: open-quote;
-  }
-  &:after {
-    content: "\2019";
-    content: close-quote;
-  }
-
-  q:before {
-    content: '"';
-  }
-  q:after {
-    content: '"';
-  }
-}
-
-blockquote {
-  quotes: "#{$open-quote}""#{$close-quote}";
-
-  p:before {
-    content: "#{$open-quote}";
-    content: open-quote;
-  }
-  p:after {
-    content: "";
-    content: no-close-quote;
-  }
-  p:last-of-type:after {
-    content: "#{$close-quote}";
-    content: close-quote;
-  }
-
-  q:before {
-    content: "\2018";
-    content: open-quote;
-  }
-  q:after {
-    content: "\2019";
-    content: close-quote;
-  }
-}
-
-/**
- *
-   <blockquote>
-       <p>Insanity: doing the same thing over and over again and expecting
-       different results.</p>
-       <b class=source>Albert Einstein</b>
-   </blockquote>
- *
- */
-blockquote {
-  /**
-     * .4em is roughly equal to the width of the opening “ that we wish to hang.
-     */
-  text-indent: -0.41em;
-
-  p:last-of-type {
-    margin-bottom: 0;
-  }
-}
-
-.source {
-  display: block;
-  text-indent: 0;
-
-  &:before {
-    content: "\2014";
-  }
-}

sass/inuitcss/base/_smallprint.scss

@@ -1,14 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $SMALLPRINT
-\*------------------------------------*/
-/**
- * A series of classes for setting tiny type; for use in smallprint etc.
- */
-.smallprint,
-.milli{
-    @include font-size($milli-size);
-}
-.micro{
-    @include font-size($micro-size);
-}

sass/inuitcss/base/_tables.scss

@@ -1,164 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $TABLES
-\*------------------------------------*/
-/**
- * We have a lot at our disposal for making very complex table constructs, e.g.:
- *
-   <table class="table--bordered  table--striped  table--data">
-       <colgroup>
-           <col class=t10>
-           <col class=t10>
-           <col class=t10>
-           <col>
-       </colgroup>
-       <thead>
-           <tr>
-               <th colspan=3>Foo</th>
-               <th>Bar</th>
-           </tr>
-           <tr>
-               <th>Lorem</th>
-               <th>Ipsum</th>
-               <th class=numerical>Dolor</th>
-               <th>Sit</th>
-           </tr>
-       </thead>
-       <tbody>
-           <tr>
-               <th rowspan=3>Sit</th>
-               <td>Dolor</td>
-               <td class=numerical>03.788</td>
-               <td>Lorem</td>
-           </tr>
-           <tr>
-               <td>Dolor</td>
-               <td class=numerical>32.210</td>
-               <td>Lorem</td>
-           </tr>
-           <tr>
-               <td>Dolor</td>
-               <td class=numerical>47.797</td>
-               <td>Lorem</td>
-           </tr>
-           <tr>
-               <th rowspan=2>Sit</th>
-               <td>Dolor</td>
-               <td class=numerical>09.640</td>
-               <td>Lorem</td>
-           </tr>
-           <tr>
-               <td>Dolor</td>
-               <td class=numerical>12.117</td>
-               <td>Lorem</td>
-           </tr>
-       </tbody>
-   </table>
- *
- */
-table{
-    width:100%;
-}
-th,
-td{
-    padding:$base-spacing-unit / 4;
-    @media screen and (min-width:480px){
-        padding:$half-spacing-unit;
-    }
-    text-align:left;
-}
-
-
-/**
- * Cell alignments
- */
-[colspan]{
-    text-align:center;
-}
-[colspan="1"]{
-    text-align:left;
-}
-[rowspan]{
-    vertical-align:middle;
-}
-[rowspan="1"]{
-    vertical-align:top;
-}
-.numerical{
-    text-align:right;
-}
-
-/**
- * In the HTML above we see several `col` elements with classes whose numbers
- * represent a percentage width for that column. We leave one column free of a
- * class so that column can soak up the effects of any accidental breakage in
- * the table.
- */
-.t5     { width: 5% }
-.t10    { width:10% }
-.t12    { width:12.5% }     /* 1/8 */
-.t15    { width:15% }
-.t20    { width:20% }
-.t25    { width:25% }       /* 1/4 */
-.t30    { width:30% }
-.t33    { width:33.333% }   /* 1/3 */
-.t35    { width:35% }
-.t37    { width:37.5% }     /* 3/8 */
-.t40    { width:40% }
-.t45    { width:45% }
-.t50    { width:50% }       /* 1/2 */
-.t55    { width:55% }
-.t60    { width:60% }
-.t62    { width:62.5% }     /* 5/8 */
-.t65    { width:65% }
-.t66    { width:66.666% }   /* 2/3 */
-.t70    { width:70% }
-.t75    { width:75% }       /* 3/4*/
-.t80    { width:80% }
-.t85    { width:85% }
-.t87    { width:87.5% }     /* 7/8 */
-.t90    { width:90% }
-.t95    { width:95% }
-
-
-/**
- * Bordered tables
- */
-.table--bordered{
-
-    th,
-    td{
-        border:1px solid $base-ui-color;
-
-        &:empty{
-            border:none;
-        }
-    }
-
-    thead tr:last-child th{
-        border-bottom-width:2px;
-    }
-
-    tbody tr th:last-of-type{
-        border-right-width:2px;
-    }
-}
-
-
-/**
- * Striped tables
- */
-.table--striped{
-
-    tbody tr:nth-of-type(odd){
-        background-color:#ffc; /* Override this color in your theme stylesheet */
-    }
-}
-
-
-/**
- * Data table
- */
-.table--data{
-    font:12px/1.5 sans-serif;
-}

sass/inuitcss/component.json

@@ -1,5 +0,0 @@
-{
-    "name": "inuit.css",
-    "version": "5.0.1",
-    "dependencies": {}
-}

sass/inuitcss/generic/_brand.scss

@@ -1,19 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $BRAND
-\*------------------------------------*/
-/**
- * `.brand` is a quick and simple way to apply your brand face and/or color to
- * any element using a handy helper class.
- */
-.brand{
-    font-family:$brand-face +!important;
-    color:$brand-color +!important;
-}
-.brand-face{
-    font-family:$brand-face +!important;
-}
-.brand-color,
-.brand-colour{
-    color:$brand-color +!important;
-}

sass/inuitcss/generic/_clearfix.scss

@@ -1,16 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $CLEARFIX
-\*------------------------------------*/
-/**
- * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
- * Extend the clearfix class with Sass to avoid the `.cf` class appearing over
- * and over in your markup.
- */
-.cf{
-    &:after{
-        content:"";
-        display:table;
-        clear:both;
-    }
-}

sass/inuitcss/generic/_debug.scss

@@ -1,169 +0,0 @@
-@charset "UTF-8";
-@if $debug-mode == true{
-/*------------------------------------*\
-    $DEBUG
-\*------------------------------------*/
-/**
- * Enable this stylesheet to visually detect any improperly nested or
- * potentially invalid markup, or any potentially inaccessible code.
- *
- * Red          ==      definite error
- * Yellow       ==      double-check
- * None         ==      should be fine
- *
- * Please note that this method of checking markup quality should not be relied
- * upon entirely. Validate your markup!
- */
-
-
-/**
- * Are there any empty elements in your page?
- */
-:empty{
-    outline:5px solid yellow;
-}
-
-
-/**
- * Images require `alt` attributes, empty `alt`s are fine but should be
- * double-checked, no `alt` is bad and is flagged red.
- */
-img{
-    outline:5px solid red;
-}
-img[alt]{
-    outline:none;
-}
-img[alt=""]{
-    outline:5px solid yellow;
-}
-
-
-/**
- * Links sometimes, though not always, benefit from `title` attributes. Links
- * without are never invalid but it’s a good idea to check.
- */
-a{
-    outline:5px solid yellow;
-}
-a[title]{
-    outline:none;
-}
-
-
-/**
- * Double-check any links whose `href` is something questionable.
- */
-a[href="#"],
-a[href*="javascript"]{
-    outline:5px solid yellow;
-}
-
-
-/**
- * The `target` attribute ain’t too nice...
- */
-a[target]{
-    outline:5px solid yellow;
-}
-
-
-/**
- * Ensure any lists only contain `li`s as children.
- */
-ul,
-ol{
-    > *:not(li){
-        outline:5px solid red;
-    }
-}
-
-
-/**
- * It’s always nice to give `th`s `scope` attributes.
- */
-th{
-    outline:5px solid yellow;
-}
-th[scope]{
-    outline:none;
-}
-
-
-/**
- * `tr`s as children of `table`s ain’t great, did you need a `thead`/`tbody`?
- */
-table > tr{
-    outline:5px solid yellow;
-}
-
-
-/**
- * `tfoot` needs to come *before* `tbody`.
- */
-tbody + tfoot{
-    outline:5px solid yellow;
-}
-
-
-/**
- * Forms require `action` attributes
- */
-form{
-    outline:5px solid red;
-}
-form[action]{
-    outline:none;
-}
-
-
-/**
- * Various form-field types have required attributes. `input`s need `type`
- * attributes, `textarea`s need `rows` and `cols` attributes and submit buttons
- * need a `value` attribute.
- */
-textarea,
-input{
-    outline:5px solid red;
-}
-input[type]{
-    outline:none;
-}
-textarea[rows][cols]{
-    outline:none;
-}
-input[type=submit]{
-    outline:5px solid red;
-}
-input[type=submit][value]{
-    outline:none;
-}
-
-
-/**
- * Avoid inline styles where possible.
- */
-[style]{
-	outline:5px solid yellow;
-}
-
-
-/**
- * You should avoid using IDs for CSS, is this doing any styling?
- */
-[id]{
-	outline:5px solid yellow;
-}
-
-
-/**
- * Are you using the grid system correctly?
- */
-.gw > :not(.g),
-.grid-wrapper > :not(.grid),
-.gw--rev > :not(.g),
-.grid-wrapper--rev > :not(.grid){
-	outline:5px solid red;
-}
-
-}/* endif */

sass/inuitcss/generic/_helper.scss

@@ -1,185 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $HELPER
-\*------------------------------------*/
-/**
- * A series of helper classes to use arbitrarily. Only use a helper class if an
- * element/component doesn’t already have a class to which you could apply this
- * styling, e.g., if you need to float `.main-nav` left then add `float:left;` to
- * that ruleset as opposed to adding the `.float--left` class to the markup.
- *
- * A lot of these classes carry `!important` as you will always want them to win
- * out over other selectors.
- */
-
-
-/**
- * Add/remove floats
- */
-.float--right   { float:right!important; }
-.float--left    { float:left !important; }
-.float--none    { float:none !important; }
-
-
-/**
- * Text alignment
- */
-.text--left     { text-align:left  !important; }
-.text--center   { text-align:center!important; }
-.text--right    { text-align:right !important; }
-
-
-/**
- * Font weights
- */
-.weight--light      { font-weight:300!important; }
-.weight--normal     { font-weight:400!important; }
-.weight--semibold   { font-weight:600!important; }
-
-
-/**
- * Add/remove margins
- */
-.push           { margin:       $base-spacing-unit!important; }
-.push--top      { margin-top:   $base-spacing-unit!important; }
-.push--right    { margin-right: $base-spacing-unit!important; }
-.push--bottom   { margin-bottom:$base-spacing-unit!important; }
-.push--left     { margin-left:  $base-spacing-unit!important; }
-.push--ends     { margin-top:   $base-spacing-unit!important; margin-bottom:$base-spacing-unit!important; }
-.push--sides    { margin-right: $base-spacing-unit!important; margin-left:  $base-spacing-unit!important; }
-
-.push-half          { margin:       $half-spacing-unit!important; }
-.push-half--top     { margin-top:   $half-spacing-unit!important; }
-.push-half--right   { margin-right: $half-spacing-unit!important; }
-.push-half--bottom  { margin-bottom:$half-spacing-unit!important; }
-.push-half--left    { margin-left:  $half-spacing-unit!important; }
-.push-half--ends    { margin-top:   $half-spacing-unit!important; margin-bottom:$half-spacing-unit!important; }
-.push-half--sides   { margin-right: $half-spacing-unit!important; margin-left:  $half-spacing-unit!important; }
-
-.flush          { margin:       0!important; }
-.flush--top     { margin-top:   0!important; }
-.flush--right   { margin-right: 0!important; }
-.flush--bottom  { margin-bottom:0!important; }
-.flush--left    { margin-left:  0!important; }
-.flush--ends    { margin-top:   0!important; margin-bottom:0!important; }
-.flush--sides   { margin-right: 0!important; margin-left:  0!important; }
-
-
-/**
- * Add/remove paddings
- */
-.soft           { padding:       $base-spacing-unit!important; }
-.soft--top      { padding-top:   $base-spacing-unit!important; }
-.soft--right    { padding-right: $base-spacing-unit!important; }
-.soft--bottom   { padding-bottom:$base-spacing-unit!important; }
-.soft--left     { padding-left:  $base-spacing-unit!important; }
-.soft--ends     { padding-top:   $base-spacing-unit!important; padding-bottom:$base-spacing-unit!important; }
-.soft--sides    { padding-right: $base-spacing-unit!important; padding-left:  $base-spacing-unit!important; }
-
-.soft-half           { padding:       $half-spacing-unit!important; }
-.soft-half--top      { padding-top:   $half-spacing-unit!important; }
-.soft-half--right    { padding-right: $half-spacing-unit!important; }
-.soft-half--bottom   { padding-bottom:$half-spacing-unit!important; }
-.soft-half--left     { padding-left:  $half-spacing-unit!important; }
-.soft-half--ends     { padding-top:   $half-spacing-unit!important; padding-bottom:$half-spacing-unit!important; }
-.soft-half--sides    { padding-right: $half-spacing-unit!important; padding-left:  $half-spacing-unit!important; }
-
-.hard           { padding:       0!important; }
-.hard--top      { padding-top:   0!important; }
-.hard--right    { padding-right: 0!important; }
-.hard--bottom   { padding-bottom:0!important; }
-.hard--left     { padding-left:  0!important; }
-.hard--ends     { padding-top:   0!important; padding-bottom:0!important; }
-.hard--sides    { padding-right: 0!important; padding-left:  0!important; }
-
-
-/**
- * Pull items full width of `.island` parents.
- */
-.full-bleed{
-    margin-right:-$base-spacing-unit!important;
-    margin-left: -$base-spacing-unit!important;
-
-    .islet &{
-        margin-right:-($half-spacing-unit)!important;
-        margin-left: -($half-spacing-unit)!important;
-    }
-}
-
-
-/**
- * Add a help cursor to any element that gives the user extra information on
- * `:hover`.
- */
-.informative{
-    cursor:help!important;
-}
-
-
-/**
- * Mute an object by reducing its opacity.
- */
-.muted{
-    opacity:0.5!important;
-    filter:alpha(opacity = 50)!important;
-}
-
-
-/**
- * Align items to the right where they imply progression/movement forward, e.g.:
- *
-   <p class=proceed><a href=#>Read more...</a></p>
- *
- */
-.proceed{
-    text-align:right!important;
-}
-
-
-/**
- * Add a right-angled quote to links that imply movement, e.g.:
- *
-   <a href=# class=go>Read more</a>
- *
- */
-.go:after{
-    content:"\00A0" "\00BB"!important;
-}
-
-
-/**
- * Apply capital case to an element (usually a `strong`).
- */
-.caps{
-    text-transform:uppercase!important;
-}
-
-
-/**
- * Hide content off-screen without resorting to `display:none;`, also provide
- * breakpoint specific hidden elements.
- */
-@mixin accessibility{
-    border:0!important;
-    clip:rect(0 0 0 0)!important;
-    height:1px!important;
-    margin:-1px!important;
-    overflow:hidden!important;
-    padding:0!important;
-    position: absolute!important;
-    width:1px!important;
-}
-.accessibility,
-.visuallyhidden{
-    @include accessibility;
-}
-@if $responsive{
-    @each $state in palm, lap, lap-and-up, portable, desk, desk-wide{
-        @include media-query(#{$state}){
-            .accessibility--#{$state},
-            .visuallyhidden--#{$state}{
-                @include accessibility;
-            }
-        }
-    }
-}

sass/inuitcss/generic/_mixins.scss

@@ -1,329 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $MIXINS
-\*------------------------------------*/
-/**
- * Create a fully formed type style (sizing and vertical rhythm) by passing in a
- * single value, e.g.:
- *
-   `@include font-size(10px);`
- *
- * Thanks to @redclov3r for the `line-height` Sass:
- * twitter.com/redclov3r/status/250301539321798657
- */
-@mixin font-size($font-size, $line-height:true){
-    font-size:$font-size;
-    font-size:($font-size / $base-font-size)*1rem;
-    @if $line-height == true{
-        line-height:ceil($font-size / $base-line-height) * ($base-line-height / $font-size);
-    }
-}
-
-
-/**
- * Style any number of headings in one fell swoop, e.g.:
- *
-   .foo{
-       @include headings(1, 3){
-           color:#BADA55;
-       }
-    }
- *
- * With thanks to @lar_zzz, @paranoida, @rowanmanning and ultimately
- * @thierrylemoulec for refining and improving my initial mixin.
- */
-@mixin headings($from: 1, $to: 6){
-    %base-heading {
-        @content
-    }
-
-    @if $from >= 1 and $to <= 6{
-        @for $i from $from through $to{
-            h#{$i}{
-                @extend %base-heading;
-            }
-        }
-    }
-}
-
-
-/**
- * Create vendor-prefixed CSS in one go, e.g.
- *
-   `@include vendor(border-radius, 4px);`
- *
- */
-@mixin vendor($property, $value...){
-    -webkit-#{$property}:$value;
-       -moz-#{$property}:$value;
-        -ms-#{$property}:$value;
-         -o-#{$property}:$value;
-            #{$property}:$value;
-}
-
-
-/**
- * Create CSS keyframe animations for all vendors in one go, e.g.:
- *
-   .foo{
-       @include vendor(animation, shrink 3s);
-   }
-
-   @include keyframe(shrink){
-       from{
-           font-size:5em;
-       }
-   }
- *
- * Courtesy of @integralist: twitter.com/integralist/status/260484115315437569
- */
-@mixin keyframe ($animation-name){
-    @-webkit-keyframes $animation-name{
-        @content;
-    }
-
-    @-moz-keyframes $animation-name{
-        @content;
-    }
-
-    @-ms-keyframes $animation-name{
-        @content;
-    }
-
-    @-o-keyframes $animation-name{
-        @content;
-    }
-
-    @keyframes $animation-name{
-        @content;
-    }
-}
-
-
-/**
- * Force overly long spans of text to truncate, e.g.:
- *
-   `@include truncate(100%);`
- *
- * Where `$truncation-boundary` is a united measurement.
- */
-@mixin truncate($truncation-boundary){
-    max-width:$truncation-boundary;
-    white-space:nowrap;
-    overflow:hidden;
-    text-overflow:ellipsis;
-}
-
-
-/**
- * CSS arrows!!! But... before you read on, you might want to grab a coffee...
- *
- * This mixin creates a CSS arrow on a given element. We can have the arrow
- * appear in one of 12 locations, thus:
- *
- *       01    02    03
- *    +------------------+
- * 12 |                  | 04
- *    |                  |
- * 11 |                  | 05
- *    |                  |
- * 10 |                  | 06
- *    +------------------+
- *       09    08    07
- *
- * You pass this position in along with a desired arrow color and optional
- * border color, for example:
- *
- * `@include arrow(top, left, red)`
- *
- * for just a single, red arrow, or:
- *
- * `@include arrow(bottom, center, red, black)`
- *
- * which will create a red triangle with a black border which sits at the bottom
- * center of the element. Call the mixin thus:
- *
-   .foo{
-       background-color:#BADA55;
-       border:1px solid #ACE;
-       @include arrow(top, left, #BADA55, #ACE);
-   }
- *
- */
-@mixin arrow($arrow-edge, $arrow-location, $arrow-color, $border-color: $arrow-color){
-
-    @if $arrow-edge == top{
-
-        @extend %arrow--top;
-
-        &:before{
-            border-bottom-color:$border-color!important;
-        }
-
-        &:after{
-            border-bottom-color:$arrow-color!important;
-        }
-
-        @if $arrow-location == left{
-            @extend %arrow--left;
-        }
-
-        @if $arrow-location == center{
-            @extend %arrow--center;
-        }
-
-        @if $arrow-location == right{
-            @extend %arrow--right;
-        }
-
-    }
-
-    @if $arrow-edge == right{
-
-        @extend %arrow--far;
-
-        &:before{
-            border-left-color:$border-color!important;
-        }
-
-        &:after{
-            border-left-color:$arrow-color!important;
-        }
-
-        @if $arrow-location == top{
-            @extend %arrow--upper;
-        }
-
-        @if $arrow-location == center{
-            @extend %arrow--middle;
-        }
-
-        @if $arrow-location == bottom{
-            @extend %arrow--lower;
-        }
-
-    }
-
-    @if $arrow-edge == bottom{
-
-        @extend %arrow--bottom;
-
-        &:before{
-            border-top-color:$border-color!important;
-        }
-
-        &:after{
-            border-top-color:$arrow-color!important;
-        }
-
-        @if $arrow-location == left{
-            @extend %arrow--left;
-        }
-
-        @if $arrow-location == center{
-            @extend %arrow--center;
-        }
-
-        @if $arrow-location == right{
-            @extend %arrow--right;
-        }
-
-    }
-
-    @if $arrow-edge == left{
-
-        @extend %arrow--near;
-
-        &:before{
-            border-right-color:$border-color!important;
-        }
-
-        &:after{
-            border-right-color:$arrow-color!important;
-        }
-
-        @if $arrow-location == top{
-            @extend %arrow--upper;
-        }
-
-        @if $arrow-location == center{
-            @extend %arrow--middle;
-        }
-
-        @if $arrow-location == bottom{
-            @extend %arrow--lower;
-        }
-
-    }
-
-}
-
-
-/**
- * Media query mixin.
- *
- * It’s not great practice to define solid breakpoints up-front, preferring to
- * modify your design when it needs it, rather than assuming you’ll want a
- * change at ‘mobile’. However, as inuit.css is required to take a hands off
- * approach to design decisions, this is the closest we can get to baked-in
- * responsiveness. It’s flexible enough to allow you to set your own breakpoints
- * but solid enough to be frameworkified.
- *
- * We define some broad breakpoints in our vars file that are picked up here
- * for use in a simple media query mixin. Our options are:
- *
- * palm
- * lap
- * lap-and-up
- * portable
- * desk
- * desk-wide
- *
- * Not using a media query will, naturally, serve styles to all devices.
- *
- * `@include media-query(palm){ [styles here] }`
- *
- * We work out your end points for you:
- */
-$palm-end:              $lap-start - 1px;
-$lap-end:               $desk-start - 1px;
-
-@mixin media-query($media-query){
-
-    @if $media-query == palm{
-
-        @media only screen and (max-width:$palm-end) { @content; }
-
-    }
-
-    @if $media-query == lap{
-
-        @media only screen and (min-width:$lap-start) and (max-width:$lap-end) { @content; }
-
-    }
-
-    @if $media-query == lap-and-up{
-
-        @media only screen and (min-width:$lap-start) { @content; }
-
-    }
-
-    @if $media-query == portable{
-
-        @media only screen and (max-width:$lap-end) { @content; }
-
-    }
-
-    @if $media-query == desk{
-
-        @media only screen and (min-width:$desk-start) { @content; }
-
-    }
-
-    @if $media-query == desk-wide{
-
-        @media only screen and (min-width: $desk-wide-start) { @content; }
-
-    }
-
-}

sass/inuitcss/generic/_normalize.scss

@@ -1,397 +0,0 @@
-@charset "UTF-8";
-/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
-
-/* ==========================================================================
-   HTML5 display definitions
-   ========================================================================== */
-
-/*
- * Correct `block` display not defined in IE 8/9.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-nav,
-section,
-summary {
-    display: block;
-}
-
-/*
- * Correct `inline-block` display not defined in IE 8/9.
- */
-
-audio,
-canvas,
-video {
-    display: inline-block;
-}
-
-/*
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-    display: none;
-    height: 0;
-}
-
-/*
- * Address styling not present in IE 8/9.
- */
-
-[hidden] {
-    display: none;
-}
-
-/* ==========================================================================
-   Base
-   ========================================================================== */
-
-/*
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
-html {
-    font-family: sans-serif; /* 1 */
-    -webkit-text-size-adjust: 100%; /* 2 */
-    -ms-text-size-adjust: 100%; /* 2 */
-}
-
-/*
- * Remove default margin.
- */
-
-body {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Links
-   ========================================================================== */
-
-/*
- * Address `outline` inconsistency between Chrome and other browsers.
- */
-
-a:focus {
-    outline: thin dotted;
-}
-
-/*
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-    outline: 0;
-}
-
-/* ==========================================================================
-   Typography
-   ========================================================================== */
-
-/*
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari 5, and Chrome.
- */
-
-h1 {
-    font-size: 2em;
-    margin: 0.67em 0;
-}
-
-/*
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
- */
-
-abbr[title] {
-    border-bottom: 1px dotted;
-}
-
-/*
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
- */
-
-b,
-strong {
-    font-weight: bold;
-}
-
-/*
- * Address styling not present in Safari 5 and Chrome.
- */
-
-dfn {
-    font-style: italic;
-}
-
-/*
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-    height: 0;
-}
-
-/*
- * Address styling not present in IE 8/9.
- */
-
-mark {
-    background: #ff0;
-    color: #000;
-}
-
-/*
- * Correct font family set oddly in Safari 5 and Chrome.
- */
-
-code,
-kbd,
-pre,
-samp {
-    font-family: monospace, sans-serif;
-    font-size: 1em;
-}
-
-/*
- * Improve readability of pre-formatted text in all browsers.
- */
-
-pre {
-    white-space: pre-wrap;
-}
-
-/*
- * Set consistent quote types.
- */
-
-q {
-    quotes: "\201C" "\201D" "\2018" "\2019";
-}
-
-/*
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-    font-size: 80%;
-}
-
-/*
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-}
-
-sup {
-    top: -0.5em;
-}
-
-sub {
-    bottom: -0.25em;
-}
-
-/* ==========================================================================
-   Embedded content
-   ========================================================================== */
-
-/*
- * Remove border when inside `a` element in IE 8/9.
- */
-
-img {
-    border: 0;
-}
-
-/*
- * Correct overflow displayed oddly in IE 9.
- */
-
-svg:not(:root) {
-    overflow: hidden;
-}
-
-/* ==========================================================================
-   Figures
-   ========================================================================== */
-
-/*
- * Address margin not present in IE 8/9 and Safari 5.
- */
-
-figure {
-    margin: 0;
-}
-
-/* ==========================================================================
-   Forms
-   ========================================================================== */
-
-/*
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-    border: 1px solid #c0c0c0;
-    margin: 0 2px;
-    padding: 0.35em 0.625em 0.75em;
-}
-
-/*
- * 1. Correct `color` not being inherited in IE 8/9.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-    border: 0; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/*
- * 1. Correct font family not being inherited in all browsers.
- * 2. Correct font size not being inherited in all browsers.
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
- */
-
-button,
-input,
-select,
-textarea {
-    font-family: inherit; /* 1 */
-    font-size: 100%; /* 2 */
-    margin: 0; /* 3 */
-}
-
-/*
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-button,
-input {
-    line-height: normal;
-}
-
-/*
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
- * Correct `select` style inheritance in Firefox 4+ and Opera.
- */
-
-button,
-select {
-    text-transform: none;
-}
-
-/*
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-    -webkit-appearance: button; /* 2 */
-    cursor: pointer; /* 3 */
-}
-
-/*
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-    cursor: default;
-}
-
-/*
- * 1. Address box sizing set to `content-box` in IE 8/9.
- * 2. Remove excess padding in IE 8/9.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-    box-sizing: border-box; /* 1 */
-    padding: 0; /* 2 */
-}
-
-/*
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-    -webkit-appearance: textfield; /* 1 */
-    -moz-box-sizing: content-box;
-    -webkit-box-sizing: content-box; /* 2 */
-    box-sizing: content-box;
-}
-
-/*
- * Remove inner padding and search cancel button in Safari 5 and Chrome
- * on OS X.
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/*
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-}
-
-/*
- * 1. Remove default vertical scrollbar in IE 8/9.
- * 2. Improve readability and alignment in all browsers.
- */
-
-textarea {
-    overflow: auto; /* 1 */
-    vertical-align: top; /* 2 */
-}
-
-/* ==========================================================================
-   Tables
-   ========================================================================== */
-
-/*
- * Remove most spacing between table cells.
- */
-
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}

sass/inuitcss/generic/_pull.scss

@@ -1,148 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $PULL
-\*------------------------------------*/
-/**
- * Pull classes, to move grid items over to the right by certain amounts.
- */
-
-@mixin pull-setup($namespace: "") {
-
-    /**
-     * Whole
-     */
-    .pull--#{$namespace}one-whole           { right:100%; }
-
-
-    /**
-     * Halves
-     */
-    .pull--#{$namespace}one-half            { right:50%; }
-
-
-    /**
-     * Thirds
-     */
-    .pull--#{$namespace}one-third           { right:33.333%; }
-    .pull--#{$namespace}two-thirds          { right:66.666%; }
-
-
-    /**
-     * Quarters
-     */
-    .pull--#{$namespace}one-quarter         { right:25%; }
-    .pull--#{$namespace}two-quarters        { @extend .pull--#{$namespace}one-half; }
-    .pull--#{$namespace}three-quarters      { right:75%; }
-
-
-    /**
-     * Fifths
-     */
-    .pull--#{$namespace}one-fifth           { right:20%; }
-    .pull--#{$namespace}two-fifths          { right:40%; }
-    .pull--#{$namespace}three-fifths        { right:60%; }
-    .pull--#{$namespace}four-fifths         { right:80%; }
-
-
-    /**
-     * Sixths
-     */
-    .pull--#{$namespace}one-sixth           { right:16.666%; }
-    .pull--#{$namespace}two-sixths          { @extend .pull--#{$namespace}one-third; }
-    .pull--#{$namespace}three-sixths        { @extend .pull--#{$namespace}one-half; }
-    .pull--#{$namespace}four-sixths         { @extend .pull--#{$namespace}two-thirds; }
-    .pull--#{$namespace}five-sixths         { right:83.333%; }
-
-
-    /**
-     * Eighths
-     */
-    .pull--#{$namespace}one-eighth          { right:12.5%; }
-    .pull--#{$namespace}two-eighths         { @extend .pull--#{$namespace}one-quarter; }
-    .pull--#{$namespace}three-eighths       { right:37.5%; }
-    .pull--#{$namespace}four-eighths        { @extend .pull--#{$namespace}one-half; }
-    .pull--#{$namespace}five-eighths        { right:62.5%; }
-    .pull--#{$namespace}six-eighths         { @extend .pull--#{$namespace}three-quarters; }
-    .pull--#{$namespace}seven-eighths       { right:87.5%; }
-
-
-    /**
-     * Tenths
-     */
-    .pull--#{$namespace}one-tenth           { right:10%; }
-    .pull--#{$namespace}two-tenths          { @extend .pull--#{$namespace}one-fifth; }
-    .pull--#{$namespace}three-tenths        { right:30%; }
-    .pull--#{$namespace}four-tenths         { @extend .pull--#{$namespace}two-fifths; }
-    .pull--#{$namespace}five-tenths         { @extend .pull--#{$namespace}one-half; }
-    .pull--#{$namespace}six-tenths          { @extend .pull--#{$namespace}three-fifths; }
-    .pull--#{$namespace}seven-tenths        { right:70%; }
-    .pull--#{$namespace}eight-tenths        { @extend .pull--#{$namespace}four-fifths; }
-    .pull--#{$namespace}nine-tenths         { right:90%; }
-
-
-    /**
-     * Twelfths
-     */
-    .pull--#{$namespace}one-twelfth         { right:8.333%; }
-    .pull--#{$namespace}two-twelfths        { @extend .pull--#{$namespace}one-sixth; }
-    .pull--#{$namespace}three-twelfths      { @extend .pull--#{$namespace}one-quarter; }
-    .pull--#{$namespace}four-twelfths       { @extend .pull--#{$namespace}one-third; }
-    .pull--#{$namespace}five-twelfths       { right:41.666% }
-    .pull--#{$namespace}six-twelfths        { @extend .pull--#{$namespace}one-half; }
-    .pull--#{$namespace}seven-twelfths      { right:58.333%; }
-    .pull--#{$namespace}eight-twelfths      { @extend .pull--#{$namespace}two-thirds; }
-    .pull--#{$namespace}nine-twelfths       { @extend .pull--#{$namespace}three-quarters; }
-    .pull--#{$namespace}ten-twelfths        { @extend .pull--#{$namespace}five-sixths; }
-    .pull--#{$namespace}eleven-twelfths     { right:91.666%; }
-}
-
-@if $pull == true{
-
-/**
- * Not a particularly great selector, but the DRYest way to do things.
- */
-[class*="pull--"]{ position:relative; }
-
-@include pull-setup();
-
-@if $palm-pull == true{
-
-    @include media-query(palm){
-        @include pull-setup("palm-");
-    }
-
-}
-
-@if $lap-pull == true{
-
-    @include media-query(lap){
-        @include pull-setup("lap-");
-    }
-
-}
-
-@if $lap-and-up-pull == true{
-
-    @include media-query(lap-and-up){
-        @include pull-setup("lap-and-up-");
-    }
-
-}
-
-@if $portable-pull == true{
-
-    @include media-query(portable){
-        @include pull-setup("portable-");
-    }
-
-}
-
-@if $desk-pull == true{
-
-    @include media-query(desk){
-        @include pull-setup("desk-");
-    }
-
-}
-
-}//endif

sass/inuitcss/generic/_push.scss

@@ -1,148 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $PUSH
-\*------------------------------------*/
-/**
- * Push classes, to move grid items over to the right by certain amounts.
- */
-
-@mixin push-setup($namespace: "") {
-
-    /**
-     * Whole
-     */
-    .push--#{$namespace}one-whole           { left:100%; }
-
-
-    /**
-     * Halves
-     */
-    .push--#{$namespace}one-half            { left:50%; }
-
-
-    /**
-     * Thirds
-     */
-    .push--#{$namespace}one-third           { left:33.333%; }
-    .push--#{$namespace}two-thirds          { left:66.666%; }
-
-
-    /**
-     * Quarters
-     */
-    .push--#{$namespace}one-quarter         { left:25%; }
-    .push--#{$namespace}two-quarters        { @extend .push--#{$namespace}one-half; }
-    .push--#{$namespace}three-quarters      { left:75%; }
-
-
-    /**
-     * Fifths
-     */
-    .push--#{$namespace}one-fifth           { left:20%; }
-    .push--#{$namespace}two-fifths          { left:40%; }
-    .push--#{$namespace}three-fifths        { left:60%; }
-    .push--#{$namespace}four-fifths         { left:80%; }
-
-
-    /**
-     * Sixths
-     */
-    .push--#{$namespace}one-sixth           { left:16.666%; }
-    .push--#{$namespace}two-sixths          { @extend .push--#{$namespace}one-third; }
-    .push--#{$namespace}three-sixths        { @extend .push--#{$namespace}one-half; }
-    .push--#{$namespace}four-sixths         { @extend .push--#{$namespace}two-thirds; }
-    .push--#{$namespace}five-sixths         { left:83.333%; }
-
-
-    /**
-     * Eighths
-     */
-    .push--#{$namespace}one-eighth          { left:12.5%; }
-    .push--#{$namespace}two-eighths         { @extend .push--#{$namespace}one-quarter; }
-    .push--#{$namespace}three-eighths       { left:37.5%; }
-    .push--#{$namespace}four-eighths        { @extend .push--#{$namespace}one-half; }
-    .push--#{$namespace}five-eighths        { left:62.5%; }
-    .push--#{$namespace}six-eighths         { @extend .push--#{$namespace}three-quarters; }
-    .push--#{$namespace}seven-eighths       { left:87.5%; }
-
-
-    /**
-     * Tenths
-     */
-    .push--#{$namespace}one-tenth           { left:10%; }
-    .push--#{$namespace}two-tenths          { @extend .push--#{$namespace}one-fifth; }
-    .push--#{$namespace}three-tenths        { left:30%; }
-    .push--#{$namespace}four-tenths         { @extend .push--#{$namespace}two-fifths; }
-    .push--#{$namespace}five-tenths         { @extend .push--#{$namespace}one-half; }
-    .push--#{$namespace}six-tenths          { @extend .push--#{$namespace}three-fifths; }
-    .push--#{$namespace}seven-tenths        { left:70%; }
-    .push--#{$namespace}eight-tenths        { @extend .push--#{$namespace}four-fifths; }
-    .push--#{$namespace}nine-tenths         { left:90%; }
-
-
-    /**
-     * Twelfths
-     */
-    .push--#{$namespace}one-twelfth         { left:8.333%; }
-    .push--#{$namespace}two-twelfths        { @extend .push--#{$namespace}one-sixth; }
-    .push--#{$namespace}three-twelfths      { @extend .push--#{$namespace}one-quarter; }
-    .push--#{$namespace}four-twelfths       { @extend .push--#{$namespace}one-third; }
-    .push--#{$namespace}five-twelfths       { left:41.666% }
-    .push--#{$namespace}six-twelfths        { @extend .push--#{$namespace}one-half; }
-    .push--#{$namespace}seven-twelfths      { left:58.333%; }
-    .push--#{$namespace}eight-twelfths      { @extend .push--#{$namespace}two-thirds; }
-    .push--#{$namespace}nine-twelfths       { @extend .push--#{$namespace}three-quarters; }
-    .push--#{$namespace}ten-twelfths        { @extend .push--#{$namespace}five-sixths; }
-    .push--#{$namespace}eleven-twelfths     { left:91.666%; }
-}
-
-@if $push == true{
-
-@include push-setup();
-
-/**
- * Not a particularly great selector, but the DRYest way to do things.
- */
-[class*="push--"]{ position:relative; }
-
-@if $palm-push == true{
-
-    @include media-query(palm){
-        @include push-setup("palm-");
-    }
-
-}
-
-@if $lap-push == true{
-
-    @include media-query(lap){
-        @include push-setup("lap-");
-    }
-
-}
-
-@if $lap-and-up-push == true{
-
-    @include media-query(lap-and-up){
-        @include push-setup("lap-and-up-");
-    }
-
-}
-
-@if $portable-push == true{
-
-    @include media-query(portable){
-        @include push-setup("portable-");
-    }
-
-}
-
-@if $desk-push == true{
-
-    @include media-query(desk){
-        @include push-setup("desk-");
-    }
-
-}
-
-}//endif

sass/inuitcss/generic/_reset.scss

@@ -1,81 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $RESET
-\*------------------------------------*/
-/**
- * A more considered reset; more of a restart...
- * As per: csswizardry.com/2011/10/reset-restarted
- */
-
-@if $global-border-box == true{
-    /**
-    * Let’s make the box model all nice, shall we...?
-    */
-    *{
-        &,
-        &:before,
-        &:after{
-            @include vendor(box-sizing, border-box);
-        }
-    }
-}
-
-/**
- * The usual...
- */
-h1,h2,h3,h4,h5,h6,
-p,blockquote,pre,
-dl,dd,ol,ul,
-form,fieldset,legend,
-table,th,td,caption,
-hr{
-    margin:0;
-    padding:0;
-}
-
-/**
- * Give a help cursor to elements that give extra info on `:hover`.
- */
-abbr[title],dfn[title]{
-    cursor:help;
-}
-
-/**
- * Remove underlines from potentially troublesome elements.
- */
-u,ins{
-    text-decoration:none;
-}
-
-/**
- * Apply faux underline via `border-bottom`.
- */
-ins{
-    border-bottom:1px solid;
-}
-
-/**
- * So that `alt` text is visually offset if images don’t load.
- */
-img{
-    font-style:italic;
-}
-
-/**
- * Give form elements some cursor interactions...
- */
-label,
-input,
-textarea,
-button,
-select,
-option{
-    cursor:pointer;
-}
-    .text-input:active,
-    .text-input:focus,
-    textarea:active,
-    textarea:focus{
-        cursor:text;
-        outline:none;
-    }

sass/inuitcss/generic/_shared.scss

@@ -1,62 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $SHARED
-\*------------------------------------*/
-/**
- * Where `margin-bottom` is concerned, this value will be the same as the
- * base line-height. This allows us to keep a consistent vertical rhythm.
- * As per: csswizardry.com/2012/06/single-direction-margin-declarations
- */
-/**
- * Base elements
- */
-h1,h2,h3,h4,h5,h6,hgroup,
-ul,ol,dl,
-blockquote,p,address,
-table,
-fieldset,figure,
-pre,
-/**
- * Objects and abstractions
- */
-%sass-margin-bottom,
-.media,
-.island,
-.islet{
-    margin-bottom:$base-spacing-unit;
-    margin-bottom:($base-spacing-unit / $base-font-size)*1rem;
-
-    .islet &{
-        margin-bottom:$base-spacing-unit / 2;
-        margin-bottom:(($base-spacing-unit / $base-font-size) / 2)*1rem;
-    }
-}
-
-
-/**
- * Doubled up `margin-bottom` helper class.
- */
-.landmark{
-    margin-bottom:2 * $base-spacing-unit;
-    margin-bottom:(2 * $base-spacing-unit / $base-font-size)*1rem;
-}
-
-
-/**
- * `hr` elements only take up a few pixels, so we need to give them special
- * treatment regarding vertical rhythm.
- */
-hr{
-    margin-bottom:$base-spacing-unit - 2px;
-    margin-bottom:(($base-spacing-unit - 2px) / $base-font-size)*1rem;
-}
-
-
-/**
- * Where `margin-left` is concerned we want to try and indent certain elements
- * by a consistent amount. Define that amount once, here.
- */
-ul,ol,dd{
-    margin-left:2 * $base-spacing-unit;
-    margin-left:(2 * $base-spacing-unit / $base-font-size)*1rem;
-}

sass/inuitcss/generic/_widths.scss

@@ -1,159 +0,0 @@
-@charset "UTF-8";
-/*------------------------------------*\
-    $WIDTHS
-\*------------------------------------*/
-/**
- * Sizes in human readable format. These are used in conjunction with other
- * objects and abstractions found in inuit.css, most commonly the grid system
- * and faux flexbox.
- *
- * We have a mixin to generate our widths and their breakpoint-specific
- * variations.
- */
-
-@mixin grid-setup($namespace: "") {
-    /**
-    * Whole
-    */
-    .#{$namespace}one-whole         { width:100%; }
-
-
-    /**
-    * Halves
-    */
-    .#{$namespace}one-half          { width:50%; }
-
-
-    /**
-    * Thirds
-    */
-    .#{$namespace}one-third         { width:33.333%; }
-    .#{$namespace}two-thirds        { width:66.666%; }
-
-
-    /**
-    * Quarters
-    */
-    .#{$namespace}one-quarter       { width:25%; }
-    .#{$namespace}two-quarters      { @extend .#{$namespace}one-half; }
-    .#{$namespace}three-quarters    { width:75%; }
-
-
-    /**
-    * Fifths
-    */
-    .#{$namespace}one-fifth         { width:20%; }
-    .#{$namespace}two-fifths        { width:40%; }
-    .#{$namespace}three-fifths      { width:60%; }
-    .#{$namespace}four-fifths       { width:80%; }
-
-
-    /**
-    * Sixths
-    */
-    .#{$namespace}one-sixth         { width:16.666%; }
-    .#{$namespace}two-sixths        { @extend .#{$namespace}one-third; }
-    .#{$namespace}three-sixths      { @extend .#{$namespace}one-half; }
-    .#{$namespace}four-sixths       { @extend .#{$namespace}two-thirds; }
-    .#{$namespace}five-sixths       { width:83.333%; }
-
-
-    /**
-    * Eighths
-    */
-    .#{$namespace}one-eighth        { width:12.5%; }
-    .#{$namespace}two-eighths       { @extend .#{$namespace}one-quarter; }
-    .#{$namespace}three-eighths     { width:37.5%; }
-    .#{$namespace}four-eighths      { @extend .#{$namespace}one-half; }
-    .#{$namespace}five-eighths      { width:62.5%; }
-    .#{$namespace}six-eighths       { @extend .#{$namespace}three-quarters; }
-    .#{$namespace}seven-eighths     { width:87.5%; }
-
-
-    /**
-    * Tenths
-    */
-    .#{$namespace}one-tenth         { width:10%; }
-    .#{$namespace}two-tenths        { @extend .#{$namespace}one-fifth; }
-    .#{$namespace}three-tenths      { width:30%; }
-    .#{$namespace}four-tenths       { @extend .#{$namespace}two-fifths; }
-    .#{$namespace}five-tenths       { @extend .#{$namespace}one-half; }
-    .#{$namespace}six-tenths        { @extend .#{$namespace}three-fifths; }
-    .#{$namespace}seven-tenths      { width:70%; }
-    .#{$namespace}eight-tenths      { @extend .#{$namespace}four-fifths; }
-    .#{$namespace}nine-tenths       { width:90%; }
-
-
-    /**
-    * Twelfths
-    */
-    .#{$namespace}one-twelfth       { width:8.333%; }
-    .#{$namespace}two-twelfths      { @extend .#{$namespace}one-sixth; }
-    .#{$namespace}three-twelfths    { @extend .#{$namespace}one-quarter; }
-    .#{$namespace}four-twelfths     { @extend .#{$namespace}one-third; }
-    .#{$namespace}five-twelfths     { width:41.666% }
-    .#{$namespace}six-twelfths      { @extend .#{$namespace}one-half; }
-    .#{$namespace}seven-twelfths    { width:58.333%; }
-    .#{$namespace}eight-twelfths    { @extend .#{$namespace}two-thirds; }
-    .#{$namespace}nine-twelfths     { @extend .#{$namespace}three-quarters; }
-    .#{$namespace}ten-twelfths      { @extend .#{$namespace}five-sixths; }
-    .#{$namespace}eleven-twelfths   { width:91.666%; }
-}
-
-@include grid-setup();
-
-
-
-/**
- * If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
- * access to these classes. You can define at which breakpoint you’d like an
- * element to be a certain size, e.g.:
- *
- * `<div class="g  one-quarter  lap-one-half  palm-one-whole"> ... </div>`
- *
- * This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
- * horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
- * at ‘mobile’ sizes.
- *
- * Demo: jsfiddle.net/inuitcss/WS4Ge
- *
- */
-
-@if $responsive == true{
-
-@include media-query(palm){
-    @include grid-setup("palm-");
-}
-
-@include media-query(lap){
-    @include grid-setup("lap-");
-}
-
-@include media-query(lap-and-up){
-    @include grid-setup("lap-and-up-");
-}
-
-@include media-query(portable){
-    @include grid-setup("portable-");
-}
-
-@include media-query(desk){
-    @include grid-setup("desk-");
-}
-
-
-/**
- * If you have set the additional `$responsive-extra` variable to ‘true’ in
- * `_vars.scss` then you now have access to the following class available to
- * accommodate much larger screen resolutions.
- */
-
-@if $responsive-extra == true{
-
-@include media-query(desk-wide){
-    @include grid-setup("desk-wide-");
-}
-
-}
-
-} /* endif */

sass/inuitcss/objects/_arrows.scss

@@ -1,148 +0,0 @@
-@charset "UTF-8";
-@if $use-arrows == true{
-
-/*------------------------------------*\
-    $ARROWS
-\*------------------------------------*/
-/**
- * It is a common design treatment to give an element a triangular points-out
- * arrow, we typically build these with CSS. These following classes allow us to
- * generate these arbitrarily with a mixin, `@arrow()`.
- */
-
-$arrow-size:            $half-spacing-unit!default;
-$arrow-border:          1!default;
-$border:                $arrow-size;
-$arrow:                 $arrow-size - $arrow-border;
-
-/**
- * Forms the basis for any/all CSS arrows.
- */
-%arrow{
-    position:relative;
-
-    &:before,
-    &:after{
-        content:"";
-        position:absolute;
-        border-collapse:separate;
-    }
-    &:before{
-        border:$border solid transparent;
-    }
-    &:after{
-        border:$arrow solid transparent;
-    }
-}
-
-
-/**
- * Define individual edges so we can combine what we need, when we need.
- */
-%arrow--top{
-    @extend %arrow;
-
-    &:before,
-    &:after{
-        bottom:100%;
-    }
-}
-
-%arrow--upper{
-    @extend %arrow;
-
-    &:before{
-        top:$arrow;
-    }
-    &:after{
-        top:$border;
-    }
-}
-
-%arrow--middle{
-    @extend %arrow;
-
-    &:before,
-    &:after{
-        top:50%;
-        margin-top:-$border;
-    }
-    &:after{
-        margin-top:-$arrow;
-    }
-}
-
-%arrow--lower{
-    @extend %arrow;
-
-    &:before{
-        bottom:$arrow;
-    }
-    &:after{
-        bottom:$border;
-    }
-}
-
-%arrow--bottom{
-    @extend %arrow;
-
-    &:before,
-    &:after{
-        top:100%;
-    }
-}
-
-%arrow--near{
-    @extend %arrow;
-
-    &:before,
-    &:after{
-        right:100%;
-    }
-}
-
-%arrow--left{
-    @extend %arrow;
-
-    &:before{
-        left:$arrow;
-    }
-    &:after{
-        left:$border;
-    }
-}
-
-%arrow--center{
-    @extend %arrow;
-
-    &:before,
-    &:after{
-        left:50%;
-        margin-left:-$border;
-    }
-    &:after{
-        margin-left:-$arrow;
-    }
-}
-
-%arrow--right{
-    @extend %arrow;
-
-    &:before{
-        right:$arrow;
-    }
-    &:after{
-        right:$border;
-    }
-}
-
-%arrow--far{
-    @extend %arrow;
-
-    &:before,
-    &:after{
-        left:100%;
-    }
-}
-
-}//endif

sass/inuitcss/objects/_beautons.scss

@@ -1,227 +0,0 @@
-@charset "UTF-8";
-@if $use-beautons == true{
-
-/*------------------------------------*\
-    $BEAUTONS.CSS
-\*------------------------------------*/
-/**
- * beautons is a beautifully simple button toolkit.
- *
- * LICENSE
- * 
- * Copyright 2013 Harry Roberts
- * 
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- * 
- * http://apache.org/licenses/LICENSE-2.0
- * 
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- * 
- */
-
-
-/*!*
- * 
- * @csswizardry -- csswizardry.com/beautons
- * 
- */
-
-
-
-
-
-/*------------------------------------*\
-    $BASE
-\*------------------------------------*/
-/**
- * Base button styles.
- *
- * 1. Allow us to better style box model properties.
- * 2. Line different sized buttons up a little nicer.
- * 3. Stop buttons wrapping and looking broken.
- * 4. Make buttons inherit font styles.
- * 5. Force all elements using beautons to appear clickable.
- * 6. Normalise box model styles.
- * 7. If the button’s text is 1em, and the button is (3 * font-size) tall, then
- *    there is 1em of space above and below that text. We therefore apply 1em
- *    of space to the left and right, as padding, to keep consistent spacing.
- * 8. Basic cosmetics for default buttons. Change or override at will.
- * 9. Don’t allow buttons to have underlines; it kinda ruins the illusion.
- */
-.btn{
-    display:inline-block;       /* [1] */
-    vertical-align:middle;      /* [2] */
-    white-space:nowrap;         /* [3] */
-    font-family:inherit;        /* [4] */
-    font-size:100%;             /* [4] */
-    cursor:pointer;             /* [5] */
-    border:none;                /* [6] */
-    margin:0;                   /* [6] */
-    padding-top:   0;           /* [6] */
-    padding-bottom:0;           /* [6] */
-    line-height:3;              /* [7] */
-    padding-right:1em;          /* [7] */
-    padding-left: 1em;          /* [7] */
-    border-radius:$brand-round; /* [8] */
-}
-
-.btn{
-
-    &,
-    &:hover{
-        text-decoration:none;   /* [9] */
-    }
-
-    &:active,
-    &:focus{
-        outline:none;
-    }
-}
-
-
-
-
-
-/*------------------------------------*\
-    $SIZES
-\*------------------------------------*/
-/**
- * Button size modifiers.
- *
- * These all follow the same sizing rules as above; text is 1em, space around it
- * remains uniform.
- */
-.btn--small{
-    padding-right:0.5em;
-    padding-left: 0.5em;
-    line-height:2;
-}
-
-.btn--large{
-    padding-right:1.5em;
-    padding-left: 1.5em;
-    line-height:4;
-}
-
-.btn--huge{
-    padding-right:2em;
-    padding-left: 2em;
-    line-height:5;
-}
-
-/**
- * These buttons will fill the entirety of their container.
- *
- * 1. Remove padding so that widths and paddings don’t conflict.
- */
-.btn--full{
-    width:100%;
-    padding-right:0;            /* [1] */
-    padding-left: 0;            /* [1] */
-    text-align:center;
-}
-
-
-
-
-
-/*------------------------------------*\
-    $FONT-SIZES
-\*------------------------------------*/
-/**
- * Button font-size modifiers.
- */
-.btn--alpha{
-    font-size:3rem;
-}
-
-.btn--beta{
-    font-size:2rem;
-}
-
-.btn--gamma{
-    font-size:1rem;
-}
-
-/**
- * Make the button inherit sizing from its parent.
- */
-.btn--natural{
-    vertical-align:baseline;
-    font-size:inherit;
-    line-height:inherit;
-    padding-right:0.5em;
-    padding-left: 0.5em;
-}
-
-
-
-
-
-/*------------------------------------*\
-    $FUNCTIONS
-\*------------------------------------*/
-/**
- * Button function modifiers.
- */
-.btn--primary{}
-.btn--secondary{}
-.btn--tertiary{}
-
-/**
- * Positive actions; e.g., sign in, purchase, submit, etc.
- */
-.btn--positive{
-    background-color:#4A993E;
-    color:#fff;
-}
-
-/**
- * Negative actions; e.g., close account, delete photo, remove friend, etc.
- */
-.btn--negative{
-    background-color:#b33630;
-    color:#fff;
-}
-
-/**
- * Inactive, disabled buttons.
- * 
- * 1. Make the button look like normal text when hovered.
- */
-.btn--inactive,
-    .btn--inactive:hover,
-    .btn--inactive:active,
-    .btn--inactive:focus{
-        background-color:#ddd;
-        color:#777;
-        cursor:text;            /* [1] */
-    }
-
-
-
-
-
-/*------------------------------------*\
-    $STYLES
-\*------------------------------------*/
-/**
- * Button style modifiers.
- *
- * 1. Use an overly-large number to ensure completely rounded, pill-like ends.
- */
-.btn--soft{
-    border-radius:200px;        /* [1] */
-}
-
-.btn--hard{
-    border-radius:0;
-}
-
-}//endif

sass/inuitcss/objects/_block-list.scss

@@ -1,45 +0,0 @@
-@charset "UTF-8";
-@if $use-block-list == true or $use-matrix == true{
-
-/*------------------------------------*\
-    $BLOCK-LIST
-\*------------------------------------*/
-/**
- * Create big blocky lists of content, e.g.:
- *
-   <ul class=block-list>
-      <li>Foo</li>
-      <li>Bar</li>
-      <li>Baz</li>
-      <li><a href=# class=block-list__link>Foo Bar Baz</a></li>
-   </ul>
- *
- * Extend this object in your theme stylesheet.
- *
- * Demo: jsfiddle.net/inuitcss/hR57q
- *
- */
-.block-list{
-
-    &,
-    > li{
-        border:0 solid $base-ui-color;
-    }
-}
-.block-list{
-    list-style:none;
-    margin-left:0;
-    border-top-width:1px;
-
-    > li{
-        border-bottom-width:1px;
-        padding:$half-spacing-unit;
-    }
-}
-        .block-list__link{
-            display:block;
-            padding:$half-spacing-unit;
-            margin:-$half-spacing-unit;
-        }
-
-}//endif

sass/inuitcss/objects/_breadcrumb.scss

@@ -1,64 +0,0 @@
-@charset "UTF-8";
-@if $use-breadcrumb == true{
-
-/*------------------------------------*\
-    $BREADCRUMB
-\*------------------------------------*/
-/**
- * Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
- *
-   <ol class="nav  breadcrumb">
-       <li><a href=#>Home</a></li>
-       <li><a href=#>About</a></li>
-       <li><a href=#>The Board</a></li>
-       <li class=current><a href=#>Directors</a></li>
-   </ol>
- *
- * Demo: jsfiddle.net/inuitcss/rkAY9
- *
- */
-.breadcrumb > li + li:before{
-    content:"\00BB" "\00A0";
-}
-
-
-/**
- * For denoting a path-like structure, GitHub style, e.g.:
- *
-   <ol class="nav  breadcrumb--path">
-       <li class=breadcrumb__root><a href=#>inuit.css</a></li>
-       <li><a href=#>inuit.css</a></li>
-       <li><a href=#>partials</a></li>
-       <li class=current><a href=#>objects</a></li>
-   </ol>
- *
- */
-.breadcrumb--path > li + li:before{
-    content:"\002F" "\00A0";
-}
-
-
-/**
- * Assign a delimiter on the fly through a data attribute, e.g.:
- *
-   <ol class="nav  breadcrumb">
-       <li><a href=#>Home</a></li>
-       <li data-breadcrumb="|"><a href=#>About</a></li>
-       <li data-breadcrumb="|"><a href=#>The Board</a></li>
-       <li data-breadcrumb="|" class=current><a href=#>Directors</a></li>
-   </ol>
- *
- */
-.breadcrumb > li + li[data-breadcrumb]:before{
-    content:attr(data-breadcrumb) "\00A0";
-}
-
-
-/**
- * Denote the root of the tree.
- */
-.breadcrumb__root{
-    font-weight:bold;
-}
-
-}//endif

sass/inuitcss/objects/_columns.scss

@@ -1,23 +0,0 @@
-@charset "UTF-8";
-@if $use-columns == true{
-
-/*------------------------------------*\
-    $COLUMNS
-\*------------------------------------*/
-/**
- * Here we can set elements in columns of text using CSS3, e.g.:
- *
-   <p class=text-cols--2>
- *
- * Demo: jsfiddle.net/inuitcss/E26Yd
- *
- */
-%text-cols{
-    @include vendor(column-gap, $base-spacing-unit);
-}
-.text-cols--2    { @extend %text-cols; @include vendor(column-count, 2); }
-.text-cols--3    { @extend %text-cols; @include vendor(column-count, 3); }
-.text-cols--4    { @extend %text-cols; @include vendor(column-count, 4); }
-.text-cols--5    { @extend %text-cols; @include vendor(column-count, 5); }
-
-}//endif

sass/inuitcss/objects/_flexbox.scss

@@ -1,56 +0,0 @@
-@charset "UTF-8";
-@if $use-flexbox == true{
-
-/*------------------------------------*\
-    $FLEXBOX
-\*------------------------------------*/
-/**
- * Until we can utilise flexbox natively we can kinda, sorta, attempt to emulate
- * it, in a way... e.g.:
- *
-   <header class=flexbox>
-
-       <div class=flexbox__item>
-           <b>Welcome to</b>
-       </div>
-
-       <div class=flexbox__item>
-           <img src="//csswizardry.com/inuitcss/img/logo.jpg" alt="inuit.css">
-       </div>
-
-   </header>
- *
- * We can also combine our grid system classes with `.flexbox__item` classes,
- * e.g.:
- *
-   <div class=flexbox>
-       <div class="flexbox__item  one-quarter">
-       </div>
-       <div class="flexbox__item  three-quarters">
-       </div>
-   </div>
- *
- * It’s pretty poorly named I’m afraid, but it works...
- *
- * Demo: jsfiddle.net/inuitcss/ufUh2
- *
- */
-.flexbox{
-    display:table;
-    width:100%;
-}
-
-/**
- * Nasty hack to circumvent Modernizr conflicts.
- */
-html.flexbox{
-    display:block;
-    width:auto;
-}
-
-    .flexbox__item{
-        display:table-cell;
-        vertical-align:middle;
-    }
-
-}//endif

sass/inuitcss/objects/_flyout.scss

@@ -1,64 +0,0 @@
-@charset "UTF-8";
-@if $use-flyout == true{
-
-/*------------------------------------*\
-    $FLYOUT
-\*------------------------------------*/
-/**
- * Flyouts are pieces of content that fly out of a parent when said parent is
- * hovered. They typically appear bottom-left of the parent.
- *
-   <div class=flyout>
-       Foo
-       <div class=flyout__content>
-           <h1>Lorem</h1>
-           <p>Ipsum</p>
-       </div>
-   </div>
- *
- * Extend these objects in your theme stylesheet.
- *
- * Demo: jsfiddle.net/inuitcss/B52HG
- *
- */
-.flyout,
-.flyout--alt{
-    position:relative;
-    overflow:hidden;
-}
-    .flyout__content{
-        /**
-         * Position the flyouts off-screen. This is typically better than
-         * `display:none;`.
-         */
-        position:absolute;
-        top:100%;
-        left:-99999px;
-    }
-
-    /**
-     * Bring the flyouts into view when you hover their parents.
-     * Two different types of flyout; ‘regular’ (`.flyout`) and ‘alternative’
-     * (`.flyout--alt`).
-     */
-    .flyout:hover,
-    .flyout--alt:hover{
-        overflow:visible;
-    }
-
-    /**
-     * Regular flyouts sit all the way from the top, flush left.
-     */
-    .flyout:hover > .flyout__content{
-        left:0;
-    }
-
-    /**
-     * Alternative flyouts sit all the way from the left, flush top.
-     */
-    .flyout--alt:hover > .flyout__content{
-        top:0;
-        left:100%;
-    }
-
-}//endif

sass/inuitcss/objects/_greybox.scss

@@ -1,59 +0,0 @@
-@charset "UTF-8";
-@if $use-greybox == true{
-
-/*------------------------------------*\
-    $GREYBOX
-\*------------------------------------*/
-/**
- * Quickly throw together greybox wireframes. Use in conjunction with other
- * inuit.css objects to create simple greybox prototypes, e.g.:
- *
-   <div class="island  greybox  greybox--medium">Header</div>
-
-   <ul class="nav  nav--fit  nav--block  greybox">
-       <li><a href=#>Home</a></li>
-       <li><a href=#>About</a></li>
-       <li><a href=#>Portfolio</a></li>
-       <li><a href=#>Contact</a></li>
-   </ul>
- *
- * The beauty of combining the greyboxing with inuit.css objects is that any
- * prototyping can quickly be converted into/used as production code.
- *
- * For a more complete prototyping framework, consider Adam Whitcroft’s Proto:
- * adamwhitcroft.com/proto
- *
- * Demo: jsfiddle.net/inuitcss/qCXfh/
- *
- */
-.greybox,
-.graybox{
-    @include font-size(12px);
-    font-family:sans-serif;
-    text-align:center;
-    background-color:rgba(0,0,0,0.2);
-    color:#fff;
-}
-    .greybox a,
-    .graybox a{
-        color:#fff;
-        text-decoration:underline;
-    }
-
-
-/**
- * All greyboxes will occupy 100% of their parent’s width, but to alter their
- * heights we apply incrementally larger line-heights:
- */
-.greybox--small,
-.graybox--small     { line-height: 2 * $base-line-height; }
-.greybox--medium,
-.graybox--medium    { line-height: 4 * $base-line-height; }
-.greybox--large,
-.graybox--large     { line-height: 8 * $base-line-height; }
-.greybox--huge,
-.graybox--huge      { line-height:16 * $base-line-height; }
-.greybox--gigantic,
-.graybox--gigantic  { line-height:32 * $base-line-height; }
-
-}//endif

sass/inuitcss/objects/_grids.scss

@@ -1,69 +0,0 @@
-@if $use-grids == true{
-
-/*------------------------------------*\
-    $GRIDS
-\*------------------------------------*/
-/**
- * Fluid and nestable grid system, e.g.:
- *
-   <div class="grid">
-
-       <div class="grid__item  one-third">
-           <p>One third grid</p>
-       </div><!--
-
-    --><div class="grid__item  two-thirds">
-           <p>Two thirds grid</p>
-       </div><!--
-
-    --><div class="grid__item  one-half">
-           <p>One half grid</p>
-       </div><!--
-
-    --><div class="grid__item  one-quarter">
-           <p>One quarter grid</p>
-       </div><!--
-
-    --><div class="grid__item  one-quarter">
-           <p>One quarter grid</p>
-       </div>
-
-   </div>
- *
- * Demo: jsfiddle.net/inuitcss/CLYUC
- *
- */
-
-
-/**
- * Grid wrapper
- */
-.grid{
-    margin-left:-$base-spacing-unit;
-    list-style:none;
-    margin-bottom:0;
-}
-
-
-    /**
-     * Very infrequently occurring grid wrappers as children of grid wrappers.
-     */
-    .grid > .grid{
-        margin-left:0;
-    }
-
-
-    /**
-     * Grid
-     */
-    .grid__item{
-        display:inline-block;
-        width:100%;
-        padding-left:$base-spacing-unit;
-        vertical-align:top;
-        @if $global-border-box == false{
-            @include vendor(box-sizing, border-box);
-        }
-    }
-
-}//endif

sass/inuitcss/objects/_icon-text.scss

@@ -1,40 +0,0 @@
-@if $use-icon-text == true{
-
-/*------------------------------------*\
-    $ICON-TEXT
-\*------------------------------------*/
-/**
- * For text-links etc that have an icon with them. Sometimes whitespace would
- * suffice in creating a gap between the icon and text, for example:
- *
-   <a href=#>
-       <i class="s  s--help"></i> Help &amp; support
-   </a>
- *
- * However we will sometimes want a larger, explicitly set gap:
-   <a href=# class=icon-text>
-       <i class="icon-text__icon  s  s--help"></i>Help &amp; support
-   </a>
- *
- * Demo: jsfiddle.net/inuitcss/Q6Lbf
- *
- */
-.icon-text > .icon-text__icon{
-    margin-right:$half-spacing-unit / 2;
-}
-
-
-/**
- * We can also reverse the direction of the margin for icons that appear to the
- * right of the text content, thus:
- *
-   <a href=# class=icon-text--rev>
-       Help &amp; support<i class="icon-text__icon  s  s--help"></i>
-   </a>
- *
- */
-.icon-text--rev > .icon-text__icon{
-    margin-left:$half-spacing-unit / 2;
-}
-
-}//endif

sass/inuitcss/objects/_island.scss

@@ -1,38 +0,0 @@
-@if $use-island == true{
-
-/*------------------------------------*\
-    $ISLAND
-\*------------------------------------*/
-/**
- * Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
- * E.g.:
- *
-   <div class=island>
-       I am boxed off.
-   </div>
- *
- * Demo: jsfiddle.net/inuitcss/u8pV3
- *
- */
-.island,
-.islet{
-    display:block;
-    @extend .cf;
-}
-.island{
-    padding:$base-spacing-unit;
-}
-    .island > :last-child,
-    .islet > :last-child{
-        margin-bottom:0;
-    }
-
-
-/**
- * Just like `.island`, only smaller.
- */
-.islet{
-    padding:$half-spacing-unit;
-}
-
-}//endif

sass/inuitcss/objects/_link-complex.scss

@@ -1,32 +0,0 @@
-@if $use-link-complex == true{
-
-/*------------------------------------*\
-    $LINK-COMPLEX
-\*------------------------------------*/
-/**
- * As inspired by @necolas:
- * github.com/necolas/suit-utils/blob/master/link.css#L18
- *
- * Add hover behaviour to only selected items within links, e.g.:
- *
-   <a href=log-in class=link-complex>
-       <i class="s  s--user"></i>
-       <span class=link-complex__target>Log in</span>
-   </a>
- *
- * Demo: jsfiddle.net/inuitcss/rt9M3
- *
- */
-.link-complex,
-.link-complex:hover,
-.link-complex:active,
-.link-complex:focus{
-    text-decoration:none;
-}
-    .link-complex:hover .link-complex__target,
-    .link-complex:active .link-complex__target,
-    .link-complex:focus .link-complex__target{
-        text-decoration:underline;
-    }
-
-}//endif

sass/inuitcss/objects/_lozenges.scss

@@ -1,47 +0,0 @@
-@charset "UTF-8";
-@if $use-lozenges == true{
-
-/*------------------------------------*\
-    $LOZENGES
-\*------------------------------------*/
-/**
- * Create pill- and lozenge-like runs of text, e.g.:
- *
-   <p>This <span class=pill>here</span> is a pill!</p>
- *
-   <p>This <span class=loz>here</span> is also a lozenge!</p>
- *
- * Pills have fully rounded ends, lozenges have only their corners rounded.
- *
- * Demo: jsfiddle.net/inuitcss/N3pGm
- *
- */
-.pill{
-    display:inline-block;
-    /**
-     * These numbers set in ems mean that, at its narrowest, a lozenge will be
-     * the same width as the `line-height` set on the `html` element.
-     * This allows us to use the `.loz` in almost any `font-size` we wish.
-     */
-    min-width:    ($line-height-ratio * 0.666667) * 1em;
-    padding-right:($line-height-ratio * 0.166667) * 1em;
-    padding-left: ($line-height-ratio * 0.166667) * 1em;
-              /* =1.50em */
-    text-align:center;
-    background-color:$base-ui-color;
-    color:#fff; /* Override this color in your theme stylesheet */
-
-    /**
-     * Normally we’d use border-radius:100%; but instead here we just use an
-     * overly large number; `border-radius:100%;` would create an oval on
-     * non-square elements whereas we just want to round the ends of an element.
-     */
-    border-radius:100px;
-}
-
-.loz{
-    @extend .pill;
-    border-radius:$brand-round;
-}
-
-}//endif

sass/inuitcss/objects/_marginalia.scss

@@ -1,53 +0,0 @@
-@charset "UTF-8";
-@if $use-marginalia == true{
-
-/*------------------------------------*\
-    $MARGINALIA
-\*------------------------------------*/
-/**
- * Marginalia are, per definition, notes in the margin of a document. The
- * `marginalia__body` class can be applied to all kinds of content, like text or
- * images, and is joined by a width class:
- *
-   <div class="marginalia">
-       <div class="marginalia__body  desk-one-fifth"></div>
-   </div>
- *
- * Demo: jsfiddle.net/inuitcss/AemkH
- *
- */
-.marginalia{
-    @include font-size($milli-size);
-}
-
-/**
- * Wait for a certain breakpoint to trigger ‘proper' marginalia. Up to this point,
- * marginalia are inline with the other text.
- */
-@media (min-width: $desk-start){
-    .marginalia{
-        position:relative;
-    }
-
-    .marginalia__body,
-    .marginalia__body--right{
-        position:absolute;
-    }
-
-    .marginalia__body{
-      right:100%;
-      padding-right:$base-spacing-unit;
-      text-align:right;
-    }
-
-    /**
-     * Align marginalia to the right of the text.
-     */
-    .marginalia__body--right{
-        left:100%;
-        padding-left:$base-spacing-unit;
-        text-align:left;
-    }
-}
-
-}//endif

sass/inuitcss/objects/_matrix.scss

@@ -1,89 +0,0 @@
-@if $use-matrix == true{
-
-/*------------------------------------*\
-    $MATRIX
-\*------------------------------------*/
-/**
- * Create a grid of items out of a single list, e.g.:
- *
-   <ul class="matrix  three-cols">
-       <li class=all-cols>Lorem</li>
-       <li>Ipsum <a href=#>dolor</a></li>
-       <li><a href=# class=matrix__link>Sit</a></li>
-       <li>Amet</li>
-       <li class=all-cols>Consectetuer</li>
-   </ul>
- *
- * Extend this object in your theme stylesheet.
- *
- * Demo: jsfiddle.net/inuitcss/Y2zrU
- *
- */
-.matrix{
-    @extend .block-list;
-    border-left-width:1px;
-    @extend .cf;
-
-     > li{
-        float:left;
-        border-right-width:1px;
-        @if $global-border-box == false{
-            @include vendor(box-sizing, border-box);
-        }
-    }
-}
-        .matrix__link{
-            @extend .block-list__link;
-        }
-
-
-/**
- * The `.multi-list` object is a lot like the `.matrix` object only without the
- * blocky borders and padding.
- *
-   <ul class="multi-list  four-cols">
-       <li>Lorem</li>
-       <li>Ipsum</li>
-       <li>Dolor</li>
-       <li>Sit</li>
-   </ul>
- *
- * Demo: jsfiddle.net/inuitcss/Y2zrU
- *
- */
-.multi-list{
-    list-style:none;
-    margin-left:0;
-    @extend .cf;
-}
-    .multi-list > li{
-        float:left;
-    }
-
-
-    /**
-     * Apply these classes alongside the `.matrix` or `.multi-list` classes on
-     * lists to determine how wide their columns are.
-     */
-    .two-cols > li{
-        width:50%;
-    }
-    .three-cols > li{
-        width:33.333%;
-    }
-    .four-cols > li{
-        width:25%;
-    }
-    .five-cols > li{
-        width:20%;
-    }
-    /**
-     * Unfortunately we have to qualify this selector in order to bring its
-     * specificity above the `.[number]-cols > li` selectors above.
-     */
-    .matrix > .all-cols,
-    .multi-list > .all-cols{
-        width:100%;
-    }
-
-}//endif

sass/inuitcss/objects/_media.scss

@@ -1,60 +0,0 @@
-@if $use-media == true{
-
-/*------------------------------------*\
-    $MEDIA
-\*------------------------------------*/
-/**
- * Place any image- and text-like content side-by-side, as per:
- * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
- * E.g.:
- *
-   <div class=media>
-       <img src=http://placekitten.com/200/300 alt="" class=media__img>
-       <p class=media__body>Lorem ipsum dolor sit amet, consectetur adipisicing elit,
-       sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-   </div>
- *
- * Demo: jsfiddle.net/inuitcss/cf4Qs
- *
- */
-.media{
-    display:block;
-    @extend .cf;
-}
-    .media__img{
-        float:left;
-        margin-right:$base-spacing-unit;
-    }
-    /**
-     * Reversed image location (right instead of left).
-     */
-    .media__img--rev{
-        float:right;
-        margin-left:$base-spacing-unit;
-    }
-
-        .media__img img,
-        .media__img--rev img{
-            display:block;
-        }
-
-    .media__body{
-        overflow:hidden;
-    }
-        .media__body,
-        .media__body > :last-child{
-            margin-bottom:0;
-        }
-
-
-    /**
-     * `.img`s in `.islet`s need an appropriately sized margin.
-     */
-    .islet .media__img{
-        margin-right:$half-spacing-unit;
-    }
-    .islet .media__img--rev{
-        margin-left:$half-spacing-unit;
-    }
-
-}//endif

sass/inuitcss/objects/_nav.scss

@@ -1,155 +0,0 @@
-@if $use-nav == true or $use-options == true or $use-pagination == true or $use-breadcrumb == true{
-
-/*------------------------------------*\
-    $NAV
-\*------------------------------------*/
-/**
- * Nav abstraction as per: csswizardry.com/2011/09/the-nav-abstraction
- * When used on an `ol` or `ul`, this class throws the list into horizontal mode
- * e.g.:
- *
-   <ul class=nav>
-       <li><a href=#>Home</a></li>
-       <li><a href=#>About</a></li>
-       <li><a href=#>Portfolio</a></li>
-       <li><a href=#>Contact</a></li>
-   </ul>
- *
- * Demo: jsfiddle.net/inuitcss/Vnph4
- *
- */
-.nav{
-    list-style:none;
-    margin-left:0;
-    @extend .cf;
-
-    > li{
-
-        &,
-        > a{
-            display:inline-block;
-           *display:inline;
-            zoom:1;
-        }
-    }
-}
-
-
-/**
- * `.nav--stacked` extends `.nav` and throws the list into vertical mode, e.g.:
- *
-   <ul class="nav  nav--stacked">
-       <li><a href=#>Home</a></li>
-       <li><a href=#>About</a></li>
-       <li><a href=#>Portfolio</a></li>
-       <li><a href=#>Contact</a></li>
-   </ul>
- *
- */
-.nav--stacked{
-
-    > li{
-        display:list-item;
-
-        > a{
-            display:block;
-        }
-    }
-}
-
-
-/**
- * `.nav--banner` extends `.nav` and centres the list, e.g.:
- *
-   <ul class="nav  nav--banner">
-       <li><a href=#>Home</a></li>
-       <li><a href=#>About</a></li>
-       <li><a href=#>Portfolio</a></li>
-       <li><a href=#>Contact</a></li>
-   </ul>
- *
- */
-.nav--banner{
-    text-align:center;
-}
-
-
-/**
- * Give nav links a big, blocky hit area. Extends `.nav`, e.g.:
- *
-   <ul class="nav  nav--block">
-       <li><a href=#>Home</a></li>
-       <li><a href=#>About</a></li>
-       <li><a href=#>Portfolio</a></li>
-       <li><a href=#>Contact</a></li>
-   </ul>
- *
- */
-.nav--block{
-    line-height:1;
-    /**
-     * Remove whitespace caused by `inline-block`.
-     */
-    letter-spacing:-0.31em;
-    word-spacing:-0.43em;
-    white-space:nowrap;
-
-    > li{
-        letter-spacing:normal;
-        word-spacing:normal;
-
-        > a{
-            padding:$half-spacing-unit;
-        }
-    }
-}
-
-
-/**
- * Force a nav to occupy 100% of the available width of its parent. Extends
- * `.nav`, e.g.:
- *
-   <ul class="nav  nav--fit">
-       <li><a href=#>Home</a></li>
-       <li><a href=#>About</a></li>
-       <li><a href=#>Portfolio</a></li>
-       <li><a href=#>Contact</a></li>
-   </ul>
- *
- * Thanks to @pimpl for this idea!
- */
-.nav--fit{
-    display:table;
-    width:100%;
-
-    > li{
-        display:table-cell;
-
-        > a{
-            display:block;
-        }
-    }
-}
-
-
-/**
- * Make a list of keywords. Extends `.nav`, e.g.:
- *
-   `<ul class="nav  nav--keywords>`
- *
- */
-.nav--keywords{
-
-    > li{
-
-        &:after{
-            content:"\002C" "\00A0";
-        }
-
-        &:last-child:after{
-            display:none;
-        }
-    }
-}
-
-}//endif

sass/inuitcss/objects/_options.scss

@@ -1,46 +0,0 @@
-@charset "UTF-8";
-@if $use-options == true{
-
-/*------------------------------------*\
-    $OPTIONS
-\*------------------------------------*/
-/**
- * Link-group nav, used for displaying related options. Extends `.nav--block`
- * but could also extend `.nav--fit`. Extend with colours and ‘current states’
- * in your theme stylesheet.
- *
-  <ul class="nav  options">
-      <li><a></a></li>
-      <li><a></a></li>
-      <li><a></a></li>
-      <li><a></a></li>
-   </ul>
- *
- * Demo: jsfiddle.net/inuitcss/vwfaf
- *
- */
-.options{
-    @extend .nav--block;
-
-    > li{
-
-        > a{
-            border:0 solid $base-ui-color;
-            border-width:1px;
-            border-left-width:0;
-        }
-
-        &:first-child > a{
-            border-left-width:1px;
-            border-top-left-radius:$brand-round;
-            border-bottom-left-radius:$brand-round;
-        }
-
-        &:last-child > a{
-            border-top-right-radius:$brand-round;
-            border-bottom-right-radius:$brand-round;
-        }
-    }
-}
-
-}//endif

sass/inuitcss/objects/_pagination.scss

@@ -1,50 +0,0 @@
-@if $use-pagination == true{
-
-/*------------------------------------*\
-    $PAGINATION
-\*------------------------------------*/
-/**
- * Basic pagination object, extends `.nav`.
- * Requires some funky commenting to collapse any white-space caused by the
- * `display:inline-block;` rules.
- *
-   <ol class="nav  pagination">
-       <li class=pagination__first>First</li>
-       <li class=pagination__prev>Previous</li>
-       <li><a href=/page/1>1</a></li>
-       <li><a href=/page/2>2</a></li>
-       <li class=current><a href=/page/3>3</a></li>
-       <li><a href=/page/4>4</a></li>
-       <li><a href=/page/5>5</a></li>
-       <li class=pagination__next><a href=/page/next>Next</a></li>
-       <li class=pagination__last><a href=/page/last>Last</a></li>
-   </ol>
- *
- * Demo: jsfiddle.net/inuitcss/9Y6PU
- *
- */
-.pagination{
-    text-align:center;
-    /**
-     * Remove whitespace caused by `inline-block`.
-     */
-    letter-spacing:-0.31em;
-    word-spacing:-0.43em;
-}
-    .pagination > li{
-        padding:$base-spacing-unit / 2;
-        letter-spacing:normal;
-        word-spacing:normal;
-    }
-        .pagination > li > a{
-            padding:$base-spacing-unit / 2;
-            margin:-$base-spacing-unit / 2;
-        }
-            .pagination__first a:before{
-                content:"\00AB" "\00A0";
-            }
-            .pagination__last a:after{
-                content:"\00A0" "\00BB";
-            }
-
-}//endif

sass/inuitcss/objects/_rules.scss

@@ -1,66 +0,0 @@
-@charset "UTF-8";
-@if $use-rules == true{
-
-/*------------------------------------*\
-    $RULES
-\*------------------------------------*/
-/**
- * Horizontal rules, extend `hr`.
- *
- * Demo: jsfiddle.net/inuitcss/L6GuZ
- *
- */
-.rule{
-    color:$base-ui-color;
-    border:none;
-    border-bottom-width:1px;
-    border-bottom-style:solid;
-    margin-bottom:$base-spacing-unit - 1px;
-    margin-bottom:(($base-spacing-unit - 1px) / $base-font-size)*1rem;
-}
-
-
-/**
- * Dotted rules
- */
-.rule--dotted{
-    border-bottom-style:dotted;
-}
-
-
-/**
- * Dashed rules
- */
-.rule--dashed{
-    border-bottom-style:dashed;
-}
-
-
-/**
- * Ornamental rules. Places a § over the rule.
- */
-.rule--ornament{
-    position:relative;
-
-    &:after{
-        content:"\00A7";
-        position:absolute;
-        top:   0;
-        right: 0;
-        left:  0;
-        line-height:0;
-        text-align:center;
-    }
-
-    /**
-    * Pass in an arbitrary ornament though a data attribute, e.g.:
-    *
-      <hr class="rule  rule--ornament" data-ornament="!">
-    *
-    */
-    &[data-ornament]:after{
-        content:attr(data-ornament);
-    }
-}
-
-}//endif

sass/inuitcss/objects/_split.scss

@@ -1,40 +0,0 @@
-@charset "UTF-8";
-@if $use-split == true{
-
-/*------------------------------------*\
-    $SPLIT
-\*------------------------------------*/
-/**
- * Simple split item for creating two elements floated away from one another,
- * e.g.:
- *
-   <dl class=split>
-       <dt class=split__title>Burger and fries</dt>
-       <dd>&pound;5.99</dd>
-       <dt class=split__title>Fillet steak</dt>
-       <dd>&pound;19.99</dd>
-       <dt class=split__title>Ice cream</dt>
-       <dd>&pound;2.99</dd>
-   </dl>
- *
-   <ol class="split  results">
-       <li class=first><b class=split__title>1st place</b> Bob</li>
-       <li class=second><b class=split__title>2nd place</b> Lilly</li>
-       <li class=third><b class=split__title>3rd place</b> Ted</li>
-   </ol>​
- *
- * Demo: jsfiddle.net/inuitcss/9gZW7
- *
- */
-.split{
-    text-align:right;
-    list-style:none;
-    margin-left:0;
-}
-    .split__title{
-        text-align:left;
-        float:left;
-        clear:left;
-    }
-
-}//endif

sass/inuitcss/objects/_sprite.scss

@@ -1,99 +0,0 @@
-@charset "UTF-8";
-@if $use-sprite == true{
-
-/*------------------------------------*\
-    $SPRITE
-\*------------------------------------*/
-/**
- * Giving an element a class of `.sprite` will throw it into ‘sprite’ mode and apply
- * a background image e.g.:
- *
-   <a class="sprite  sprite--question-mark">More info&hellip;</a>
- *
- * or
- *
-   <a href=#><i class="sprite  sprite--question-mark"></i> Help and FAQ</a>
- *
- * Giving an element a class of `.icon` will throw it into ‘icon’ mode and will
- * not add a background, but should be used for icon fonts and is populated
- * through a `data-icon` attribute and the `:after` pseudo-element, e.g.:
- *
-   <a href=#><i class=icon data-icon="&#xF000;"></i> View your favourites</a>
- *
- * Where ‘&#xF000;’ might map to a star in your particular icon font.
- *
- * These all require extension in your theme stylesheet, e.g., in your own CSS:
- *
-   .sprite{
-       background-image:url(path/to/your/sprite.png);
-   }
-   .sprite--link{ background-position:0   0  ; }
-   .sprite--star{ background-position:0 -16px; }
- *
- * Demo: jsfiddle.net/inuitcss/6TKuS
- *
- */
-.sprite,
-.icon{
-    display:inline-block;
-    line-height:1;
-    position:relative;
-    vertical-align:middle;
-    zoom:1;
-    /**
-     * So using `.icon` on certain elements doesn’t make a visual difference.
-     */
-    font-style:normal;
-    font-weight:normal;
-    /**
-     * So icons added using `.icon` sit in the centre of the element.
-     */
-    text-align:center;
-}
-.sprite{
-    /**
-     * The typical size of most icons. Override in your theme stylesheet.
-     */
-    width: 16px;
-    height:16px;
-    top:-1px;
-
-    /*
-     * H5BP method image replacement:
-     * github.com/h5bp/html5-boilerplate/commit/adecc5da035d6d76b77e3fa95c6abde841073da2
-     */
-    overflow:hidden;
-   *text-indent:-9999px;
-
-    &:before{
-        content:"";
-        display:block;
-        width:0;
-        height:100%;
-    }
-}
-
-/**
- * Set up icon font
- */
-.icon{
-    font-size:16px;
-    /**
-     * Place the icon in a box the exact same dimensions as the icon itself.
-     */
-    width:1em;
-    height:1em;
-
-    &:before{
-        content:attr(data-icon);
-    }
-}
-
-/**
- * Icon size modifiers.
- */
-.icon--large   { font-size:32px; }
-.icon--huge    { font-size:64px; }
-.icon--natural { font-size:inherit; }
-
-}//endif

sass/inuitcss/objects/_stats.scss

@@ -1,53 +0,0 @@
-@charset "UTF-8";
-@if $use-stats == true{
-
- /*------------------------------------*\
-     $STATS
- \*------------------------------------*/
- /**
-  * Simple object to display key–value statistic-like information, e.g.:
-  *
-    <div class=stat-group>
-        <dl class=stat>
-            <dt class=stat__title>Tweets</dt>
-            <dd class=stat__value>27,740</dd>
-        </dl>
-
-        <dl class=stat>
-            <dt class=stat__title>Following</dt>
-            <dd class=stat__value>11,529</dd>
-        </dl>
-
-        <dl class=stat>
-            <dt class=stat__title>Followers</dt>
-            <dd class=stat__value>12,105</dd>
-        </dl>
-    </div>
-  *
-  * Demo: jsfiddle.net/inuitcss/Bpwu6
-  *
-  */
- .stat-group{
-    @extend .cf;
-    margin-left:-$base-spacing-unit;
-}
-    .stat{
-        float:left;
-        margin-left:$base-spacing-unit;
-        display:-ms-flexbox;
-        display:-webkit-flex;
-        display:   -moz-flex;
-        display:        flex;
-        @include vendor(flex-direction, column);
-    }
-        .stat__title{
-            @include vendor(order, 2);
-            -ms-flex-order:2;
-        }
-        .stat__value{
-            margin-left:0;
-            @include vendor(order, 1);
-            -ms-flex-order:1;
-        }
-
-}//endif

sass/inuitcss/objects/_this-or-this.scss

@@ -1,38 +0,0 @@
-@if $use-this-or-this == true{
-
-/*------------------------------------*\
-    $THIS-OR-THIS
-\*------------------------------------*/
-/**
- * Simple options object to provide multiple choices, e.g.:
- *
-   <h1 class=this-or-this>
-       <a href=# class="this-or-this__this  two-fifths">
-           Free
-       </a>
-       <span class="this-or-this__or  one-fifth">
-           or
-       </span>
-       <a href=# class="this-or-this__this  two-fifths">
-           Pro
-       </a>
-   </h1>
- *
- * The `.this-or-this__this` and `.this-or-this__or` objects can be sized using
- * the grid-system classes.
- *
- * Demo: jsfiddle.net/inuitcss/R3sks
- *
- */
-.this-or-this{
-    display:table;
-    width:100%;
-    text-align:center;
-}
-    .this-or-this__this,
-    .this-or-this__or{
-        display:table-cell;
-        vertical-align:middle;
-    }
-
-}//endif

sass/oscailte/_mixins.scss

@@ -1,57 +0,0 @@
-@mixin content-columns($columnCount, $columnGap: $gridGutterWidth) {
-  -webkit-column-count: $columnCount;
-     -moz-column-count: $columnCount;
-          column-count: $columnCount;
-  -webkit-column-gap: $columnGap;
-     -moz-column-gap: $columnGap;
-          column-gap: $columnGap;
-}
-
-@mixin transition($transition...) {
-  -webkit-transition: $transition;
-     -moz-transition: $transition;
-       -o-transition: $transition;
-          transition: $transition;
-}
-
-@mixin box-sizing($boxmodel) {
-  -webkit-box-sizing: $boxmodel;
-     -moz-box-sizing: $boxmodel;
-          box-sizing: $boxmodel;
-}
-
-@mixin border-radius($radius) {
-  -webkit-border-radius: $radius;
-     -moz-border-radius: $radius;
-          border-radius: $radius;
-}
-
-@mixin box-shadow($shadow...) {
-  -webkit-box-shadow: $shadow;
-     -moz-box-shadow: $shadow;
-      -ms-box-shadow: $shadow;
-       -o-box-shadow: $shadow;
-          box-shadow: $shadow;
-}
-
-@mixin gradient-horizontal($startColor: $button-color, $endColor: darken($button-color, 5%)) {
-  background-color: $endColor;
-  background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+
-  background-image: -webkit-gradient(linear, 0 0, 100% 0, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
-  background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+
-  background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10
-  background-image: linear-gradient(to right, $startColor, $endColor); // Standard, IE10
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=1); // IE9 and down
-}
-
-@mixin gradient-vertical($startColor: $button-color, $endColor: darken($button-color, 5%)) {
-  background-color: mix($startColor, $endColor, 60%);
-  background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+
-  background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+
-  background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10
-  background-image: linear-gradient(to bottom, $startColor, $endColor); // Standard, IE10
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down
-}

sass/oscailte/_oscailte.scss

@@ -1,26 +0,0 @@
-@import "variables";
-@import "mixins";
-
-@import "../inuitcss/_inuit";
-@import "../fontawesome/font-awesome";
-
-@import "base/global";
-@import "base/grid";
-@import "base/header";
-@import "base/navigation";
-@import "base/footer";
-@import "base/post";
-@import "base/archive_list";
-@import "base/solarized";
-
-@import "base/sidebar";
-@import "aside/recent_posts";
-@import "aside/github";
-@import "aside/pinboard";
-@import "aside/social";
-
-@import "homepage/home";
-@import "homepage/hero_unit";
-
-@import "helpers/classes";
-@import "helpers/grid-fix";

sass/oscailte/_variables.scss

@@ -1,64 +0,0 @@
-$use-grids:         true;
-$site-width:        1100px;
-$responsive:        true;
-$use-gridfix:       true;
-
-// Fonts & Font Families
-$serif: Georgia, 'Times New Roman', Times, serif !default;
-$sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
-
-// Grays
-// -------------------------
-$black:             #000 !default;
-$grayDarker:        #222 !default;
-$grayDark:          #333 !default;
-$gray:              #555 !default;
-$grayLight:         #999 !default;
-$grayLighter:       #eee !default;
-$white:             #fff !default;
-
-// Accent colors
-// -------------------------
-$blue:              #049cdb !default;
-$blueDark:          #0064cd !default;
-$green:             #46a546 !default;
-$red:               #9d261d !default;
-$yellow:            #ffc40d !default;
-$orange:            #f89406 !default;
-$pink:              #c3325f !default;
-$purple:            #7a43b6 !default;
-
-// Social network colors
-// Organised in a key-value pair list for dynamic SASS
-// Can be infinitely extended by adding more as required
-// -------------------------
-$sites:
-  adn #4A484C,
-  dribbble #EA4C89,
-  facebook #3B5998,
-  github #333333,
-  gplus #db4a39,
-  linkedin #4875b4,
-  pinterest #CC2127,
-  stackoverflow #FE7A15,
-  twitter #00a0d1,
-  youtube #CC181E;
-
-// Site footer
-// -------------------------
-$footer-height: 100px;
-
-// Site colors
-// -------------------------
-$primary-color:     $blue;
-$secondary-color:   $green;
-// -------------------------
-$site-background:   #F5F5F5;
-$header-background: $white;
-$footer-background: $header-background;
-$text-color:        $grayDarker;
-$title-color:       $primary-color;
-$link-color:        $primary-color;
-$button-color:      $primary-color;
-$button-text:       $white;
-$navigation-color:  $link-color;

sass/oscailte/aside/_github.scss

@@ -1,8 +0,0 @@
-#github-repos {
-  li {
-    p {
-      font-size: 0.6em;
-      margin-bottom: 0;
-    }
-  }
-}

sass/oscailte/aside/_pinboard.scss

@@ -1,16 +0,0 @@
-#pinboard {
-  .pin-item > p {
-    margin-bottom: 0;
-    a {
-      &:hover {
-        text-decoration: underline;
-      }
-      &::after {
-        content: ",";
-      }
-      &:last-child::after {
-        content: "";
-      }
-    }
-  }
-}

sass/oscailte/aside/_social.scss

@@ -1,76 +0,0 @@
-.social {
-  ul {
-    @media only screen and (min-width: $lap-start){
-      @include content-columns(2, 10px);
-    }
-  }
-
-  a {
-    @include box-sizing(border-box);
-    background-color: darken($site-background, 5%);
-    border: 1px solid darken($site-background, 10%);
-    border-radius: 4px;
-    color: #222;
-    display: inline-block;
-    font-size: 0.8em;
-    margin-bottom: 7px;
-    padding: 1em;
-    padding-right: 0.5em;
-    position: relative;
-    text-decoration: none;
-    width: 100%;
-    z-index: 5;
-    @include transition(
-      box-shadow 200ms,
-      color 400ms,
-      transform 400ms
-    );
-
-    &:hover {
-      color: $white !important;
-      text-decoration: none;
-      text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
-      z-index: 7;
-      &::before {
-        border: 1px solid #000;
-        height: 100%;
-        top: 0;
-        width: 100%;
-      }
-    }
-
-    &::before {
-      background-color: #222;
-      border-radius: 4px;
-      content: "";
-      height: 1px;
-      position: absolute;
-        top: 50%; left: 0%;
-      width: 0;
-      z-index: -1;
-      @include transition(
-        border 200ms,
-        height 200ms 200ms,
-        top 200ms 200ms,
-        width 200ms
-      );
-    }
-
-    i {
-      font-size: 2em;
-      line-height: 0.8em;
-      margin-right: 0.35em;
-    }
-
-    @each $kvp in $sites {
-      &.#{nth($kvp, 1)} {
-        color: nth($kvp, 2);
-        &::before {
-          background-color: nth($kvp, 2);
-          border-color: darken(nth($kvp, 2), 5%);
-        }
-      }
-    }
-
-  }
-}

sass/oscailte/base/_archive_list.scss

@@ -1,7 +0,0 @@
-#archive-list {
-  article {
-    h1 {
-      margin-bottom: 0;
-    }
-  }
-}

sass/oscailte/base/_footer.scss

@@ -1,22 +0,0 @@
-#page-wrap {
-  min-height: 100%;
-  margin-bottom: -$footer-height;
-  &::after {
-    content: "";
-    display: block;
-    height: $footer-height;
-  }
-}
-
-body > footer, .page-content > footer {
-  @include box-shadow(0 0 3px rgba(0, 0, 0, 0.25));
-  background-color: $footer-background;
-  // height: $footer-height;
-  margin-top: 3em;
-}
-
-.copyright {
-  margin: 0;
-  padding: 20px 0;
-  text-align: center;
-}