Fixing repo
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..d67fe9a
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,7 @@
+# Skinny Bones Gemfile
+source "https://rubygems.org"
+
+gem "jekyll"
+gem "jekyll-sitemap"
+gem "jekyll-gist"
+gem "jekyll-feed"
diff --git a/Gemfile.lock b/Gemfile.lock
new file mode 100644
index 0000000..9bc6754
--- /dev/null
+++ b/Gemfile.lock
@@ -0,0 +1,57 @@
+GEM
+ remote: https://rubygems.org/
+ specs:
+ addressable (2.4.0)
+ colorator (0.1)
+ faraday (0.9.2)
+ multipart-post (>= 1.2, < 3)
+ ffi (1.9.10)
+ ffi (1.9.10-x64-mingw32)
+ jekyll (3.1.6)
+ colorator (~> 0.1)
+ jekyll-sass-converter (~> 1.0)
+ jekyll-watch (~> 1.1)
+ kramdown (~> 1.3)
+ liquid (~> 3.0)
+ mercenary (~> 0.3.3)
+ rouge (~> 1.7)
+ safe_yaml (~> 1.0)
+ jekyll-feed (0.5.1)
+ jekyll-gist (1.4.0)
+ octokit (~> 4.2)
+ jekyll-sass-converter (1.4.0)
+ sass (~> 3.4)
+ jekyll-sitemap (0.10.0)
+ jekyll-watch (1.4.0)
+ listen (~> 3.0, < 3.1)
+ kramdown (1.11.1)
+ liquid (3.0.6)
+ listen (3.0.8)
+ rb-fsevent (~> 0.9, >= 0.9.4)
+ rb-inotify (~> 0.9, >= 0.9.7)
+ mercenary (0.3.6)
+ multipart-post (2.0.0)
+ octokit (4.3.0)
+ sawyer (~> 0.7.0, >= 0.5.3)
+ rb-fsevent (0.9.7)
+ rb-inotify (0.9.7)
+ ffi (>= 0.5.0)
+ rouge (1.10.1)
+ safe_yaml (1.0.4)
+ sass (3.4.22)
+ sawyer (0.7.0)
+ addressable (>= 2.3.5, < 2.5)
+ faraday (~> 0.8, < 0.10)
+
+PLATFORMS
+ ruby
+ x64-mingw32
+
+DEPENDENCIES
+ jekyll
+ jekyll-feed
+ jekyll-gist
+ jekyll-sitemap
+
+BUNDLED WITH
+ 1.12.5
diff --git a/Gruntfile.js b/Gruntfile.js
new file mode 100644
index 0000000..3dc574e
--- /dev/null
+++ b/Gruntfile.js
@@ -0,0 +1,103 @@
+'use strict';
+module.exports = function(grunt) {
+
+ grunt.initConfig({
+ pkg: grunt.file.readJSON('package.json'),
+ jshint: {
+ options: {
+ jshintrc: '.jshintrc'
+ },
+ all: [
+ 'Gruntfile.js',
+ 'js/*.js',
+ '!js/main.js'
+ ]
+ },
+ watch: {
+ js: {
+ files: [
+ '<%= jshint.all %>'
+ ],
+ tasks: ['jshint', 'uglify', 'surround'],
+ options: {
+ livereload: true
+ }
+ },
+ },
+ uglify: {
+ dist: {
+ options: {
+ banner: '/*! <%= pkg.name %> - v<%= pkg.version %> - ' + '<%= grunt.template.today("yyyy-mm-dd") %> */',
+ compress: true,
+ beautify: false,
+ mangle: false
+ },
+ files: {
+ 'js/main.js': [
+ 'js/plugins/*.js',
+ 'js/_*.js'
+ ]
+ }
+ }
+ },
+ surround: {
+ src: 'js/main.js',
+ options: {
+ overwrite: true,
+ prepend: '---\n---',
+ },
+ },
+ imagemin: {
+ dist: {
+ options: {
+ optimizationLevel: 7,
+ progressive: true
+ },
+ files: [{
+ expand: true,
+ cwd: 'images/',
+ src: '{,*/}*.{png,jpg,jpeg}',
+ dest: 'images/'
+ }]
+ }
+ },
+ imgcompress: {
+ dist: {
+ options: {
+ optimizationLevel: 7,
+ progressive: true
+ },
+ files: [{
+ expand: true,
+ cwd: 'images/',
+ src: '{,*/}*.{png,jpg,jpeg}',
+ dest: 'images/'
+ }]
+ }
+ },
+ svgmin: {
+ dist: {
+ files: [{
+ expand: true,
+ cwd: 'images/',
+ src: '{,*/}*.svg',
+ dest: 'images/'
+ }]
+ }
+ },
+ });
+
+ // Load tasks
+ grunt.loadNpmTasks('grunt-contrib-jshint');
+ grunt.loadNpmTasks('grunt-contrib-watch');
+ grunt.loadNpmTasks('grunt-contrib-uglify');
+ grunt.loadNpmTasks('grunt-newer');
+ grunt.loadNpmTasks('grunt-contrib-imagemin');
+ grunt.loadNpmTasks('grunt-svgmin');
+ grunt.loadNpmTasks('grunt-imgcompress');
+ grunt.loadNpmTasks('grunt-surround');
+
+ // Register tasks
+ grunt.registerTask('scripts', ['watch', 'uglify']);
+ grunt.registerTask('images', ['newer:imgcompress', 'newer:svgmin']);
+};
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..4fe1728
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Michael Rose
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/README.md
diff --git a/_data/footer.yml b/_data/footer.yml
new file mode 100644
index 0000000..df33e93
--- /dev/null
+++ b/_data/footer.yml
@@ -0,0 +1,18 @@
+# Footer navigation links
+
+- title: About
+ url: /about/
+
+
+- title: Community
+ url: /community/
+
+
+
+- title: Getting Started
+ url: /getting-started/
+
+
+- title: Roadmap
+ url: /roadmap/
+
diff --git a/_data/messages.yml b/_data/messages.yml
new file mode 100644
index 0000000..9dd8143
--- /dev/null
+++ b/_data/messages.yml
@@ -0,0 +1,40 @@
+# Messages for localization
+# see description here: https://tuananh.org/2014/08/13/localization-with-jekyll/
+
+locales:
+ # English translation
+ # -------------------
+ en: &DEFAULT_EN
+ overview: "Overview"
+ toc: "Table of Contents"
+ written_by: "Written by"
+ updated: "Updated"
+ share: "Share on"
+ en_US:
+ <<: *DEFAULT_EN # use English translation for en_US
+ en_UK:
+ <<: *DEFAULT_EN # use English translation for en_UK
+
+ # German translation
+ # -------------------
+ de: &DEFAULT_DE
+ <<: *DEFAULT_EN # load English values as default
+ overview: "Übersicht"
+ toc: "Inhalt"
+ written_by: "Verfasst von"
+ updated: "Zuletzt aktualisiert:"
+ share: ""
+ de_DE:
+ <<: *DEFAULT_DE # use German translation for de_DE
+
+ # French translation (TODO)
+ # -------------------
+ fr: &DEFAULT_FR
+ <<: *DEFAULT_EN # load English values as default
+ overview: "Aperçu"
+ toc: "Table des matières"
+ written_by: "Écrit par"
+ updated: "Mis à jour"
+ share: "Partager sur"
+ fr_FR:
+ <<: *DEFAULT_FR # use French translation for fr_FR
diff --git a/_data/navigation.yml b/_data/navigation.yml
new file mode 100644
index 0000000..50f8aa4
--- /dev/null
+++ b/_data/navigation.yml
@@ -0,0 +1,18 @@
+# Site navigation links
+
+- title: About
+ url: /about/
+ excerpt: "About ARIA TOSCA"
+
+- title: Community
+ url: /community/
+ excerpt: "Joing the ARIA TOSCA Community"
+
+
+- title: Getting Started
+ url: /getting-started/
+ excerpt: "Getting started with ARIA TOSCA"
+
+- title: Roadmap
+ url: /roadmap/
+ excerpt: "Roadmap Features of ARIA TOSCA"
diff --git a/_includes/advertising.html b/_includes/advertising.html
new file mode 100644
index 0000000..4c876c5
--- /dev/null
+++ b/_includes/advertising.html
@@ -0,0 +1,14 @@
+<style>
+.responsive-ads { width: 300px; height: 200px; }
+@media(min-width: 520px) { .responsive-ads { width: 468px; height: 60px; } }
+@media(min-width: 768px) { .responsive-ads { width: 160px; height: 600px; } }
+</style>
+
+<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
+<ins class="adsbygoogle responsive-ads"
+ style="display:inline-block"
+ data-ad-client="{{ site.owner.google.ad-client }}"
+ data-ad-slot="{{ site.owner.google.ad-slot }}"></ins>
+<script>
+(adsbygoogle = window.adsbygoogle || []).push({});
+</script>
\ No newline at end of file
diff --git a/_includes/breadcrumbs.html b/_includes/breadcrumbs.html
new file mode 100644
index 0000000..64f15b4
--- /dev/null
+++ b/_includes/breadcrumbs.html
@@ -0,0 +1,13 @@
+{% if page.categories and page.categories != empty %}
+ <nav class="breadcrumbs">
+ <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+ <a href="{{ site.url }}" itemprop="url">
+ <span itemprop="title">Home</span>
+ </a> ›
+ <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+ <a href="{{ site.url }}/{{ page.categories | first }}/" itemprop="url">
+ <span itemprop="title">{{ page.categories | first | replace: '-',' ' | capitalize }}</span>
+ </a>
+ </span>
+ </nav><!-- /.breadcrumbs -->
+{% endif %}
\ No newline at end of file
diff --git a/_includes/browser-upgrade.html b/_includes/browser-upgrade.html
new file mode 100644
index 0000000..0181a22
--- /dev/null
+++ b/_includes/browser-upgrade.html
@@ -0,0 +1 @@
+<!--[if lt IE 9]><div class="upgrade notice-warning"><strong>Your browser is quite old!</strong> Why not <a href="http://whatbrowser.org/">upgrade to a newer one</a> to better enjoy this site?</div><![endif]-->
diff --git a/_includes/collection-pagination.html b/_includes/collection-pagination.html
new file mode 100644
index 0000000..6a62925
--- /dev/null
+++ b/_includes/collection-pagination.html
@@ -0,0 +1,15 @@
+<nav class="pagination">
+ {% capture collection_name %}{{ include.collection }}{% endcapture %}
+ {% for post in site.[collection_name] %}
+ {% if post.url == page.url %}
+ {% assign post_index0 = forloop.index0 %}
+ {% assign post_index1 = forloop.index %}
+ {% endif %}
+ {% endfor %}
+ {% for post in site.[collection_name] %}
+ {% if post_index0 == forloop.index %}{% assign next_post = post %}{% endif %}
+ {% if post_index1 == forloop.index0 %}{% assign prev_post = post %}{% endif %}
+ {% endfor %}
+ {% if prev_post %}<a class="prev" href="{{ site.url }}{{ prev_post.url }}">{{ prev_post.title }}</a>{% endif %}
+ {% if next_post %}<a class="next" href="{{ site.url }}{{ next_post.url }}">{{ next_post.title }}</a>{% endif %}
+</nav>
\ No newline at end of file
diff --git a/_includes/comments.html b/_includes/comments.html
new file mode 100644
index 0000000..9325a39
--- /dev/null
+++ b/_includes/comments.html
@@ -0,0 +1,14 @@
+<hr />
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+ /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+ var disqus_shortname = '{{ site.owner.disqus-shortname }}';
+
+ /* * * DON'T EDIT BELOW THIS LINE * * */
+ (function() {
+ var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+ dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+ (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+ })();
+</script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..4d3274e
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,46 @@
+
+
+<!-- Wrapper Start -->
+<section id="intro" style="padding-top:30px; padding-bottom:30px">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-10 col-sm-12">
+ <div class="block">
+ <p>
+ Apache ARIA TOSCA is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator. Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and decision making process have stabilized in a manner consistent with other successful ASF projects. While incubation status is not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has yet to be fully endorsed by the ASF.
+ </p>
+ </div>
+ </div><!-- .col-md-7 close -->
+ <div class="col-md-2 col-sm-12">
+ <div class="block" valign="middle" style="vertical-align: middle;">
+ <img src="{{ site.url }}/images/incubator_power_ring.png" alt="ARIA Podling" >
+ </div>
+ </div><!-- .col-md-5 close -->
+ </div>
+ </div>
+</section>
+
+<footer>
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="footer-manu">
+
+ <ul class="menu-item">
+ {% for link in site.data.footer %}
+ {% if link.url contains 'http' %}
+ {% assign domain = '' %}
+ {% else %}
+ {% assign domain = site.url %}
+ {% endif %}
+ <li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+ {% endfor %}
+ </ul>
+ </div>
+
+ <p> Copyright © {{ site.time | date: '%Y' }} The Apache Software Foundation. Licensed under the Apache License, Version 2.0. <br />
+ Apache, the Apache Feather logo, and the Apache Incubator project logo are trademarks of The Apache Software Foundation.</p>
+ </div>
+ </div>
+ </div>
+</footer>
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..74112b6
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,33 @@
+<!-- Header Start -->
+<header>
+<div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <!-- header Nav Start -->
+ <nav class="navbar navbar-default">
+ <div class="container-fluid">
+ <!-- Brand and toggle get grouped for better mobile display -->
+ <div class="navbar-header">
+ <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+ <span class="sr-only">Toggle navigation</span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </button>
+ <a class="navbar-brand" href="{{ site.url }}/">
+ <img src="{{ site.url }}/images/{{ site.logo }}" alt="{{ site.title }}">
+ </a>
+ </div>
+ <!-- Collect the nav links, forms, and other content for toggling -->
+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
+ <nav role="navigation" class="menu top-menu">
+ {% include navigation.html %}
+ </nav>
+ </div><!-- /.navbar-collapse -->
+ </div><!-- /.container-fluid -->
+ </nav>
+ </div>
+ </div>
+ </div>
+</header><!-- header close -->
diff --git a/_includes/image-credit.html b/_includes/image-credit.html
new file mode 100644
index 0000000..c9d07a1
--- /dev/null
+++ b/_includes/image-credit.html
@@ -0,0 +1 @@
+<div class="image-credit">Image source: <a href="{{ page.image.creditlink }}" itemprop="citation">{{ page.image.credit }}</a></div><!-- /.image-credit -->
\ No newline at end of file
diff --git a/_includes/latest-posts-grid.html b/_includes/latest-posts-grid.html
new file mode 100644
index 0000000..cbdeef5
--- /dev/null
+++ b/_includes/latest-posts-grid.html
@@ -0,0 +1,9 @@
+<div class="archive-wrap">
+ <h3>Latest {{ page.categories | first | replace: '-',' ' | capitalize }}</h3>
+ <ul class="th-grid">
+ {% capture category_name %}{{ page.categories | first }}{% endcapture %}
+ {% for post in site.categories.[category_name] limit:4 %}
+ <li><a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}"><img src="{{ site.url }}/images/{{ post.image.thumb }}" alt=""></a></li>
+ {% endfor %}
+ </ul>
+</div><!-- /.archive-wrap -->
\ No newline at end of file
diff --git a/_includes/latest-posts-list.html b/_includes/latest-posts-list.html
new file mode 100644
index 0000000..848bc6a
--- /dev/null
+++ b/_includes/latest-posts-list.html
@@ -0,0 +1,7 @@
+<h3>Latest {{ page.categories | first | replace: '-',' ' | capitalize }}</h3>
+<ul>
+{% capture category_name %}{{ page.categories | first }}{% endcapture %}
+{% for post in site.categories.[category_name] limit:3 %}
+ <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
+{% endfor %}
+</ul>
\ No newline at end of file
diff --git a/_includes/navigation-sliding.html b/_includes/navigation-sliding.html
new file mode 100644
index 0000000..a04871c
--- /dev/null
+++ b/_includes/navigation-sliding.html
@@ -0,0 +1,17 @@
+<nav role="navigation" id="js-menu" class="sliding-menu-content">
+ <h5>{{ site.title }} <span>{{ site.data.messages.locales[site.locale].toc }}</span></h5>
+ <ul class="menu-item">
+ {% for link in site.data.navigation %}<li>
+ <a href="{{ site.url }}{{ link.url }}">
+ {% if link.image %}<img src="{{ site.url }}/images/{{ link.image }}" alt="teaser" class="teaser">{% endif %}
+ <div class="title">{{ link.title }}</div>
+ {% if link.excerpt %}<p class="excerpt">{{ link.excerpt }}</p>{% endif %}
+ </a>
+ </li>{% endfor %}
+ </ul>
+</nav>
+<button type="button" id="js-menu-trigger" class="sliding-menu-button lines-button x2" role="button" aria-label="Toggle Navigation">
+ <span class="nav-lines"></span>
+</button>
+
+<div id="js-menu-screen" class="menu-screen"></div>
diff --git a/_includes/navigation.html b/_includes/navigation.html
new file mode 100644
index 0000000..7dddd92
--- /dev/null
+++ b/_includes/navigation.html
@@ -0,0 +1,11 @@
+<ul class="nav navbar-nav navbar-right">
+ <li class="home"><a href="/">{{ site.title }}</a></li>
+ {% for link in site.data.navigation %}
+ {% if link.url contains 'http' %}
+ {% assign domain = '' %}
+ {% else %}
+ {% assign domain = site.url %}
+ {% endif %}
+ <li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+ {% endfor %}
+</ul>
diff --git a/_includes/open-graph.html b/_includes/open-graph.html
new file mode 100644
index 0000000..87bf165
--- /dev/null
+++ b/_includes/open-graph.html
@@ -0,0 +1,19 @@
+ <!-- Twitter Cards -->
+ <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+ {% if page.excerpt %}<meta name="twitter:description" content="{{ page.excerpt | strip_html }}">{% endif %}
+ {% if site.owner.twitter %}<meta name="twitter:site" content="@{{ site.owner.twitter }}">{% endif %}
+ {% if author.twitter %}<meta name="twitter:creator" content="@{{ author.twitter }}">{% endif %}
+ {% if page.image.feature %}
+ <meta name="twitter:card" content="summary_large_image">
+ <meta name="twitter:image" content="{{ site.url }}/images/{{ page.image.feature }}">
+ {% else %}
+ <meta name="twitter:card" content="summary">
+ <meta name="twitter:image" content="{% if page.image.thumb %}{{ site.url }}/images/{{ page.image.thumb }}{% else %}{{ site.url }}/images/{{ site.logo }}{% endif %}">
+ {% endif %}
+ <!-- Open Graph -->
+ <meta property="og:locale" content="{{ site.locale }}">
+ <meta property="og:type" content="article">
+ <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+ {% if page.excerpt %}<meta property="og:description" content="{{ page.excerpt | strip_html }}">{% endif %}
+ <meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.url }}">
+ <meta property="og:site_name" content="{{ site.title }}">
\ No newline at end of file
diff --git a/_includes/page-author.html b/_includes/page-author.html
new file mode 100644
index 0000000..6e65e8e
--- /dev/null
+++ b/_includes/page-author.html
@@ -0,0 +1,11 @@
+{% if page.author %}
+ {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %}
+{% endif %}
+
+<div class="author-image">
+ <img src="{{ site.url }}/images/{{ author.avatar }}" alt="{{ author.name }}">
+</div><!-- ./author-image -->
+<div class="author-content">
+ <h3 class="author-name" >{{ site.data.messages.locales[site.locale].written_by }} {% if author.web %}<a href="{{ author.web }}" itemprop="author">{{ author.name }}</a>{% else %}<span itemprop="author">{{ author.name }}</span>{% endif %}</h3>
+ <p class="author-bio">{{ author.bio }}</p>
+</div><!-- ./author-content -->
\ No newline at end of file
diff --git a/_includes/page-meta.html b/_includes/page-meta.html
new file mode 100644
index 0000000..489eeca
--- /dev/null
+++ b/_includes/page-meta.html
@@ -0,0 +1,3 @@
+{% if page.date %}<div class="page-meta">
+ <p>{{ site.data.messages.locales[site.locale].updated }} {% if page.modified %}<time datetime="{{ page.modified | date: "%Y-%m-%dT%H:%M:%SZ" }}" itemprop="dateModified">{{ page.modified | date: "%B %d, %Y" }}</time>{% else %}<time datetime="{{ page.date | date: "%Y-%m-%dT%H:%M:%SZ" }}" itemprop="datePublished">{{ page.date | date: "%B %d, %Y" }}</time></p>{% endif %}
+</div><!-- /.page-meta -->{% endif %}
\ No newline at end of file
diff --git a/_includes/pagination.html b/_includes/pagination.html
new file mode 100644
index 0000000..f65d3eb
--- /dev/null
+++ b/_includes/pagination.html
@@ -0,0 +1,15 @@
+<nav class="pagination">
+ {% capture category_name %}{{ page.categories | first }}{% endcapture %}
+ {% for post in site.categories.[category_name] %}
+ {% if post.url == page.url %}
+ {% assign post_index0 = forloop.index0 %}
+ {% assign post_index1 = forloop.index %}
+ {% endif %}
+ {% endfor %}
+ {% for post in site.categories.[category_name] %}
+ {% if post_index0 == forloop.index %}{% assign next_post = post %}{% endif %}
+ {% if post_index1 == forloop.index0 %}{% assign prev_post = post %}{% endif %}
+ {% endfor %}
+ {% if prev_post %}<a class="prev" href="{{ site.url }}{{ prev_post.url }}">{{ prev_post.title }}</a>{% endif %}
+ {% if next_post %}<a class="next" href="{{ site.url }}{{ next_post.url }}">{{ next_post.title }}</a>{% endif %}
+</nav>
\ No newline at end of file
diff --git a/_includes/post-grid.html b/_includes/post-grid.html
new file mode 100644
index 0000000..57330ab
--- /dev/null
+++ b/_includes/post-grid.html
@@ -0,0 +1,7 @@
+<article class="tile" itemscope itemtype="http://schema.org/Article">
+ <a href="{{ site.url }}{{ post.url }}" title="{{ post.title }}" class="post-teaser">{% if post.image.teaser %}<img src="{{ site.url }}/images/{{ post.image.teaser }}" alt="teaser" itemprop="image">
+ {% else %}<img src="{{ site.url }}/images/{{ site.teaser }}" alt="teaser" itemprop="image">{% endif %}</a>
+ {% if post.date %}<p class="entry-date date published"><time datetime="{{ post.date | date: "%Y-%m-%d" }}" itemprop="datePublished">{{ post.date | date: "%B %d, %Y" }}</time></p>{% endif %}
+ <h2 class="post-title" itemprop="name"><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
+ <p class="post-excerpt" itemprop="description">{{ post.excerpt | strip_html | truncate: 160 }}</p>
+</article><!-- /.tile -->
diff --git a/_includes/post-list-bullets.html b/_includes/post-list-bullets.html
new file mode 100644
index 0000000..93da0df
--- /dev/null
+++ b/_includes/post-list-bullets.html
@@ -0,0 +1,13 @@
+<div class="bullets">
+ {% for post in site.posts %}
+ <div class="bullet three-col-bullet">
+ <div class="bullet-icon">
+ <a href="{{ site.url }}{{ post.url }}"><img src="{{ site.url }}/images/{{ post.image.teaser }}" alt=""></a>
+ </div><!-- /.bullet-icon -->
+ <div class="bullet-content">
+ <h2><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h2>
+ <p>{{ post.excerpt | remove: '<p>' | remove: '</p>'}}</p>
+ </div><!-- /.bullet-content -->
+ </div><!-- /.bullet -->
+ {% endfor %}
+</div><!-- /.bullets -->
\ No newline at end of file
diff --git a/_includes/post-list.html b/_includes/post-list.html
new file mode 100644
index 0000000..75da584
--- /dev/null
+++ b/_includes/post-list.html
@@ -0,0 +1 @@
+<li>{% if post.date %}<span>{{ post.date | date: "%B %d, %Y" }}</span> » {% endif %}<a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
\ No newline at end of file
diff --git a/_includes/scroll-cue.html b/_includes/scroll-cue.html
new file mode 100644
index 0000000..8f0723e
--- /dev/null
+++ b/_includes/scroll-cue.html
@@ -0,0 +1,3 @@
+<div id="scroll-cue" onclick="$('html,body').animate({scrollTop: $('#content').offset().top}, 1000)">Scroll
+ <svg class="hang" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><g></g><path d="M24.773 13.701c-0.651 0.669-7.512 7.205-7.512 7.205-0.349 0.357-0.805 0.534-1.261 0.534-0.458 0-0.914-0.178-1.261-0.534 0 0-6.861-6.536-7.514-7.205-0.651-0.669-0.696-1.87 0-2.586 0.698-0.714 1.669-0.77 2.522 0l6.253 5.997 6.251-5.995c0.854-0.77 1.827-0.714 2.522 0 0.698 0.714 0.654 1.917 0 2.584z" fill="#ffffff" /></svg>
+</div>
\ No newline at end of file
diff --git a/_includes/share-this.html b/_includes/share-this.html
new file mode 100644
index 0000000..1629a98
--- /dev/null
+++ b/_includes/share-this.html
@@ -0,0 +1,5 @@
+<div class="inline-btn">
+ <a class="btn-social twitter" href="https://twitter.com/intent/tweet?text={{ page.title | escape | replace:' ','%20' }}&url={{ page.url | replace:'index.html','' | prepend: site.url }}&via={{ site.owner.twitter }}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Twitter</a>
+ <a class="btn-social facebook" href="https://www.facebook.com/sharer/sharer.php?u={{ page.url | replace:'index.html','' | prepend: site.url }}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Facebook</a>
+ <a class="btn-social google-plus" href="https://plus.google.com/share?url={{ page.url | replace:'index.html','' | prepend: site.url }}" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i> {{ site.data.messages.locales[site.locale].share }} Google+</a>
+</div><!-- /.share-this -->
diff --git a/_includes/toc.html b/_includes/toc.html
new file mode 100644
index 0000000..7a88101
--- /dev/null
+++ b/_includes/toc.html
@@ -0,0 +1,4 @@
+<nav class="toc" markdown="1">
+* Auto generated table of contents
+{:toc}
+</nav>
\ No newline at end of file
diff --git a/_layouts/archive.html b/_layouts/archive.html
new file mode 100644
index 0000000..a3a5c98
--- /dev/null
+++ b/_layouts/archive.html
@@ -0,0 +1,25 @@
+---
+layout: default
+---
+
+<div id="main" role="main">
+ <div class="wrap">
+ {% if page.image.feature %}
+ <div class="page-feature">
+ <div class="page-image">
+ <img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}">
+ {% if page.image.credit %}{% include image-credit.html %}{% endif %}
+ </div><!-- /.page-image -->
+ </div><!-- /.page-feature -->
+ {% endif %}
+ <div class="page-title">
+ <h1>{{ page.title }}</h1>
+ {% if page.excerpt %}<h2>{{ page.excerpt }}</h2>{% endif %}
+ </div>
+ <div class="archive-wrap">
+ <div class="page-content">
+ {{ content }}
+ </div><!-- /.page-content -->
+ </div class="archive-wrap"><!-- /.archive-wrap -->
+ </div><!-- /.wrap -->
+</div><!-- /#main -->
\ No newline at end of file
diff --git a/_layouts/article.html b/_layouts/article.html
new file mode 100644
index 0000000..4391359
--- /dev/null
+++ b/_layouts/article.html
@@ -0,0 +1,54 @@
+---
+layout: default
+---
+
+<div id="main" role="main">
+ <article class="wrap" itemscope itemtype="http://schema.org/Article">
+ {% if page.image.feature %}
+ <div class="page-feature">
+ <div class="page-image">
+ <img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}" itemprop="image">
+ {% if page.image.credit %}{% include image-credit.html %}{% endif %}
+ </div><!-- /.page-image -->
+ </div><!-- /.page-feature -->
+ {% endif %}
+ {% include breadcrumbs.html %}
+
+ <section id="global-header">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="block">
+ <h1>{{ page.title }}</h1>
+ <p>{{ page.subtitle }}</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </section>
+
+
+
+ <div class="inner-wrap">
+ <div id="content" class="page-content" itemprop="articleBody">
+ <section id="intro">
+ <div class="container">
+ <div class="row">
+ {{ content }}
+ </div>
+ </div>
+ </section>
+ <hr />
+ <footer class="page-footer">
+ {% if page.categories %}{% include page-author.html %}{% endif %}
+ {% if page.share != false %}{% include share-this.html %}{% endif %}
+ {% include page-meta.html %}
+ </footer><!-- /.footer -->
+ <aside>
+ {% if page.comments == true %}{% include comments.html %}{% endif %}
+ </aside>
+ </div><!-- /.content -->
+ </div><!-- /.inner-wrap -->
+ {% if page.ads == true %}<div class="ads">{% include advertising.html %}</div><!-- /.ads -->{% endif %}
+ </article><!-- ./wrap -->
+</div><!-- /#main -->
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..afebb45
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+ <title>{% if page.title %}{{ page.title }} • {% endif %}{{ site.title }}</title>
+
+ {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | strip_html }}">{% endif %}
+ {% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}
+ {% if page.author %}
+ {% assign author = site.data.authors[page.author] %}{% else %}{% assign author = site.owner %}
+ {% endif %}
+
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+
+ <!-- CSS -->
+ <link rel="stylesheet" href="{{ site.url }}/css/owl.carousel.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/bootstrap.min.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/font-awesome.min.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/style.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/ionicons.min.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/animate.css">
+ <link rel="stylesheet" href="{{ site.url }}/css/responsive.css">
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" />
+ <style>
+ .github-fork-ribbon.right-top:before {
+ background-color: #000;
+ }
+ </style>
+
+
+ <!-- Js -->
+ <script src="{{ site.url }}/js/vendor/modernizr-2.6.2.min.js"></script>
+ <script src="{{ site.url }}/js/vendor/jquery-1.10.2.min.js"></script>
+ <script>window.jQuery || document.write('<script src="{{ site.url }}/js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
+ <script src="{{ site.url }}/js/bootstrap.min.js"></script>
+ <script src="{{ site.url }}/js/owl.carousel.min.js"></script>
+ <script src="{{ site.url }}/js/plugins.js"></script>
+
+ <script src="{{ site.url }}/js/min/waypoints.min.js"></script>
+ <script src="{{ site.url }}/js/jquery.counterup.js"></script>
+
+
+
+
+
+
+ <script src="{{ site.url }}/js/main.js"></script>
+ <script src="{{ site.url }}/js/plugins/jquery.mixitup.min.js"></script>
+
+</head>
+
+ <body id="js-body">
+ <a class="github-fork-ribbon right-top" href="https://github.com/apache/incubator-ariatosca" title="Fork me on GitHub">Fork me on GitHub</a>
+
+ {% include browser-upgrade.html %}
+ {% include header.html %}
+
+
+ <div id="page-wrapper">
+ {{ content }}
+ {% include footer.html %}
+ </div>
+
+ <script src="{{ site.url }}/js/vendor/jquery-1.10.2.min.js"></script>
+ <script src="{{ site.url }}/js/plugins/jquery.mixitup.min.js"></script>
+ <script src="{{ site.url }}/js/owl.carousel.min.js"></script>
+ <script src="{{ site.url }}/js/jquery.counterup.js"></script>
+
+ <script src="{{ site.url }}/js/main.js"></script>
+
+ </body>
+
+</html>
diff --git a/_layouts/media.html b/_layouts/media.html
new file mode 100644
index 0000000..6682db3
--- /dev/null
+++ b/_layouts/media.html
@@ -0,0 +1,34 @@
+---
+layout: default
+---
+
+<div id="main" role="main">
+ <article class="wrap" itemscope itemtype="http://schema.org/Article">
+ {% if page.image.feature %}
+ <div class="page-feature">
+ <div class="page-image">
+ <img src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}" itemprop="image">
+ {% if page.image.credit %}{% include image-credit.html %}{% endif %}
+ </div><!-- /.page-image -->
+ </div><!-- /.page-feature -->
+ {% endif %}
+ {% include breadcrumbs.html %}
+ <div class="page-title">
+ <h1>{{ page.title }}</h1>
+ </div>
+ <div class="inner-wrap">
+ <div id="content" class="page-content" itemprop="articleBody">
+ {{ content }}
+ <hr />
+ <footer class="page-footer">
+ {% if page.share != false %}{% include share-this.html %}{% endif %}
+ {% include page-meta.html %}
+ </footer><!-- /.footer -->
+ <aside>
+ {% if page.comments == true %}{% include comments.html %}{% endif %}
+ </aside>
+ </div><!-- /.content -->
+ </div><!-- /.inner-wrap -->
+ {% if page.ads == true %}<div class="ads">{% include advertising.html %}</div><!-- /.ads -->{% endif %}
+ </article><!-- /.wrap -->
+</div><!-- /#main -->
diff --git a/_sass/_animations.scss b/_sass/_animations.scss
new file mode 100644
index 0000000..2e60299
--- /dev/null
+++ b/_sass/_animations.scss
@@ -0,0 +1,41 @@
+/* ==========================================================================
+ Animations
+ ========================================================================== */
+
+/*
+ Wiggle animation
+ ========================================================================== */
+
+@include keyframes(wiggle) {
+ 25%, 50%, 75%, 100% { @include transform-origin(top center); }
+ 25% { @include transform(rotate(8deg)); }
+ 50% { @include transform(rotate(-4deg)); }
+ 75% { @include transform(rotate(2deg)); }
+ 100% { @include transform(rotate(0deg)); }
+}
+
+/*
+ Pop animation
+ ========================================================================== */
+
+@include keyframes(pop) {
+ 50% { @include transform(scale(1.1)); }
+ 100% { @include transform(scale(1)); }
+}
+
+/*
+ Hang animation
+ ========================================================================== */
+
+@include keyframes(hang) {
+ 50% { @include transform(translateY(-3px)); }
+ 100% { @include transform(translateY(-6px)); }
+}
+.hang {
+ display: inline-block;
+ @include animation-name(hang);
+ @include animation-duration(0.5s);
+ @include animation-timing-function(linear);
+ @include animation-iteration-count(infinite);
+ @include animation-direction(alternate);
+}
diff --git a/_sass/_badges.scss b/_sass/_badges.scss
new file mode 100644
index 0000000..a3c4eca
--- /dev/null
+++ b/_sass/_badges.scss
@@ -0,0 +1,41 @@
+/* ==========================================================================
+ Badges
+ ========================================================================== */
+
+.badge {
+ display: inline-block;
+ background: $badge-background;
+ border-radius: 2em;
+ color: $badge-font-color;
+ font-family: $alt-font;
+ @include font-size(12,no);
+ font-weight: 600;
+ line-height: 1;
+ padding: .25em 1em;
+ text-align: center;
+
+ &.inverse {
+ background: $white;
+ color: $text-color;
+ }
+
+ &.info {
+ background: $badge-info-color;
+ color: $white;
+ }
+
+ &.danger {
+ background: $badge-danger-color;
+ color: $white;
+ }
+
+ &.warning {
+ background: $badge-warning-color;
+ color: darken($badge-warning-color, 60);
+ }
+
+ &.success {
+ background: $badge-success-color;
+ color: darken($badge-success-color, 60);
+ }
+}
diff --git a/_sass/_base.scss b/_sass/_base.scss
new file mode 100644
index 0000000..31122c1
--- /dev/null
+++ b/_sass/_base.scss
@@ -0,0 +1,396 @@
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/*
+ Typography
+ ========================================================================== */
+
+body {
+ font-family: $base-font;
+ color: $text-color;
+ @include font-size(16);
+}
+
+p {
+ @include font-size(18,yes,28);
+}
+
+li {
+ @include font-size(16,12,24);
+}
+
+/* Headings */
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: $heading-font;
+ text-rendering: optimizeLegibility; // Fix the character spacing for headings
+}
+h1 {
+ @include font-size(36);
+}
+h2 {
+ @include font-size(32);
+}
+h3 {
+ @include font-size(28);
+}
+h4 {
+ @include font-size(24);
+}
+h5 {
+ @include font-size(20);
+}
+h6 {
+ @include font-size(18);
+}
+
+/* Underlined text */
+
+u,
+ins {
+ text-decoration: none;
+ border-bottom: 1px solid $text-color;
+}
+
+/* Links */
+
+a {
+ color: $link-color;
+ &:hover {
+ color: darken($link-color, 20);
+ }
+ &:focus {
+ @extend %tab-focus;
+ }
+ &:hover,
+ &:active {
+ outline: 0;
+ }
+}
+
+/* Quoted text */
+
+blockquote {
+ padding-left: $gutter;
+ padding-right: $gutter;
+ border-left: 6px solid $info-color;
+ p {
+ font-family: $alt-font;
+ @include font-size(24);
+ }
+ cite {
+ font-family: $base-font;
+ font-weight: 700;
+ font-style: normal;
+ @include font-size(18);
+ }
+}
+
+// Code
+tt, code, kbd, samp, pre {
+ font-family: $code-font;
+}
+pre {
+ overflow-x: auto; // add scrollbars to wide code blocks
+}
+p code,
+li code {
+ @include font-size(16,no);
+ color: $text-color;
+ white-space: nowrap;
+ margin: 0 2px;
+ padding: 0 5px;
+ border: 1px solid $border-color;
+ background-color: lighten($primary-color, 95);
+ border-radius: $border-radius;
+}
+
+/*
+ Media and embeds
+ ========================================================================== */
+
+/* Figures and images */
+
+figure {
+ margin-left: -1 * $gutter;
+ margin-right: -1 * $gutter;
+ // full width figures on small screens
+ @include media($small) {
+ margin-left: 0;
+ margin-right: 0;
+ position: relative;
+ }
+ @include clearfix;
+ img,
+ .fluid-width-video-wrapper,
+ .palette {
+ margin-bottom: (0px + $doc-line-height) / 2;
+ // margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 2;
+ }
+ a {
+ img {
+ /* Image hover animation */
+ @include transition(box-shadow 0.3s);
+ &:hover {
+ box-shadow: 0 0 10px rgba($black, .20);
+ }
+ }
+ }
+ &.half {
+ @include outer-container;
+ @include media($small) {
+ a,
+ > img {
+ @include span-columns(6);
+ @include omega(2n);
+ }
+ figcaption {
+ clear: left;
+ }
+ }
+ }
+ &.third {
+ @include outer-container;
+ @include media($small) {
+ a,
+ > img {
+ @include span-columns(4);
+ @include omega(3n);
+ }
+ figcaption {
+ clear: left;
+ }
+ }
+ }
+}
+
+/* Figure captions */
+
+figcaption {
+ padding-left: $gutter;
+ padding-right: $gutter;
+ @include media($small) {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ font-family: $alt-font;
+ @include font-size(14,yes);
+ color: $caption-color;
+ clear: both;
+ a {
+ color: $caption-color;
+ text-decoration: none;
+ border-bottom: 1px dotted $caption-color;
+ &:hover {
+ border-bottom-style: solid;
+ }
+ }
+}
+
+.half,
+.third {
+ & figcaption { /* Remove caption indents */
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+/* Fix IE9 SVG bug */
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/*
+ Tables
+ ========================================================================== */
+
+table {
+ border-collapse: collapse;
+ margin: ((0px + $doc-line-height) / 2) 0;
+ margin: ((0rem + ($doc-line-height / $doc-font-size)) / 2) 0;
+ width: 100%;
+}
+tbody {
+ tr:hover > td, tr:hover > th {
+ background-color: $table-hover-color;
+ }
+}
+thead {
+ tr:first-child td {
+ border-bottom: 2px solid $table-border-color;
+ }
+}
+th {
+ padding: (0px + $doc-line-height) / 2;
+ padding: (0rem + ($doc-line-height / $doc-font-size)) / 2;
+ font-family: $alt-font;
+ font-weight: bold;
+ text-align: left;
+ background-color: $table-header-color;
+ border-bottom: 1px solid darken($border-color, 15%);
+}
+td {
+ border-bottom: 1px solid $border-color;
+ padding: (0px + $doc-line-height) / 2;
+ padding: (0rem + ($doc-line-height / $doc-font-size)) / 2;
+}
+tr, td, th {
+ vertical-align: middle;
+}
+
+/*
+ Horizontal rules
+ ========================================================================== */
+
+hr {
+ display: block;
+ position: relative;
+ margin: 0px + (2 * $doc-line-height) 0;
+ margin: 0rem + ((2 * $doc-line-height) / $doc-font-size) 0;
+ padding: 0;
+ height: 5px;
+ border: 0;
+ &:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 2 * $column;
+ height: 1px;
+ background: $border-color;
+ }
+}
+
+/*
+ Forms
+ ========================================================================== */
+
+fieldset {
+ background: lighten($border-color, 10);
+ border: 1px solid $border-color;
+ margin-bottom: 0px + $doc-line-height;
+ margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
+ padding: $gutter;
+ border-radius: $border-radius;
+}
+
+input,
+label,
+select {
+ display: block;
+ @include font-size($form-font-size,no);
+}
+
+label {
+ font-weight: bold;
+ font-family: $alt-font;
+ margin-bottom: (0px + $doc-line-height) / 4;
+ margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 4;
+ &.required:after {
+ content: "*";
+ }
+ abbr {
+ display: none;
+ }
+}
+
+textarea,
+#{$all-text-inputs},
+select,
+select[multiple=multiple] {
+ @include box-sizing(border-box);
+ @include transition(border-color);
+ background-color: white;
+ border-radius: $form-border-radius;
+ border: 1px solid $form-border-color;
+ box-shadow: $form-box-shadow;
+ font-family: $form-font-family;
+ font-size: $form-font-size;
+ margin-bottom: (0px + $doc-line-height) / 2;
+ margin-bottom: (0rem + ($doc-line-height / $doc-font-size)) / 2;
+ padding: ((0px + $doc-line-height) / 3) ((0px + $doc-line-height) / 3);
+ padding: ((0rem + ($doc-line-height / $doc-font-size)) / 3) ((0rem + ($doc-line-height / $doc-font-size)) / 3);
+ width: 100%;
+ &:hover {
+ border-color: $form-border-color-hover;
+ }
+ &:focus {
+ border-color: $form-border-color-focus;
+ box-shadow: $form-box-shadow-focus;
+ outline: none;
+ }
+}
+
+textarea {
+ resize: vertical;
+}
+
+input[type="search"] {
+ @include appearance(none);
+}
+
+input[type="checkbox"], input[type="radio"] {
+ display: inline;
+ margin-right: (0px + $doc-line-height) / 4;
+ margin-right: (0rem + ($doc-line-height / $doc-font-size)) / 4;
+}
+
+input[type="file"] {
+ width: 100%;
+}
+
+select {
+ width: auto;
+ max-width: 100%;
+ margin-bottom: 0px + $doc-line-height;
+ margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
+}
+
+form button,
+input[type="submit"] {
+ @extend .btn;
+ @include appearance(none);
+ cursor: pointer;
+ user-select: none;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+/*
+ Navigation lists
+ ========================================================================== */
+
+/**
+ * Removes margins, padding, and bullet points from navigation lists
+ *
+ * Example usage:
+ * <nav>
+ * <ul>
+ * <li><a href="#link-1">Link 1</a></li>
+ * <li><a href="#link-2">Link 2</a></li>
+ * <li><a href="#link-3">Link 3</a></li>
+ * </ul>
+ * </nav>
+ */
+
+nav {
+ ul {
+ margin: 0;
+ padding: 0;
+ }
+ li {
+ list-style: none;
+ }
+ a {
+ text-decoration: none;
+ }
+}
+
+/*
+ Global animation transition
+ ========================================================================== */
+
+b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, .highlight {
+ @include transition (color 0.2s ease-out, opacity 0.2s ease-out, background 0.2s ease-out, border-color 0.2s ease-out);
+}
diff --git a/_sass/_breadcrumbs.scss b/_sass/_breadcrumbs.scss
new file mode 100644
index 0000000..e237242
--- /dev/null
+++ b/_sass/_breadcrumbs.scss
@@ -0,0 +1,16 @@
+/* ==========================================================================
+ Breadcrumb navigation
+ ========================================================================== */
+
+.breadcrumbs {
+ @include row;
+ margin-top: $gutter;
+ @include font-size(10,no);
+ a {
+ display: inline-block;
+ font-family: $alt-font;
+ font-weight: 700;
+ text-align: left;
+ text-transform: uppercase;
+ }
+}
diff --git a/_sass/_bullets.scss b/_sass/_bullets.scss
new file mode 100644
index 0000000..b1a1e19
--- /dev/null
+++ b/_sass/_bullets.scss
@@ -0,0 +1,50 @@
+/* ==========================================================================
+ Visual bullets (image + text)
+ ========================================================================== */
+
+.bullets {
+ $icon-bullet-size: $column;
+ overflow: auto;
+
+ // change ".three-col-bullet" class to this for two bullet layout
+ .two-col-bullet {
+ @include media($large) {
+ @include span-columns(6);
+ @include omega(2n);
+ }
+ }
+ .three-col-bullet {
+ @include media($large) {
+ @include span-columns(4);
+ @include omega(3n);
+ }
+ }
+ // change ".three-col-bullet" class to this for four bullet layout
+ .four-col-bullet {
+ @include media($large) {
+ @include span-columns(3);
+ @include omega(4n);
+ }
+ }
+
+ .bullet-icon {
+ float: left;
+ background: $base-color;
+ padding: $icon-bullet-size /4;
+ border-radius: 50%;
+ width: $icon-bullet-size * 1.25;
+ height: $icon-bullet-size * 1.25;
+ }
+ .bullet-content {
+ margin-left: $icon-bullet-size * 1.4;
+ margin-bottom: 2em;
+ }
+ h2 {
+ margin-top: 0;
+ @include font-size(20,no);
+ display: inline-block;
+ }
+ p {
+ @include font-size(14);
+ }
+}
diff --git a/_sass/_buttons.scss b/_sass/_buttons.scss
new file mode 100644
index 0000000..3b15898
--- /dev/null
+++ b/_sass/_buttons.scss
@@ -0,0 +1,156 @@
+/* ==========================================================================
+ Buttons
+ ========================================================================== */
+
+/*
+ Default button .btn
+ ========================================================================== */
+
+.btn {
+ display: inline-block;
+ padding: 8px 20px;
+ @include font-size(14);
+ font-family: $alt-font;
+ background-color: $primary-color;
+ color: $white;
+ text-decoration: none;
+ border: 0 !important;
+ border-radius: 10 * $border-radius;
+ @include transition(background 0.2s, border 0.2s);
+ &:hover {
+ color: $white;
+ background-color: lighten($primary-color, 10);
+ }
+ &:active {
+ // move button slightly on click
+ @include transform(translateY(1px));
+ }
+}
+
+/*
+ Inverse button .btn-inverse
+ ========================================================================== */
+
+.btn-inverse {
+ @extend .btn;
+ background-color: $white;
+ color: $text-color;
+ &:visited,
+ &:active {
+ color: $text-color;
+ }
+ &:hover {
+ color: $white;
+ background-color: $text-color;
+ }
+}
+
+/*
+ Info button .btn-info
+ ========================================================================== */
+
+.btn-info {
+ @extend .btn;
+ background-color: $info-color;
+ color: $white;
+ &:visited {
+ color: $white;
+ }
+ &:hover {
+ background-color: lighten($info-color, 10);
+ }
+}
+
+/*
+ Warning button .btn-warning
+ ========================================================================== */
+
+.btn-warning {
+ @extend .btn;
+ background-color: $warning-color;
+ color: $white;
+ &:visited {
+ color: $white;
+ }
+ &:hover {
+ background-color: lighten($warning-color ,10);
+ }
+}
+
+/*
+ Success button .btn-success
+ ========================================================================== */
+
+.btn-success {
+ @extend .btn;
+ background-color: $success-color;
+ color: $white;
+ &:visited {
+ color: $white;
+ }
+ &:hover {
+ background-color:lighten($success-color, 10);
+ }
+}
+
+/*
+ Danger button .btn-danger
+ ========================================================================== */
+
+.btn-danger {
+ @extend .btn;
+ background-color: $danger-color;
+ color: $white;
+ &:visited {
+ color: $white;
+ }
+ &:hover {
+ background-color: lighten($danger-color, 10);
+ }
+}
+
+/*
+ Social media buttons
+ ========================================================================== */
+
+.btn-social {
+ $social:
+ (facebook, $facebook-color),
+ (flickr, $flickr-color),
+ (foursquare, $foursquare-color),
+ (google-plus, $google-plus-color),
+ (instagram, $instagram-color),
+ (linkedin, $linkedin-color),
+ (pinterest, $pinterest-color),
+ (rss, $rss-color),
+ (tumblr, $tumblr-color),
+ (twitter, $twitter-color),
+ (vimeo, $vimeo-color),
+ (youtube, $youtube-color);
+ @extend .btn-inverse;
+ color: $text-color !important;
+ &:visited,
+ &:active {
+ color: $text-color;
+ }
+ border: 1px solid $border-color !important;
+ @each $socialnetwork, $color in $social {
+ i.fa-#{$socialnetwork} {
+ color: $color;
+ }
+ }
+ &:hover {
+ color: $white !important;
+ }
+ @each $socialnetwork, $color in $social {
+ &.#{$socialnetwork}:hover {
+ background: $color;
+ border-color: $color;
+ @each $socialnetwork, $color in $social {
+ i.fa-#{$socialnetwork} {
+ color: $white;
+ }
+ }
+ }
+ }
+}
diff --git a/_sass/_footnotes.scss b/_sass/_footnotes.scss
new file mode 100644
index 0000000..57a59ca
--- /dev/null
+++ b/_sass/_footnotes.scss
@@ -0,0 +1,14 @@
+/* ==========================================================================
+ Footnotes
+ ========================================================================== */
+
+.footnotes {
+ font-family: $alt-font;
+ p, li {
+ @include font-size(12,no);
+ }
+ &:before {
+ content: 'Footnotes:';
+ font-weight: 700;
+ }
+}
diff --git a/_sass/_grid-settings.scss b/_sass/_grid-settings.scss
new file mode 100644
index 0000000..0d2c638
--- /dev/null
+++ b/_sass/_grid-settings.scss
@@ -0,0 +1,15 @@
+/* ==========================================================================
+ Grid settings for Neat
+ ========================================================================== */
+
+@import "vendor/neat/neat-helpers";
+
+// Change the grid settings
+$visual_grid: false;
+
+// Define your breakpoints
+$short: new-breakpoint(max-height em(700) 12);
+$micro: new-breakpoint(min-width em(240) max-width em(480) 12);
+$small: new-breakpoint(min-width em(600) 12);
+$medium: new-breakpoint(min-width em(900) 12);
+$large: new-breakpoint(min-width em(1280) 12);
diff --git a/_sass/_helpers.scss b/_sass/_helpers.scss
new file mode 100644
index 0000000..f8ab4bf
--- /dev/null
+++ b/_sass/_helpers.scss
@@ -0,0 +1,153 @@
+/* ==========================================================================
+ Helpers and Utility Classes
+ ========================================================================== */
+
+.wrap {
+ @include outer-container;
+}
+
+.come-in {
+ @include transform(translateY(20px));
+ @include animation(pop 0.5s ease forwards);
+}
+
+.already-visible {
+ @include transform(translateY(0));
+ @include animation(none);
+}
+
+/*
+ Hide
+ ========================================================================== */
+
+.hidden,
+.load {
+ display: none;
+}
+
+/*
+ No scrollbars
+ ========================================================================== */
+
+.no-scroll {
+ overflow: hidden;
+}
+
+/*
+ Inline button(s) wrapper
+ ========================================================================== */
+
+.inline-btn {
+ @include clearfix;
+ a, btn {
+ display: inline-block;
+ margin-right: $gutter / 2;
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+}
+
+/*
+ Shorten measure of text to improve readability
+ ========================================================================== */
+
+@include media($medium) {
+ .shorten {
+ width: percentage(8/12);
+ }
+}
+
+/*
+ Center align text
+ ========================================================================== */
+
+.center {
+ text-align: center;
+}
+
+/*
+ Align image to the right
+ ========================================================================== */
+
+.image-right {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ @include media($medium) {
+ float: right;
+ margin-left: $gutter;
+ }
+}
+
+/*
+ Thumbnail grid (default)
+ ========================================================================== */
+
+.th-grid {
+ @include row($direction: LTR);
+ @include clearfix;
+ margin: 0;
+ padding: 0;
+ li {
+ list-style: none;
+ @include span-columns(3);
+ @include omega(4n);
+ margin-bottom: flex-gutter($grid-columns);
+ }
+ a {
+ img {
+ // Image hover animation
+ &:hover {
+ @include animation(pop .3s 0 linear);
+ box-shadow: 0 0 10px rgba($black, .20);
+ }
+ }
+ }
+}
+
+/*
+ Thumbnail grid (oversized)
+ ========================================================================== */
+
+.th-grid-full {
+ @include clearfix;
+ margin: 0;
+ padding: 0;
+ @include media($large) {
+ margin-right: -29em; // magic number ugh
+ }
+ @at-root {
+ .archive-wrap & {
+ margin-right: 0;
+ }
+ }
+ li {
+ list-style: none;
+ margin-bottom: flex-gutter($grid-columns);
+ @include media($micro) {
+ @include span-columns(3);
+ @include omega(4n);
+ }
+ @media screen and (min-width: em(480)) and (max-width: em(999)) {
+ @include span-columns(3);
+ @include omega(4n);
+ }
+ @include media($large) {
+ float: left;
+ width: 6.575em;
+ margin-right: .25em; // magic number ugh
+ margin-bottom: .25em; // magic number ugh
+ @include omega(9n);
+ }
+ }
+ a {
+ img {
+ // Image hover animation
+ &:hover {
+ @include animation(pop .3s 0 linear);
+ box-shadow: 0 0 10px rgba($black, .20);
+ }
+ }
+ }
+}
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
new file mode 100644
index 0000000..bcc7ce0
--- /dev/null
+++ b/_sass/_layout.scss
@@ -0,0 +1,351 @@
+/* ==========================================================================
+ Page layout
+ ========================================================================== */
+
+/*
+ Masthead
+ ========================================================================== */
+
+#masthead {
+ padding: $gutter;
+ z-index: 5;
+ @include transform(translate(0,0));
+ @include transition(500ms cubic-bezier(.645,.045,.355,1.000));
+ &.slide {
+ @include transform(translate(-1600px,0));
+ }
+ .inner-wrap {
+ @include outer-container;
+ }
+}
+.site-title {
+ @include row;
+ @include media($large) {
+ @include span-columns(4);
+ }
+ padding: (.25 * $masthead-height) 0; // fourth the height to center vertically
+ height: $masthead-height;
+ text-decoration: none;
+ color: $black;
+ font-family: $alt-font;
+ font-weight: 700;
+ @include font-size(20,no);
+ line-height: .5 * $masthead-height; // half the height to center vertically
+ text-transform: uppercase;
+}
+
+
+/*
+ Menus
+ ========================================================================== */
+
+.menu {
+ li {
+ float: left;
+ &:last-child a {
+ @include media($medium) {
+ margin-right: 0; // remove spacing from last menu link
+ }
+ }
+ a {
+ // line hover effect
+ position: relative;
+ display: block;
+ margin-right: $gutter;
+ padding: (.25 * $masthead-height) 0 (.25 * $masthead-height) ;
+ height: $masthead-height;
+ font-family: $alt-font;
+ &:before,
+ &:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 2px;
+ @include transition(width 0.3s);
+ }
+ &:before {
+ width: 100%;
+ background: transparent;
+ }
+ &:after {
+ width: 0;
+ background: $black;
+ }
+ &:active:after,
+ &:hover:after {
+ width: 100%;
+ }
+ }
+ }
+}
+
+/* Top menu navigation */
+
+.top-menu {
+ display: none;
+ position: relative;
+ @include media($medium) {
+ @include span-columns(12);
+ }
+ @include media($large) {
+ @include span-columns(7);
+ ul {
+ position: absolute;
+ right: 0;
+ }
+ }
+ .home,
+ .sub-menu-item {
+ display: none;
+ }
+ li {
+ a {
+ font-weight: 700;
+ @include font-size(16,no);
+ line-height: .5 * $masthead-height; // half the height to center vertically
+ color: $black;
+ text-transform: uppercase;
+ }
+ }
+}
+
+/* Bottom menu navigation */
+
+.bottom-menu {
+ @include clearfix;
+ font-weight: 700;
+ a {
+ color: lighten($black,60);
+ }
+}
+
+
+/*
+ Page wrapper
+ ========================================================================== */
+
+#page-wrapper {
+ padding: 0 $gutter; // add white space for smaller screens
+ @include size(100% 100%);
+ -webkit-overflow-scrolling: touch;
+ z-index: 2;
+ @include transform(translate(0,0));
+ @include transition(500ms cubic-bezier(.645,.045,.355,1.000));
+ &.slide {
+ @include transform(translate(-60rem,0));
+ }
+}
+
+/*
+ Main content
+ ========================================================================== */
+
+#main {
+ .inner-wrap {
+ @include media($medium) {
+ @include span-columns(9);
+ }
+ }
+ .page-title {
+ @include fill-parent;
+ }
+ @at-root {
+ .page-content {
+ @include fill-parent;
+ // larger font for intro paragraph
+ > p {
+ &:first-child {
+ @include font-size(20,yes,30);
+ }
+ }
+ // cleaner underlines for links
+ a { text-decoration: none; }
+ p a,
+ li a {
+ border-bottom: 1px dotted lighten($link-color, 50);
+ &:hover {
+ border-bottom-style: solid;
+ }
+ }
+ p > a.reversefootnote {
+ border-bottom-width: 0;
+ }
+ .toc li > a {
+ border-bottom-width: 0;
+ }
+ .page-footer,
+ .pagination {
+ @include fill-parent;
+ }
+ .page-meta {
+ p{
+ @include font-size(14,no);
+ font-family: $alt-font;
+ color: lighten($black,60);
+ }
+ }
+ }
+ }
+ @at-root {
+ .archive-wrap {
+ @include fill-parent;
+ .page-content {
+ @include reset-all;
+ @include fill-parent;
+ }
+ }
+ }
+ /* advertisements */
+ .ads {
+ position: relative;
+ text-align: center;
+ margin-top: $gutter;
+ margin-left: -$gutter;
+ margin-right: -$gutter;
+ padding: 10px 0 20px;
+ background: lighten($border-color,5);
+ @include media($medium) {
+ @include span-columns(3);
+ margin-left: 0;
+ margin-right: 0;
+ }
+ &:after {
+ content: 'Advertisement';
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ text-align: center;
+ display: block;
+ @include font-size(9,no);
+ font-family: $alt-font;
+ }
+ ins {
+ border-width: 0;
+ }
+ }
+}
+// page lead
+.page-lead {
+ background-position: center top;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ text-align: center;
+ color: $white;
+ @include media($large) {
+ background-size: cover;
+ }
+}
+.page-lead-content {
+ padding: 1em;
+ @include media($medium) {
+ padding: 2em;
+ }
+ @include media($large) {
+ padding: 3em;
+ }
+ h1 {
+ @include font-size(48);
+ @include media($medium) {
+ @include font-size(60);
+ }
+ @include media($large) {
+ @include font-size(72);
+ }
+ }
+ h2 {
+ @include font-size(20);
+ @include media($medium) {
+ @include font-size(24);
+ }
+ @include media($large) {
+ @include font-size(32);
+ }
+ }
+}
+// page header
+.page-feature {
+ @include fill-parent;
+ // expand image to cover full width of header
+ img {
+ width: 100%;
+ }
+}
+// make image flush with edges on small screens
+.page-image {
+ position: relative;
+ margin-left: -1 * $gutter;
+ margin-right: -1 * $gutter;
+ // feature image caption
+ .image-credit {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ margin: 0 auto;
+ padding: 10px 15px;
+ background-color: rgba($black,.5);
+ color: $white;
+ font-family: $alt-font;
+ @include font-size(12,no);
+ text-align: right;
+ z-index: 10;
+ a {
+ color: $white;
+ text-decoration: none;
+ }
+ }
+}
+
+/*
+ Page footer
+ ========================================================================== */
+
+.page-footer {
+ position: relative;
+}
+
+/* Author block */
+
+.author-image {
+ position: absolute;
+ left: 0;
+ img {
+ width: 80px;
+ height: 80px;
+ border-radius: $border-radius;
+ }
+}
+.author-content {
+ word-wrap: break-word;
+ padding-left: 100px; //avatar width + 20px padding
+ min-height: 80px; //mirrors avatar height
+}
+.author-name {
+ @include font-size(20,no);
+}
+.author-bio {
+ margin-top: 0;
+ @include font-size(16);
+}
+
+/*
+ Site footer
+ ========================================================================== */
+
+#site-footer {
+ @include outer-container;
+ margin-top: (3 * (0px + $doc-line-height));
+ margin-top: (3 * (0rem + ($doc-line-height / $doc-font-size)));
+ padding-bottom: $gutter;
+ font-family: $alt-font;
+ /* Copyright text */
+ .copyright {
+ @include font-size(12);
+ color: lighten($black,60);
+ a {
+ color: lighten($black,60);
+ text-decoration: none;
+ }
+ }
+}
diff --git a/_sass/_menu-navicons.scss b/_sass/_menu-navicons.scss
new file mode 100644
index 0000000..99f551a
--- /dev/null
+++ b/_sass/_menu-navicons.scss
@@ -0,0 +1,130 @@
+/* ==========================================================================
+ ANIMATED 3 LINE NAVICONS
+ https://github.com/SaraSoueidan/navicon-transformicons
+ ========================================================================== */
+
+/* Common to all three-liners */
+
+@mixin line {
+ display: inline-block;
+ width: $button-size;
+ height: $button-size/7;
+ background: $white;
+ transition: $transition;
+}
+
+.nav-lines {
+ @include line;
+ position: relative;
+ &:before, &:after {
+ @include line;
+ position: absolute;
+ left:0;
+ content: '';
+ transform-origin: $button-size/14 center;
+ }
+ &:before {
+ top: $button-size/4;
+ }
+ &:after {
+ top: -$button-size/4;
+ }
+}
+
+.lines-button:hover {
+ .nav-lines {
+ &:before {
+ top: $button-size/3.5;
+ }
+ &:after {
+ top: -$button-size/3.5;
+ }
+ }
+}
+
+/* For both the arrow up and left icons */
+
+.lines-button.arrow.close {
+ .nav-lines {
+ &:before,
+ &:after {
+ top: 0;
+ width: $button-size/1.8;
+ }
+ &:before {
+ transform: rotate3d(0,0,1,40deg);
+ }
+ &:after {
+ transform: rotate3d(0,0,1,-40deg);
+ }
+ }
+}
+
+/* Arrow up only: just rotate by 90degrees */
+
+.lines-button.arrow-up.close {
+ transform: scale3d(.8,.8,.8) rotate3d(0, 0, 1,90deg);
+}
+
+/* Three-lines to minus only */
+
+.lines-button.minus.close {
+ .nav-lines {
+ &:before, &:after {
+ transform: none;
+ top: 0;
+ width: $button-size;
+ }
+ }
+}
+
+/* Three-lines to x */
+
+.lines-button.x.close{
+ .nav-lines {
+ background: transparent;
+ &:before, &:after{
+ transform-origin: 50% 50%;
+ top: 0;
+ width: $button-size;
+ }
+ &:before{
+ transform: rotate3d(0,0,1,45deg);
+ }
+ &:after{
+ transform: rotate3d(0,0,1,-45deg);
+ }
+ }
+}
+
+/* Three-lines to x method 2 */
+
+.lines-button.x2 {
+ .nav-lines {
+ transition: background .3s .5s ease;
+ &:before, &:after {
+ /* set transform origin */
+ transform-origin: 50% 50%;
+ transition: top .3s .6s ease, -webkit-transform .3s ease;
+ transition: top .3s .6s ease, transform .3s ease;
+ }
+ }
+}
+.lines-button.x2.close {
+ .nav-lines {
+ transition: background .3s 0s ease;
+ background: transparent;
+ &:before, &:after {
+ transition: top .3s ease, -webkit-transform .3s .5s ease; /* delay the formation of the x till the minus is formed */
+ transition: top .3s ease, transform .3s .5s ease; /* delay the formation of the x till the minus is formed */
+ top: 0;
+ width: $button-size;
+ }
+ &:before {
+ transform: rotate3d(0,0,1,45deg);
+ }
+ &:after {
+ transform: rotate3d(0,0,1,-45deg);
+ }
+ }
+}
diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss
new file mode 100644
index 0000000..5c7f395
--- /dev/null
+++ b/_sass/_mixins.scss
@@ -0,0 +1,94 @@
+// MIXINS
+// --------------------------------------------------
+
+%tab-focus {
+ // Default
+ outline: thin dotted #333;
+ // Webkit
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -2px;
+}
+
+
+// Typography
+// --------------------------------------------------
+
+/* Vertical Rhythm
+ https://github.com/sturobson/Sassifaction
+
+ In this mixin you can specify the font size in PX and
+ it will calculate the REM based on your $doc-font-size
+ & $doc-line-height variables.
+
+ @include font-size(24);
+
+ It will also create a bottom margin based on the
+ $doc-font-size & $doc-line-height variables unless you
+ specify that it shouldn't have one.
+
+ @include font-size(24, no);
+
+ Or if you want to specify a different bottom margin to
+ be generated.
+
+ @include font-size(24,32);
+
+ This mixin also generates a pixel-less line height by
+ default unless you specify that you either don't want
+ one where I'd suggest declaring 1 within the mixin.
+
+ @include font-size(24, yes, 1);
+
+ There's also the option to specify a different line-height
+ for it to generate to, where you would specify the
+ line-height in (effectively) it's pixel value.
+
+ @include font-size(24, yes, 40);
+*/
+
+@mixin font-size($size, $margin: yes, $line-height: $doc-line-height) {
+
+ // generates the font-size in REMs with a PX fallback
+ font-size: 0px + $size;
+ font-size: 0rem + $size / $doc-font-size;
+
+ // line-height functions
+ ////////////////////////
+
+ // if you a line-height is specified in the mixin
+ @if $line-height != $doc-line-height and $line-height != 1 {
+ line-height: ceil($size / $line-height) * ($line-height / $size);
+ }
+
+ // if $line-height == 1
+ // because, typing 1 is quicker than 16
+ @else if $line-height == 1 {
+ line-height: 1;
+ }
+
+ // normal $line-height
+ // if the line-height is left.
+ @else {
+ line-height: ceil($size / $doc-line-height) * ($doc-line-height / $size);
+ }
+
+ // margin-bottom functions
+ //////////////////////////
+
+ // if no is bottom margin is required
+ @if $margin == no {
+ margin-bottom: 0;
+ }
+
+ // if a specific bottom margin is required
+ @else if $margin != yes and $margin != no {
+ margin-bottom: 0px + $margin;
+ margin-bottom: 0rem + ($margin / $doc-font-size);
+ }
+
+ // if you're keeping the vertical rhythm with the margin
+ @else {
+ margin-bottom: 0px + $doc-line-height;
+ margin-bottom: 0rem + ($doc-line-height / $doc-font-size);
+ }
+}
\ No newline at end of file
diff --git a/_sass/_notices.scss b/_sass/_notices.scss
new file mode 100644
index 0000000..e65c773
--- /dev/null
+++ b/_sass/_notices.scss
@@ -0,0 +1,79 @@
+/* ==========================================================================
+ Notices
+ ========================================================================== */
+
+/*
+ Default notice .notice
+ ========================================================================== */
+
+@mixin notice($notice-color) {
+ position: relative;
+ padding: 1.5em;
+ font-family: $alt-font;
+ @include font-size(14,39);
+ color: $white;
+ background-color: $notice-color;
+ border-radius: $border-radius;
+ a {
+ color: $white;
+ border-bottom: 1px dotted $white;
+ }
+}
+.notice {
+ @include notice($primary-color);
+}
+
+/*
+ Inverse notice .notice-inverse
+ ========================================================================== */
+
+.notice-inverse {
+ @include notice($white);
+ color: $text-color;
+ a {
+ color: $text-color;
+ }
+}
+
+/*
+ Info notice .notice-info
+ ========================================================================== */
+
+.notice-info {
+ @include notice($info-color);
+}
+
+/*
+ Warning notice .notice-warning
+ ========================================================================== */
+
+.notice-warning {
+ @include notice($warning-color);
+}
+
+/*
+ Success notice .notice-success
+ ========================================================================== */
+
+.notice-success {
+ @include notice($success-color);
+}
+
+/*
+ Danger notice .notice-danger
+ ========================================================================== */
+
+.notice-danger {
+ @include notice($danger-color);
+}
+
+/*
+ Browser upgrade notice
+ ========================================================================== */
+
+.upgrade {
+ text-align: center;
+ a {
+ text-decoration: none;
+ }
+}
diff --git a/_sass/_reset.scss b/_sass/_reset.scss
new file mode 100644
index 0000000..16de7d5
--- /dev/null
+++ b/_sass/_reset.scss
@@ -0,0 +1,144 @@
+/* ==========================================================================
+ Style resets
+ Adapted from http://github.com/necolas/normalize.css
+ ========================================================================== */
+
+// Apply a natural box layout model to all elements
+*, *:before, *:after {
+ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
+ }
+
+// Remove margin
+body { margin: 0; }
+
+// Display HTML5 elements in IE6-9 and FF3
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+ display: block;
+}
+
+// Display block in IE6-9 and FF3
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+// Prevents modern browsers from displaying 'audio' without controls
+audio:not([controls]) {
+ display: none;
+}
+
+// Base font settings
+html {
+ font-size: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+// Apply focus state
+a:focus {
+ @extend %tab-focus;
+}
+
+// Remove outline
+a:hover,
+a:active {
+ outline: 0;
+}
+
+// Prevent sub and sup affecting line-height in all browsers
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+
+// Normalize blockquotes
+blockquote {
+ margin: 0;
+}
+
+// Img border in a's and image quality
+img {
+ // Responsive images (ensure images don't scale beyond their parents)
+ max-width: 100%; // Part 1: Set a maximum relative to the parent
+ width: auto\9; // IE7-8 need help adjusting responsive images
+ height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
+
+ vertical-align: middle;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+}
+
+// Prevent max-width from affecting Google Maps
+#map_canvas img,
+.google-maps img {
+ max-width: none;
+}
+
+// Consistent form font size in all browsers, margin changes, misc
+button,
+input,
+select,
+textarea {
+ margin: 0;
+ font-size: 100%;
+ vertical-align: middle;
+}
+button,
+input {
+ *overflow: visible; // Inner spacing ie IE6/7
+ line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
+ padding: 0;
+ border: 0;
+}
+button,
+html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
+ cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
+}
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+ cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
+}
+input[type="search"] { // Appearance in Safari/Chrome
+ @include box-sizing(content-box);
+ -webkit-appearance: textfield;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
+}
+textarea {
+ overflow: auto; // Remove vertical scrollbar in IE6-9
+ vertical-align: top; // Readability and alignment cross-browser
+}
diff --git a/_sass/_sliding-menu.scss b/_sass/_sliding-menu.scss
new file mode 100644
index 0000000..b44cb59
--- /dev/null
+++ b/_sass/_sliding-menu.scss
@@ -0,0 +1,189 @@
+/* ==========================================================================
+ OFF CANVAS SLIDING MENU
+ Based on code by Diego Eis
+ http://tableless.com.br/fazendo-um-slide-menu-mobile-sem-plugin/
+ ========================================================================== */
+
+/* Slider */
+
+.slide {
+ transform: translateX(-100%);
+ @include media($medium) {
+ transform: translateX(em(-600));
+ }
+ @include media($large) {
+ transform: translateX(em(-900));
+ }
+ }
+
+/*
+ Sliding menu button
+ ========================================================================== */
+
+.sliding-menu-button {
+ position: fixed;
+ transform: translateZ(0);
+ backface-visibility: hidden; /* fix scroll jank */
+ top: $gutter;
+ right: $gutter;
+ display: block;
+ width: $button-size * 2;
+ height: $button-size * 2;
+ background: $primary-color;
+ outline: 0;
+ padding: 0;
+ border: 2.5px solid transparent;
+ cursor: pointer;
+ z-index: 20;
+ box-sizing: border-box;
+ &:hover {
+ background: $black;
+ }
+ transition: $sliding-menu-animation;
+ &.slide {
+ background: $danger-color;
+ transform: translateX(0); /* don't slide close button on small screens only */
+ @include media($medium) {
+ transform: translateX(em(-600)); /* reset slide position */
+ }
+ @include media($large) {
+ transform: translateX(em(-900)); /* reset slide position */
+ }
+ }
+}
+
+/*
+ Sliding content
+ ========================================================================== */
+
+.sliding-menu-content {
+ position: fixed;
+ top: 0;
+ right: 0;
+ padding: em(22) 0;
+ visibility: hidden;
+ backface-visibility: hidden;
+ text-align: left;
+ @include size(100% 100%);
+ @include media($small) {
+ width: em(600);
+ }
+ @include media($large) {
+ width: em(900);
+ }
+ transform: translateX(100%);
+ transition: $sliding-menu-animation;
+ background: $sliding-menu-background;
+ z-index: 20;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-overflow-scrolling: touch;
+ &.is-visible {
+ visibility: visible;
+ transform: translateX(0);
+ }
+ h5 {
+ margin: 0 20% 0 10%;
+ @include media($large) {
+ margin-right: 20%;
+ }
+ color: $white;
+ @include font-size(14);
+ @include media($small) {
+ @include font-size(16);
+ }
+ span {
+ display: block;
+ @include font-size(32,no,1);
+ @include media($small) {
+ @include font-size(48,no,1);
+ }
+ font-family: $base-font;
+ text-transform: uppercase;
+ font-weight: 400;
+ }
+ }
+ ul {
+ margin: 0 10%;
+ @include media($large) {
+ margin-right: 20%;
+ }
+ }
+ ul,
+ li {
+ list-style: none;
+ }
+ li {
+ display: block;
+ position: relative;
+ padding-bottom: 1em;
+ min-height: 70px;
+ @include media($small) {
+ min-height: 100px;
+ }
+ }
+ .menu-item {
+ a {
+ display: block;
+ color: $white;
+ text-decoration: none;
+ }
+ .teaser {
+ position: absolute;
+ left: 0;
+ margin-bottom: 0;
+ width: 50px;
+ border: 2px solid $white;
+ margin-bottom: ($gutter / 2);
+ opacity: 0.6;
+ @include media($small) {
+ width: 150px;
+ }
+ }
+ a:hover .teaser {
+ opacity: 1;
+ }
+ .title {
+ display: block;
+ margin-left: 60px;
+ font-family: $alt-font;
+ @include font-size(24,no);
+ font-weight: 700;
+ @include media($small) {
+ margin-left: 170px;
+ @include font-size(32,no);
+ }
+ }
+ .excerpt {
+ margin-top: 0;
+ margin-left: 60px;
+ @include font-size(14,no);
+ @include media($small) {
+ margin-left: 170px;
+ @include font-size(16,no);
+ }
+ }
+ }
+ .sub-menu-item > li a {
+ display: block;
+ color: $white;
+ font-style: italic;
+ }
+ .menu-item .home a {
+ @include font-size(32);
+ }
+}
+
+/* Dim content when off canvas nav slides in */
+
+.menu-screen {
+ @include position(fixed, 0 0 0 0);
+ visibility: hidden;
+ z-index: 4;
+ &.is-visible {
+ visibility: visible;
+ &:hover {
+ cursor: pointer;
+ }
+ }
+}
diff --git a/_sass/_syntax.scss b/_sass/_syntax.scss
new file mode 100644
index 0000000..dd7627b
--- /dev/null
+++ b/_sass/_syntax.scss
@@ -0,0 +1,135 @@
+/* ==========================================================================
+ Syntax highlighting and formatting
+ ========================================================================== */
+
+pre.highlight {
+ padding: 1em;
+}
+
+/*
+ Pygments.rb and Rouge
+ ========================================================================== */
+
+.linenos,
+.code {
+ padding: 0;
+ border-top: 0 solid transparent;
+ border-bottom: 0 solid transparent;
+}
+.linenodiv {
+ @include font-size(16);
+}
+
+.highlight {
+ overflow-x: auto;
+ @include font-size(16);
+ border: 1px solid darken($body-color, 5);
+ border-radius: $border-radius;
+ pre {
+ position: relative;
+ margin: 0;
+ padding: 1em;
+ }
+ &:hover {
+ border: 1px solid $form-border-color-hover;
+ }
+}
+
+.highlighttable {
+ tr:hover>td,
+ tr:hover>th {
+ background: transparent
+ }
+}
+
+.hll { background-color: #ffffcc }
+
+.err { color: #a61717; background-color: #e3d2d2 } // Error
+
+.k { color: #000000; font-weight: bold } // Keyword
+
+.o { color: #000000; font-weight: bold } // Operator
+
+.c { color: #999988; font-style: italic } // Comment
+.cm { color: #999988; font-style: italic } // Comment.Multiline
+.cp { color: #999999; font-weight: bold; font-style: italic } // Comment.Preproc
+.c1 { color: #999988; font-style: italic } // Comment.Single
+.cs { color: #999999; font-weight: bold; font-style: italic } // Comment.Special
+
+
+.gd { color: #000000; background-color: #ffdddd } // Generic.Deleted
+.ge { color: #000000; font-style: italic } // Generic.Emph
+.gr { color: #aa0000 } // Generic.Error
+.gh { color: #999999 } // Generic.Heading
+.gi { color: #000000; background-color: #ddffdd } // Generic.Inserted
+.go { color: #888888 } // Generic.Output
+.gp { color: #555555 } // Generic.Prompt
+.gs { font-weight: bold } // Generic.Strong
+.gu { color: #aaaaaa } // Generic.Subheading
+.gt { color: #aa0000 } // Generic.Traceback
+
+.kc { color: #000000; font-weight: bold } // Keyword.Constant
+.kd { color: #000000; font-weight: bold } // Keyword.Declaration
+.kn { color: #000000; font-weight: bold } // Keyword.Namespace
+.kp { color: #000000; font-weight: bold } // Keyword.Pseudo
+.kr { color: #000000; font-weight: bold } // Keyword.Reserved
+.kt { color: #445588; font-weight: bold } // Keyword.Type
+
+.m { color: #009999 } // Literal.Number
+.mf { color: #009999 } // Literal.Number.Float
+.mh { color: #009999 } // Literal.Number.Hex
+.mi { color: #009999 } // Literal.Number.Integer
+.mo { color: #009999 } // Literal.Number.Oct
+.il { color: #009999 } // Literal.Number.Integer.Long
+.s { color: #d01040 } // Literal.String
+.sb { color: #d01040 } // Literal.String.Backtick
+.sc { color: #d01040 } // Literal.String.Char
+.sd { color: #d01040 } // Literal.String.Doc
+.s2 { color: #d01040 } // Literal.String.Double
+.se { color: #d01040 } // Literal.String.Escape
+.sh { color: #d01040 } // Literal.String.Heredoc
+.si { color: #d01040 } // Literal.String.Interpol
+.sx { color: #d01040 } // Literal.String.Other
+.sr { color: #009926 } // Literal.String.Regex
+.s1 { color: #d01040 } // Literal.String.Single
+.ss { color: #990073 } // Literal.String.Symbol
+
+.na { color: #008080 } // Name.Attribute
+.nb { color: #0086B3 } // Name.Builtin
+.nc { color: #445588; font-weight: bold } // Name.Class
+.no { color: #008080 } // Name.Constant
+.nd { color: #3c5d5d; font-weight: bold } // Name.Decorator
+.ni { color: #800080 } // Name.Entity
+.ne { color: #990000; font-weight: bold } // Name.Exception
+.nf { color: #990000; font-weight: bold } // Name.Function
+.nl { color: #990000; font-weight: bold } // Name.Label
+.nn { color: #555555 } // Name.Namespace
+.nt { color: #000080 } // Name.Tag
+.bp { color: #999999 } // Name.Builtin.Pseudo
+.nv { color: #008080 } // Name.Variable
+.vc { color: #008080 } // Name.Variable.Class
+.vg { color: #008080 } // Name.Variable.Global
+.vi { color: #008080 } // Name.Variable.Instance
+
+.ow { color: #000000; font-weight: bold } // Operator.Word
+
+.w { color: #bbbbbb } // Text.Whitespace
+
+/*
+ GitHub Gists
+ ========================================================================== */
+
+//Remove extra padding
+.gist table {
+ margin-top:0px;
+
+}
+
+//Remove hover effect
+.gist tbody
+{
+ tr:hover > td, tr:hover > th {
+ background-color:transparent;
+ };
+ background-color:white; //Background color white
+}
diff --git a/_sass/_tiles.scss b/_sass/_tiles.scss
new file mode 100644
index 0000000..1c6c033
--- /dev/null
+++ b/_sass/_tiles.scss
@@ -0,0 +1,45 @@
+/* ==========================================================================
+ Tiles
+ ========================================================================== */
+
+.tile {
+ @include outer-container;
+ margin-bottom: $gutter;
+ @include media($micro) {
+ @include fill-parent;
+ }
+ @include media(new-breakpoint(min-width em(480) 12)) {
+ @include span-columns(3);
+ @include omega(4n);
+ }
+ .entry-date {
+ @include font-size(16,no);
+ color: lighten($text-color,25);
+ }
+ .post-title {
+ @include font-size(18,no);
+ }
+ .post-excerpt {
+ @include font-size(16);
+ }
+ .post-teaser {
+ position: relative;
+ display: block;
+ &:after {
+ content: '';
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ background: rgba($base-color,0);
+ pointer-events: none;
+ @include transition(background 0.3s);
+ }
+ &:hover {
+ &:after {
+ background: rgba($base-color,0.2);
+ }
+ }
+ }
+}
diff --git a/_sass/_toc.scss b/_sass/_toc.scss
new file mode 100644
index 0000000..5aa6b58
--- /dev/null
+++ b/_sass/_toc.scss
@@ -0,0 +1,71 @@
+/* ==========================================================================
+ Table of contents
+ ========================================================================== */
+
+/*
+ Page table of contents
+ ========================================================================== */
+
+.toc {
+ margin-left: -1 * $gutter;
+ margin-right: -1 * $gutter;
+ @include media($medium) {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ font-family: $alt-font;
+ ul {
+ margin-top: $gutter;
+ margin-bottom: $gutter;
+ border: 1px solid $border-color;
+ @include media($medium) {
+ border-radius: $border-radius;
+ }
+ }
+ li {
+ @include font-size(14,no,16);
+ @include media($small) {
+ @include font-size(16,no,18);
+ }
+ border-bottom: 1px solid $border-color;
+ > a {
+ display: block;
+ padding: 7px 1.618rem;
+ color: $text-color;
+ border-left: 2px solid transparent;
+ &:hover,
+ &:focus {
+ background: mix($white, $border-color, 5%);
+ }
+ }
+ }
+ h6 {
+ margin: 0;
+ padding: 7px 1.618rem;
+ background: $table-stripe-color;
+ &:hover {
+ background: mix($white, $border-color, 5%);
+ }
+ a {
+ color: $text-color;
+ }
+ }
+}
+
+/*
+ 1/4 wide table of contents to be used as a sidebar (left aligned)
+ ========================================================================== */
+
+.toc-left {
+ @include span-columns(12);
+ @include media($medium) {
+ @include span-columns(4);
+ }
+ margin-left: 0;
+ ul {
+ margin-top: 0;
+ @include media($small) {
+ margin-bottom: 0.5 * $gutter;
+ }
+ }
+}
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
new file mode 100644
index 0000000..49344bf
--- /dev/null
+++ b/_sass/_variables.scss
@@ -0,0 +1,110 @@
+/* ==========================================================================
+ SCSS Variables
+ ========================================================================== */
+
+/*
+ Typography variables
+ ========================================================================== */
+
+$base-font : Georgia,Times,"Times New Roman",serif;
+$heading-font : "Helvetica Neue","Segoe UI",Arial,sans-serif;
+$caption-font : $base-font;
+$code-font : monospace;
+$alt-font : $heading-font;
+
+$doc-font-size : 16;
+$doc-line-height : 24;
+
+$border-radius : 3px;
+
+/*
+ Color variables
+ ========================================================================== */
+
+$white : #fff;
+$black : #000;
+
+$body-color : #ebebeb;
+
+$text-color : #313130;
+$caption-color : mix($white, $text-color, 25%);
+
+$base-color : #343434;
+$comp-color : complement($base-color);
+$border-color : #ddd;
+$link-color : #222;
+
+$primary-color : $black;
+$success-color : #2ecc71;
+$warning-color : #f1c40f;
+$danger-color : #e74c3c;
+$info-color : #3498db;
+
+$table-border-color : $border-color;
+$table-border : 1px solid $table-border-color;
+$table-background : $body-color;
+$table-header-color : lighten($table-background, 10);
+$table-hover-color : darken($table-background, 2);
+$table-stripe-color : darken($table-background, 4);
+$table-stripe-color-hover : darken($table-stripe-color, 5);
+
+$facebook-color : #3b5998;
+$flickr-color : #ff0084;
+$foursquare-color : #0cbadf;
+$google-plus-color : #dd4b39;
+$instagram-color : #4e433c;
+$linkedin-color : #4875b4;
+$pinterest-color : #cb2027;
+$rss-color : #fa9b39;
+$tumblr-color : #2c4762;
+$twitter-color : #55acee;
+$vimeo-color : #1ab7ea;
+$youtube-color : #ff3333;
+
+
+/*
+ Form variables
+ ========================================================================== */
+
+$form-border-color : $border-color;
+$form-border-color-hover : darken($border-color, 10);
+$form-border-color-focus : $primary-color;
+$form-border-radius : $border-radius;
+$form-box-shadow : inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
+$form-box-shadow-focus : $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
+$form-font-family : $base-font;
+$form-font-size : $doc-font-size;
+
+
+/*
+ Sliding menu navigation variables
+ ========================================================================== */
+
+$sliding-menu-border-color : $black;
+$sliding-menu-background : $black;
+$sliding-menu-color : $white;
+$sliding-menu-background-hover : $black;
+$sliding-menu-color-hover : $white;
+$sliding-menu-border : 1px solid $sliding-menu-border-color;
+$button-size : 30px;
+$transition : 0.3s; // increase this to see the transformations in slow-motion
+$sliding-menu-animation : all 500ms cubic-bezier(.86,.01,.77,.78);
+
+/*
+ Badge variables
+ ========================================================================== */
+
+$badge-background : $primary-color;
+$badge-dark-color : $black;
+$badge-danger-color : $danger-color;
+$badge-info-color : $info-color;
+$badge-warning-color : $warning-color;
+$badge-success-color : $success-color;
+$badge-font-color : $white;
+
+
+/*
+ Masthead variables
+ ========================================================================== */
+
+$masthead-height: $button-size * 2;
diff --git a/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss b/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss
new file mode 100644
index 0000000..f946b3b
--- /dev/null
+++ b/_sass/vendor/bourbon/_bourbon-deprecated-upcoming.scss
@@ -0,0 +1,8 @@
+//************************************************************************//
+// These mixins/functions are deprecated
+// They will be removed in the next MAJOR version release
+//************************************************************************//
+@mixin inline-block {
+ display: inline-block;
+ @warn "inline-block mixin is deprecated and will be removed in the next major version release";
+}
diff --git a/_sass/vendor/bourbon/_bourbon.scss b/_sass/vendor/bourbon/_bourbon.scss
new file mode 100644
index 0000000..11d52d7
--- /dev/null
+++ b/_sass/vendor/bourbon/_bourbon.scss
@@ -0,0 +1,78 @@
+// Settings
+@import "settings/prefixer";
+@import "settings/px-to-em";
+
+// Custom Helpers
+@import "helpers/convert-units";
+@import "helpers/gradient-positions-parser";
+@import "helpers/is-num";
+@import "helpers/linear-angle-parser";
+@import "helpers/linear-gradient-parser";
+@import "helpers/linear-positions-parser";
+@import "helpers/linear-side-corner-parser";
+@import "helpers/radial-arg-parser";
+@import "helpers/radial-positions-parser";
+@import "helpers/radial-gradient-parser";
+@import "helpers/render-gradients";
+@import "helpers/shape-size-stripper";
+@import "helpers/str-to-num";
+
+// Custom Functions
+@import "functions/assign";
+@import "functions/color-lightness";
+@import "functions/flex-grid";
+@import "functions/golden-ratio";
+@import "functions/grid-width";
+@import "functions/modular-scale";
+@import "functions/px-to-em";
+@import "functions/px-to-rem";
+@import "functions/strip-units";
+@import "functions/tint-shade";
+@import "functions/transition-property-name";
+@import "functions/unpack";
+
+// CSS3 Mixins
+@import "css3/animation";
+@import "css3/appearance";
+@import "css3/backface-visibility";
+@import "css3/background";
+@import "css3/background-image";
+@import "css3/border-image";
+@import "css3/border-radius";
+@import "css3/box-sizing";
+@import "css3/calc";
+@import "css3/columns";
+@import "css3/filter";
+@import "css3/flex-box";
+@import "css3/font-face";
+@import "css3/font-feature-settings";
+@import "css3/hyphens";
+@import "css3/hidpi-media-query";
+@import "css3/image-rendering";
+@import "css3/keyframes";
+@import "css3/linear-gradient";
+@import "css3/perspective";
+@import "css3/radial-gradient";
+@import "css3/transform";
+@import "css3/transition";
+@import "css3/user-select";
+@import "css3/placeholder";
+
+// Addons & other mixins
+@import "addons/button";
+@import "addons/clearfix";
+@import "addons/directional-values";
+@import "addons/ellipsis";
+@import "addons/font-family";
+@import "addons/hide-text";
+@import "addons/html5-input-types";
+@import "addons/position";
+@import "addons/prefixer";
+@import "addons/retina-image";
+@import "addons/size";
+@import "addons/timing-functions";
+@import "addons/triangle";
+@import "addons/word-wrap";
+
+// Soon to be deprecated Mixins
+@import "bourbon-deprecated-upcoming";
diff --git a/_sass/vendor/bourbon/addons/_button.scss b/_sass/vendor/bourbon/addons/_button.scss
new file mode 100644
index 0000000..14a89e4
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_button.scss
@@ -0,0 +1,374 @@
+@mixin button ($style: simple, $base-color: #4294f0, $text-size: inherit, $padding: 7px 18px) {
+
+ @if type-of($style) == string and type-of($base-color) == color {
+ @include buttonstyle($style, $base-color, $text-size, $padding);
+ }
+
+ @if type-of($style) == string and type-of($base-color) == number {
+ $padding: $text-size;
+ $text-size: $base-color;
+ $base-color: #4294f0;
+
+ @if $padding == inherit {
+ $padding: 7px 18px;
+ }
+
+ @include buttonstyle($style, $base-color, $text-size, $padding);
+ }
+
+ @if type-of($style) == color and type-of($base-color) == color {
+ $base-color: $style;
+ $style: simple;
+ @include buttonstyle($style, $base-color, $text-size, $padding);
+ }
+
+ @if type-of($style) == color and type-of($base-color) == number {
+ $padding: $text-size;
+ $text-size: $base-color;
+ $base-color: $style;
+ $style: simple;
+
+ @if $padding == inherit {
+ $padding: 7px 18px;
+ }
+
+ @include buttonstyle($style, $base-color, $text-size, $padding);
+ }
+
+ @if type-of($style) == number {
+ $padding: $base-color;
+ $text-size: $style;
+ $base-color: #4294f0;
+ $style: simple;
+
+ @if $padding == #4294f0 {
+ $padding: 7px 18px;
+ }
+
+ @include buttonstyle($style, $base-color, $text-size, $padding);
+ }
+
+ &:disabled {
+ opacity: 0.5;
+ cursor: not-allowed;
+ }
+}
+
+
+// Selector Style Button
+//************************************************************************//
+@mixin buttonstyle($type, $b-color, $t-size, $pad) {
+ // Grayscale button
+ @if $type == simple and $b-color == grayscale($b-color) {
+ @include simple($b-color, true, $t-size, $pad);
+ }
+
+ @if $type == shiny and $b-color == grayscale($b-color) {
+ @include shiny($b-color, true, $t-size, $pad);
+ }
+
+ @if $type == pill and $b-color == grayscale($b-color) {
+ @include pill($b-color, true, $t-size, $pad);
+ }
+
+ @if $type == flat and $b-color == grayscale($b-color) {
+ @include flat($b-color, true, $t-size, $pad);
+ }
+
+ // Colored button
+ @if $type == simple {
+ @include simple($b-color, false, $t-size, $pad);
+ }
+
+ @else if $type == shiny {
+ @include shiny($b-color, false, $t-size, $pad);
+ }
+
+ @else if $type == pill {
+ @include pill($b-color, false, $t-size, $pad);
+ }
+
+ @else if $type == flat {
+ @include flat($b-color, false, $t-size, $pad);
+ }
+}
+
+
+// Simple Button
+//************************************************************************//
+@mixin simple($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
+ $color: hsl(0, 0, 100%);
+ $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
+ $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 15%);
+ $stop-gradient: adjust-color($base-color, $saturation: 9%, $lightness: -11%);
+ $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
+
+ @if is-light($base-color) {
+ $color: hsl(0, 0, 20%);
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+ }
+
+ @if $grayscale == true {
+ $border: grayscale($border);
+ $inset-shadow: grayscale($inset-shadow);
+ $stop-gradient: grayscale($stop-gradient);
+ $text-shadow: grayscale($text-shadow);
+ }
+
+ border: 1px solid $border;
+ border-radius: 3px;
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
+ color: $color;
+ display: inline-block;
+ font-size: $textsize;
+ font-weight: bold;
+ @include linear-gradient ($base-color, $stop-gradient);
+ padding: $padding;
+ text-decoration: none;
+ text-shadow: 0 1px 0 $text-shadow;
+ background-clip: padding-box;
+
+ &:hover:not(:disabled) {
+ $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
+ $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
+ $stop-gradient-hover: adjust-color($base-color, $saturation: 8%, $lightness: -14%);
+
+ @if $grayscale == true {
+ $base-color-hover: grayscale($base-color-hover);
+ $inset-shadow-hover: grayscale($inset-shadow-hover);
+ $stop-gradient-hover: grayscale($stop-gradient-hover);
+ }
+
+ box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
+ cursor: pointer;
+ @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+ }
+
+ &:active:not(:disabled),
+ &:focus:not(:disabled) {
+ $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
+ $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -17%);
+
+ @if $grayscale == true {
+ $border-active: grayscale($border-active);
+ $inset-shadow-active: grayscale($inset-shadow-active);
+ }
+
+ border: 1px solid $border-active;
+ box-shadow: inset 0 0 8px 4px $inset-shadow-active, inset 0 0 8px 4px $inset-shadow-active;
+ }
+}
+
+
+// Shiny Button
+//************************************************************************//
+@mixin shiny($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
+ $color: hsl(0, 0, 100%);
+ $border: adjust-color($base-color, $red: -117, $green: -111, $blue: -81);
+ $border-bottom: adjust-color($base-color, $red: -126, $green: -127, $blue: -122);
+ $fourth-stop: adjust-color($base-color, $red: -79, $green: -70, $blue: -46);
+ $inset-shadow: adjust-color($base-color, $red: 37, $green: 29, $blue: 12);
+ $second-stop: adjust-color($base-color, $red: -56, $green: -50, $blue: -33);
+ $text-shadow: adjust-color($base-color, $red: -140, $green: -141, $blue: -114);
+ $third-stop: adjust-color($base-color, $red: -86, $green: -75, $blue: -48);
+
+ @if is-light($base-color) {
+ $color: hsl(0, 0, 20%);
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+ }
+
+ @if $grayscale == true {
+ $border: grayscale($border);
+ $border-bottom: grayscale($border-bottom);
+ $fourth-stop: grayscale($fourth-stop);
+ $inset-shadow: grayscale($inset-shadow);
+ $second-stop: grayscale($second-stop);
+ $text-shadow: grayscale($text-shadow);
+ $third-stop: grayscale($third-stop);
+ }
+
+ border: 1px solid $border;
+ border-bottom: 1px solid $border-bottom;
+ border-radius: 5px;
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
+ color: $color;
+ display: inline-block;
+ font-size: $textsize;
+ font-weight: bold;
+ @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
+ padding: $padding;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: 0 -1px 1px $text-shadow;
+
+ &:hover:not(:disabled) {
+ $first-stop-hover: adjust-color($base-color, $red: -13, $green: -15, $blue: -18);
+ $second-stop-hover: adjust-color($base-color, $red: -66, $green: -62, $blue: -51);
+ $third-stop-hover: adjust-color($base-color, $red: -93, $green: -85, $blue: -66);
+ $fourth-stop-hover: adjust-color($base-color, $red: -86, $green: -80, $blue: -63);
+
+ @if $grayscale == true {
+ $first-stop-hover: grayscale($first-stop-hover);
+ $second-stop-hover: grayscale($second-stop-hover);
+ $third-stop-hover: grayscale($third-stop-hover);
+ $fourth-stop-hover: grayscale($fourth-stop-hover);
+ }
+
+ cursor: pointer;
+ @include linear-gradient(top, $first-stop-hover 0%,
+ $second-stop-hover 50%,
+ $third-stop-hover 50%,
+ $fourth-stop-hover 100%);
+ }
+
+ &:active:not(:disabled),
+ &:focus:not(:disabled) {
+ $inset-shadow-active: adjust-color($base-color, $red: -111, $green: -116, $blue: -122);
+
+ @if $grayscale == true {
+ $inset-shadow-active: grayscale($inset-shadow-active);
+ }
+
+ box-shadow: inset 0 0 20px 0 $inset-shadow-active;
+ }
+}
+
+
+// Pill Button
+//************************************************************************//
+@mixin pill($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
+ $color: hsl(0, 0, 100%);
+ $border-bottom: adjust-color($base-color, $hue: 8, $saturation: -11%, $lightness: -26%);
+ $border-sides: adjust-color($base-color, $hue: 4, $saturation: -21%, $lightness: -21%);
+ $border-top: adjust-color($base-color, $hue: -1, $saturation: -30%, $lightness: -15%);
+ $inset-shadow: adjust-color($base-color, $hue: -1, $saturation: -1%, $lightness: 7%);
+ $stop-gradient: adjust-color($base-color, $hue: 8, $saturation: 14%, $lightness: -10%);
+ $text-shadow: adjust-color($base-color, $hue: 5, $saturation: -19%, $lightness: -15%);
+
+ @if is-light($base-color) {
+ $color: hsl(0, 0, 20%);
+ $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
+ }
+
+ @if $grayscale == true {
+ $border-bottom: grayscale($border-bottom);
+ $border-sides: grayscale($border-sides);
+ $border-top: grayscale($border-top);
+ $inset-shadow: grayscale($inset-shadow);
+ $stop-gradient: grayscale($stop-gradient);
+ $text-shadow: grayscale($text-shadow);
+ }
+
+ border: 1px solid $border-top;
+ border-color: $border-top $border-sides $border-bottom;
+ border-radius: 16px;
+ box-shadow: inset 0 1px 0 0 $inset-shadow;
+ color: $color;
+ display: inline-block;
+ font-size: $textsize;
+ font-weight: normal;
+ line-height: 1;
+ @include linear-gradient ($base-color, $stop-gradient);
+ padding: $padding;
+ text-align: center;
+ text-decoration: none;
+ text-shadow: 0 -1px 1px $text-shadow;
+ background-clip: padding-box;
+
+ &:hover:not(:disabled) {
+ $base-color-hover: adjust-color($base-color, $lightness: -4.5%);
+ $border-bottom: adjust-color($base-color, $hue: 8, $saturation: 13.5%, $lightness: -32%);
+ $border-sides: adjust-color($base-color, $hue: 4, $saturation: -2%, $lightness: -27%);
+ $border-top: adjust-color($base-color, $hue: -1, $saturation: -17%, $lightness: -21%);
+ $inset-shadow-hover: adjust-color($base-color, $saturation: -1%, $lightness: 3%);
+ $stop-gradient-hover: adjust-color($base-color, $hue: 8, $saturation: -4%, $lightness: -15.5%);
+ $text-shadow-hover: adjust-color($base-color, $hue: 5, $saturation: -5%, $lightness: -22%);
+
+ @if $grayscale == true {
+ $base-color-hover: grayscale($base-color-hover);
+ $border-bottom: grayscale($border-bottom);
+ $border-sides: grayscale($border-sides);
+ $border-top: grayscale($border-top);
+ $inset-shadow-hover: grayscale($inset-shadow-hover);
+ $stop-gradient-hover: grayscale($stop-gradient-hover);
+ $text-shadow-hover: grayscale($text-shadow-hover);
+ }
+
+ border: 1px solid $border-top;
+ border-color: $border-top $border-sides $border-bottom;
+ box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
+ cursor: pointer;
+ @include linear-gradient ($base-color-hover, $stop-gradient-hover);
+ text-shadow: 0 -1px 1px $text-shadow-hover;
+ background-clip: padding-box;
+ }
+
+ &:active:not(:disabled),
+ &:focus:not(:disabled) {
+ $active-color: adjust-color($base-color, $hue: 4, $saturation: -12%, $lightness: -10%);
+ $border-active: adjust-color($base-color, $hue: 6, $saturation: -2.5%, $lightness: -30%);
+ $border-bottom-active: adjust-color($base-color, $hue: 11, $saturation: 6%, $lightness: -31%);
+ $inset-shadow-active: adjust-color($base-color, $hue: 9, $saturation: 2%, $lightness: -21.5%);
+ $text-shadow-active: adjust-color($base-color, $hue: 5, $saturation: -12%, $lightness: -21.5%);
+
+ @if $grayscale == true {
+ $active-color: grayscale($active-color);
+ $border-active: grayscale($border-active);
+ $border-bottom-active: grayscale($border-bottom-active);
+ $inset-shadow-active: grayscale($inset-shadow-active);
+ $text-shadow-active: grayscale($text-shadow-active);
+ }
+
+ background: $active-color;
+ border: 1px solid $border-active;
+ border-bottom: 1px solid $border-bottom-active;
+ box-shadow: inset 0 0 6px 3px $inset-shadow-active;
+ text-shadow: 0 -1px 1px $text-shadow-active;
+ }
+}
+
+
+
+// Flat Button
+//************************************************************************//
+@mixin flat($base-color, $grayscale: false, $textsize: inherit, $padding: 7px 18px) {
+ $color: hsl(0, 0, 100%);
+
+ @if is-light($base-color) {
+ $color: hsl(0, 0, 20%);
+ }
+
+ background-color: $base-color;
+ border-radius: 3px;
+ border: none;
+ color: $color;
+ display: inline-block;
+ font-size: inherit;
+ font-weight: bold;
+ padding: 7px 18px;
+ text-decoration: none;
+ background-clip: padding-box;
+
+ &:hover:not(:disabled){
+ $base-color-hover: adjust-color($base-color, $saturation: 4%, $lightness: 5%);
+
+ @if $grayscale == true {
+ $base-color-hover: grayscale($base-color-hover);
+ }
+
+ background-color: $base-color-hover;
+ cursor: pointer;
+ }
+
+ &:active:not(:disabled),
+ &:focus:not(:disabled) {
+ $base-color-active: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
+
+ @if $grayscale == true {
+ $base-color-active: grayscale($base-color-active);
+ }
+
+ background-color: $base-color-active;
+ cursor: pointer;
+ }
+}
diff --git a/_sass/vendor/bourbon/addons/_clearfix.scss b/_sass/vendor/bourbon/addons/_clearfix.scss
new file mode 100644
index 0000000..783cfbc
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_clearfix.scss
@@ -0,0 +1,23 @@
+// Modern micro clearfix provides an easy way to contain floats without adding additional markup.
+//
+// Example usage:
+//
+// // Contain all floats within .wrapper
+// .wrapper {
+// @include clearfix;
+// .content,
+// .sidebar {
+// float : left;
+// }
+// }
+
+@mixin clearfix {
+ &:after {
+ content:"";
+ display:table;
+ clear:both;
+ }
+}
+
+// Acknowledgements
+// Beat *that* clearfix: [Thierry Koblentz](http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php)
diff --git a/_sass/vendor/bourbon/addons/_directional-values.scss b/_sass/vendor/bourbon/addons/_directional-values.scss
new file mode 100644
index 0000000..742f103
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_directional-values.scss
@@ -0,0 +1,111 @@
+// directional-property mixins are shorthands
+// for writing properties like the following
+//
+// @include margin(null 0 10px);
+// ------
+// margin-right: 0;
+// margin-bottom: 10px;
+// margin-left: 0;
+//
+// - or -
+//
+// @include border-style(dotted null);
+// ------
+// border-top-style: dotted;
+// border-bottom-style: dotted;
+//
+// ------
+//
+// Note: You can also use false instead of null
+
+@function collapse-directionals($vals) {
+ $output: null;
+
+ $A: nth( $vals, 1 );
+ $B: if( length($vals) < 2, $A, nth($vals, 2));
+ $C: if( length($vals) < 3, $A, nth($vals, 3));
+ $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) ));
+
+ @if $A == 0 { $A: 0 }
+ @if $B == 0 { $B: 0 }
+ @if $C == 0 { $C: 0 }
+ @if $D == 0 { $D: 0 }
+
+ @if $A == $B and $A == $C and $A == $D { $output: $A }
+ @else if $A == $C and $B == $D { $output: $A $B }
+ @else if $B == $D { $output: $A $B $C }
+ @else { $output: $A $B $C $D }
+
+ @return $output;
+}
+
+@function contains-falsy($list) {
+ @each $item in $list {
+ @if not $item {
+ @return true;
+ }
+ }
+
+ @return false;
+}
+
+@mixin directional-property($pre, $suf, $vals) {
+ // Property Names
+ $top: $pre + "-top" + if($suf, "-#{$suf}", "");
+ $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", "");
+ $left: $pre + "-left" + if($suf, "-#{$suf}", "");
+ $right: $pre + "-right" + if($suf, "-#{$suf}", "");
+ $all: $pre + if($suf, "-#{$suf}", "");
+
+ $vals: collapse-directionals($vals);
+
+ @if contains-falsy($vals) {
+ @if nth($vals, 1) { #{$top}: nth($vals, 1); }
+
+ @if length($vals) == 1 {
+ @if nth($vals, 1) { #{$right}: nth($vals, 1); }
+ } @else {
+ @if nth($vals, 2) { #{$right}: nth($vals, 2); }
+ }
+
+ // prop: top/bottom right/left
+ @if length($vals) == 2 {
+ @if nth($vals, 1) { #{$bottom}: nth($vals, 1); }
+ @if nth($vals, 2) { #{$left}: nth($vals, 2); }
+
+ // prop: top right/left bottom
+ } @else if length($vals) == 3 {
+ @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
+ @if nth($vals, 2) { #{$left}: nth($vals, 2); }
+
+ // prop: top right bottom left
+ } @else if length($vals) == 4 {
+ @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
+ @if nth($vals, 4) { #{$left}: nth($vals, 4); }
+ }
+
+ // prop: top/right/bottom/left
+ } @else {
+ #{$all}: $vals;
+ }
+}
+
+@mixin margin($vals...) {
+ @include directional-property(margin, false, $vals...);
+}
+
+@mixin padding($vals...) {
+ @include directional-property(padding, false, $vals...);
+}
+
+@mixin border-style($vals...) {
+ @include directional-property(border, style, $vals...);
+}
+
+@mixin border-color($vals...) {
+ @include directional-property(border, color, $vals...);
+}
+
+@mixin border-width($vals...) {
+ @include directional-property(border, width, $vals...);
+}
diff --git a/_sass/vendor/bourbon/addons/_ellipsis.scss b/_sass/vendor/bourbon/addons/_ellipsis.scss
new file mode 100644
index 0000000..a8ea2a4
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_ellipsis.scss
@@ -0,0 +1,7 @@
+@mixin ellipsis($width: 100%) {
+ display: inline-block;
+ max-width: $width;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
diff --git a/_sass/vendor/bourbon/addons/_font-family.scss b/_sass/vendor/bourbon/addons/_font-family.scss
new file mode 100644
index 0000000..31f5d9c
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_font-family.scss
@@ -0,0 +1,5 @@
+$georgia: Georgia, Cambria, "Times New Roman", Times, serif;
+$helvetica: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+$lucida-grande: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
+$monospace: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
+$verdana: Verdana, Geneva, sans-serif;
diff --git a/_sass/vendor/bourbon/addons/_hide-text.scss b/_sass/vendor/bourbon/addons/_hide-text.scss
new file mode 100644
index 0000000..fc79438
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_hide-text.scss
@@ -0,0 +1,10 @@
+@mixin hide-text {
+ overflow: hidden;
+
+ &:before {
+ content: "";
+ display: block;
+ width: 0;
+ height: 100%;
+ }
+}
diff --git a/_sass/vendor/bourbon/addons/_html5-input-types.scss b/_sass/vendor/bourbon/addons/_html5-input-types.scss
new file mode 100644
index 0000000..9e9324a
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_html5-input-types.scss
@@ -0,0 +1,86 @@
+//************************************************************************//
+// Generate a variable ($all-text-inputs) with a list of all html5
+// input types that have a text-based input, excluding textarea.
+// http://diveintohtml5.org/forms.html
+//************************************************************************//
+$inputs-list: 'input[type="email"]',
+ 'input[type="number"]',
+ 'input[type="password"]',
+ 'input[type="search"]',
+ 'input[type="tel"]',
+ 'input[type="text"]',
+ 'input[type="url"]',
+
+ // Webkit & Gecko may change the display of these in the future
+ 'input[type="color"]',
+ 'input[type="date"]',
+ 'input[type="datetime"]',
+ 'input[type="datetime-local"]',
+ 'input[type="month"]',
+ 'input[type="time"]',
+ 'input[type="week"]';
+
+// Bare inputs
+//************************************************************************//
+$all-text-inputs: assign-inputs($inputs-list);
+
+// Hover Pseudo-class
+//************************************************************************//
+$all-text-inputs-hover: assign-inputs($inputs-list, hover);
+
+// Focus Pseudo-class
+//************************************************************************//
+$all-text-inputs-focus: assign-inputs($inputs-list, focus);
+
+
+
+// You must use interpolation on the variable:
+// #{$all-text-inputs}
+// #{$all-text-inputs-hover}
+// #{$all-text-inputs-focus}
+
+// Example
+//************************************************************************//
+// #{$all-text-inputs}, textarea {
+// border: 1px solid red;
+// }
+
+
+
+//************************************************************************//
+// Generate a variable ($all-button-inputs) with a list of all html5
+// input types that have a button-based input, excluding button.
+//************************************************************************//
+$inputs-button-list: 'input[type="button"]',
+ 'input[type="reset"]',
+ 'input[type="submit"]';
+
+// Bare inputs
+//************************************************************************//
+$all-button-inputs: assign-inputs($inputs-button-list);
+
+// Hover Pseudo-class
+//************************************************************************//
+$all-button-inputs-hover: assign-inputs($inputs-button-list, hover);
+
+// Focus Pseudo-class
+//************************************************************************//
+$all-button-inputs-focus: assign-inputs($inputs-button-list, focus);
+
+// Active Pseudo-class
+//************************************************************************//
+$all-button-inputs-active: assign-inputs($inputs-button-list, active);
+
+
+
+// You must use interpolation on the variable:
+// #{$all-button-inputs}
+// #{$all-button-inputs-hover}
+// #{$all-button-inputs-focus}
+// #{$all-button-inputs-active}
+
+// Example
+//************************************************************************//
+// #{$all-button-inputs}, button {
+// border: 1px solid red;
+// }
diff --git a/_sass/vendor/bourbon/addons/_position.scss b/_sass/vendor/bourbon/addons/_position.scss
new file mode 100644
index 0000000..7de7518
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_position.scss
@@ -0,0 +1,32 @@
+@mixin position ($position: relative, $coordinates: null null null null) {
+
+ @if type-of($position) == list {
+ $coordinates: $position;
+ $position: relative;
+ }
+
+ $coordinates: unpack($coordinates);
+
+ $top: nth($coordinates, 1);
+ $right: nth($coordinates, 2);
+ $bottom: nth($coordinates, 3);
+ $left: nth($coordinates, 4);
+
+ position: $position;
+
+ @if ($top and $top == auto) or (type-of($top) == number) {
+ top: $top;
+ }
+
+ @if ($right and $right == auto) or (type-of($right) == number) {
+ right: $right;
+ }
+
+ @if ($bottom and $bottom == auto) or (type-of($bottom) == number) {
+ bottom: $bottom;
+ }
+
+ @if ($left and $left == auto) or (type-of($left) == number) {
+ left: $left;
+ }
+}
diff --git a/_sass/vendor/bourbon/addons/_prefixer.scss b/_sass/vendor/bourbon/addons/_prefixer.scss
new file mode 100644
index 0000000..c32f502
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_prefixer.scss
@@ -0,0 +1,45 @@
+//************************************************************************//
+// Example: @include prefixer(border-radius, $radii, webkit ms spec);
+//************************************************************************//
+// Variables located in /settings/_prefixer.scss
+
+@mixin prefixer ($property, $value, $prefixes) {
+ @each $prefix in $prefixes {
+ @if $prefix == webkit {
+ @if $prefix-for-webkit {
+ -webkit-#{$property}: $value;
+ }
+ }
+ @else if $prefix == moz {
+ @if $prefix-for-mozilla {
+ -moz-#{$property}: $value;
+ }
+ }
+ @else if $prefix == ms {
+ @if $prefix-for-microsoft {
+ -ms-#{$property}: $value;
+ }
+ }
+ @else if $prefix == o {
+ @if $prefix-for-opera {
+ -o-#{$property}: $value;
+ }
+ }
+ @else if $prefix == spec {
+ @if $prefix-for-spec {
+ #{$property}: $value;
+ }
+ }
+ @else {
+ @warn "Unrecognized prefix: #{$prefix}";
+ }
+ }
+}
+
+@mixin disable-prefix-for-all() {
+ $prefix-for-webkit: false !global;
+ $prefix-for-mozilla: false !global;
+ $prefix-for-microsoft: false !global;
+ $prefix-for-opera: false !global;
+ $prefix-for-spec: false !global;
+}
diff --git a/_sass/vendor/bourbon/addons/_retina-image.scss b/_sass/vendor/bourbon/addons/_retina-image.scss
new file mode 100644
index 0000000..7931bd1
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_retina-image.scss
@@ -0,0 +1,31 @@
+@mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: false) {
+ @if $asset-pipeline {
+ background-image: image-url("#{$filename}.#{$extension}");
+ }
+ @else {
+ background-image: url("#{$filename}.#{$extension}");
+ }
+
+ @include hidpi {
+ @if $asset-pipeline {
+ @if $retina-filename {
+ background-image: image-url("#{$retina-filename}.#{$extension}");
+ }
+ @else {
+ background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}");
+ }
+ }
+
+ @else {
+ @if $retina-filename {
+ background-image: url("#{$retina-filename}.#{$extension}");
+ }
+ @else {
+ background-image: url("#{$filename}#{$retina-suffix}.#{$extension}");
+ }
+ }
+
+ background-size: $background-size;
+
+ }
+}
diff --git a/_sass/vendor/bourbon/addons/_size.scss b/_sass/vendor/bourbon/addons/_size.scss
new file mode 100644
index 0000000..ac705e2
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_size.scss
@@ -0,0 +1,16 @@
+@mixin size($size) {
+ $height: nth($size, 1);
+ $width: $height;
+
+ @if length($size) > 1 {
+ $height: nth($size, 2);
+ }
+
+ @if $height == auto or (type-of($height) == number and not unitless($height)) {
+ height: $height;
+ }
+
+ @if $width == auto or (type-of($height) == number and not unitless($width)) {
+ width: $width;
+ }
+}
diff --git a/_sass/vendor/bourbon/addons/_timing-functions.scss b/_sass/vendor/bourbon/addons/_timing-functions.scss
new file mode 100644
index 0000000..51b2410
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_timing-functions.scss
@@ -0,0 +1,32 @@
+// CSS cubic-bezier timing functions. Timing functions courtesy of jquery.easie (github.com/jaukia/easie)
+// Timing functions are the same as demo'ed here: http://jqueryui.com/demos/effect/easing.html
+
+// EASE IN
+$ease-in-quad: cubic-bezier(0.550, 0.085, 0.680, 0.530);
+$ease-in-cubic: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+$ease-in-quart: cubic-bezier(0.895, 0.030, 0.685, 0.220);
+$ease-in-quint: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+$ease-in-sine: cubic-bezier(0.470, 0.000, 0.745, 0.715);
+$ease-in-expo: cubic-bezier(0.950, 0.050, 0.795, 0.035);
+$ease-in-circ: cubic-bezier(0.600, 0.040, 0.980, 0.335);
+$ease-in-back: cubic-bezier(0.600, -0.280, 0.735, 0.045);
+
+// EASE OUT
+$ease-out-quad: cubic-bezier(0.250, 0.460, 0.450, 0.940);
+$ease-out-cubic: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+$ease-out-quart: cubic-bezier(0.165, 0.840, 0.440, 1.000);
+$ease-out-quint: cubic-bezier(0.230, 1.000, 0.320, 1.000);
+$ease-out-sine: cubic-bezier(0.390, 0.575, 0.565, 1.000);
+$ease-out-expo: cubic-bezier(0.190, 1.000, 0.220, 1.000);
+$ease-out-circ: cubic-bezier(0.075, 0.820, 0.165, 1.000);
+$ease-out-back: cubic-bezier(0.175, 0.885, 0.320, 1.275);
+
+// EASE IN OUT
+$ease-in-out-quad: cubic-bezier(0.455, 0.030, 0.515, 0.955);
+$ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1.000);
+$ease-in-out-quart: cubic-bezier(0.770, 0.000, 0.175, 1.000);
+$ease-in-out-quint: cubic-bezier(0.860, 0.000, 0.070, 1.000);
+$ease-in-out-sine: cubic-bezier(0.445, 0.050, 0.550, 0.950);
+$ease-in-out-expo: cubic-bezier(1.000, 0.000, 0.000, 1.000);
+$ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.150, 0.860);
+$ease-in-out-back: cubic-bezier(0.680, -0.550, 0.265, 1.550);
diff --git a/_sass/vendor/bourbon/addons/_triangle.scss b/_sass/vendor/bourbon/addons/_triangle.scss
new file mode 100644
index 0000000..573954e
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_triangle.scss
@@ -0,0 +1,83 @@
+@mixin triangle ($size, $color, $direction) {
+ height: 0;
+ width: 0;
+
+ $width: nth($size, 1);
+ $height: nth($size, length($size));
+
+ $foreground-color: nth($color, 1);
+ $background-color: if(length($color) == 2, nth($color, 2), transparent);
+
+ @if ($direction == up) or ($direction == down) or ($direction == right) or ($direction == left) {
+
+ $width: $width / 2;
+ $height: if(length($size) > 1, $height, $height/2);
+
+ @if $direction == up {
+ border-left: $width solid $background-color;
+ border-right: $width solid $background-color;
+ border-bottom: $height solid $foreground-color;
+
+ } @else if $direction == right {
+ border-top: $width solid $background-color;
+ border-bottom: $width solid $background-color;
+ border-left: $height solid $foreground-color;
+
+ } @else if $direction == down {
+ border-left: $width solid $background-color;
+ border-right: $width solid $background-color;
+ border-top: $height solid $foreground-color;
+
+ } @else if $direction == left {
+ border-top: $width solid $background-color;
+ border-bottom: $width solid $background-color;
+ border-right: $height solid $foreground-color;
+ }
+ }
+
+ @else if ($direction == up-right) or ($direction == up-left) {
+ border-top: $height solid $foreground-color;
+
+ @if $direction == up-right {
+ border-left: $width solid $background-color;
+
+ } @else if $direction == up-left {
+ border-right: $width solid $background-color;
+ }
+ }
+
+ @else if ($direction == down-right) or ($direction == down-left) {
+ border-bottom: $height solid $foreground-color;
+
+ @if $direction == down-right {
+ border-left: $width solid $background-color;
+
+ } @else if $direction == down-left {
+ border-right: $width solid $background-color;
+ }
+ }
+
+ @else if ($direction == inset-up) {
+ border-width: $height $width;
+ border-style: solid;
+ border-color: $background-color $background-color $foreground-color;
+ }
+
+ @else if ($direction == inset-down) {
+ border-width: $height $width;
+ border-style: solid;
+ border-color: $foreground-color $background-color $background-color;
+ }
+
+ @else if ($direction == inset-right) {
+ border-width: $width $height;
+ border-style: solid;
+ border-color: $background-color $background-color $background-color $foreground-color;
+ }
+
+ @else if ($direction == inset-left) {
+ border-width: $width $height;
+ border-style: solid;
+ border-color: $background-color $foreground-color $background-color $background-color;
+ }
+}
diff --git a/_sass/vendor/bourbon/addons/_word-wrap.scss b/_sass/vendor/bourbon/addons/_word-wrap.scss
new file mode 100644
index 0000000..9734a59
--- /dev/null
+++ b/_sass/vendor/bourbon/addons/_word-wrap.scss
@@ -0,0 +1,8 @@
+@mixin word-wrap($wrap: break-word) {
+ word-wrap: $wrap;
+
+ @if $wrap == break-word {
+ overflow-wrap: break-word;
+ word-break: break-all;
+ }
+}
diff --git a/_sass/vendor/bourbon/css3/_animation.scss b/_sass/vendor/bourbon/css3/_animation.scss
new file mode 100644
index 0000000..08c3dbf
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_animation.scss
@@ -0,0 +1,52 @@
+// http://www.w3.org/TR/css3-animations/#the-animation-name-property-
+// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
+
+// Official animation shorthand property.
+@mixin animation ($animations...) {
+ @include prefixer(animation, $animations, webkit moz spec);
+}
+
+// Individual Animation Properties
+@mixin animation-name ($names...) {
+ @include prefixer(animation-name, $names, webkit moz spec);
+}
+
+
+@mixin animation-duration ($times...) {
+ @include prefixer(animation-duration, $times, webkit moz spec);
+}
+
+
+@mixin animation-timing-function ($motions...) {
+// ease | linear | ease-in | ease-out | ease-in-out
+ @include prefixer(animation-timing-function, $motions, webkit moz spec);
+}
+
+
+@mixin animation-iteration-count ($values...) {
+// infinite | <number>
+ @include prefixer(animation-iteration-count, $values, webkit moz spec);
+}
+
+
+@mixin animation-direction ($directions...) {
+// normal | alternate
+ @include prefixer(animation-direction, $directions, webkit moz spec);
+}
+
+
+@mixin animation-play-state ($states...) {
+// running | paused
+ @include prefixer(animation-play-state, $states, webkit moz spec);
+}
+
+
+@mixin animation-delay ($times...) {
+ @include prefixer(animation-delay, $times, webkit moz spec);
+}
+
+
+@mixin animation-fill-mode ($modes...) {
+// none | forwards | backwards | both
+ @include prefixer(animation-fill-mode, $modes, webkit moz spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_appearance.scss b/_sass/vendor/bourbon/css3/_appearance.scss
new file mode 100644
index 0000000..3eb16e4
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_appearance.scss
@@ -0,0 +1,3 @@
+@mixin appearance ($value) {
+ @include prefixer(appearance, $value, webkit moz ms o spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_backface-visibility.scss b/_sass/vendor/bourbon/css3/_backface-visibility.scss
new file mode 100644
index 0000000..1161fe6
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_backface-visibility.scss
@@ -0,0 +1,6 @@
+//************************************************************************//
+// Backface-visibility mixin
+//************************************************************************//
+@mixin backface-visibility($visibility) {
+ @include prefixer(backface-visibility, $visibility, webkit spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_background-image.scss b/_sass/vendor/bourbon/css3/_background-image.scss
new file mode 100644
index 0000000..6abe88b
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_background-image.scss
@@ -0,0 +1,42 @@
+//************************************************************************//
+// Background-image property for adding multiple background images with
+// gradients, or for stringing multiple gradients together.
+//************************************************************************//
+
+@mixin background-image($images...) {
+ $webkit-images: ();
+ $spec-images: ();
+
+ @each $image in $images {
+ $webkit-image: ();
+ $spec-image: ();
+
+ @if (type-of($image) == string) {
+ $url-str: str-slice($image, 0, 3);
+ $gradient-type: str-slice($image, 0, 6);
+
+ @if $url-str == "url" {
+ $webkit-image: $image;
+ $spec-image: $image;
+ }
+
+ @else if $gradient-type == "linear" {
+ $gradients: _linear-gradient-parser($image);
+ $webkit-image: map-get($gradients, webkit-image);
+ $spec-image: map-get($gradients, spec-image);
+ }
+
+ @else if $gradient-type == "radial" {
+ $gradients: _radial-gradient-parser($image);
+ $webkit-image: map-get($gradients, webkit-image);
+ $spec-image: map-get($gradients, spec-image);
+ }
+ }
+
+ $webkit-images: append($webkit-images, $webkit-image, comma);
+ $spec-images: append($spec-images, $spec-image, comma);
+ }
+
+ background-image: $webkit-images;
+ background-image: $spec-images;
+}
diff --git a/_sass/vendor/bourbon/css3/_background.scss b/_sass/vendor/bourbon/css3/_background.scss
new file mode 100644
index 0000000..9bce930
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_background.scss
@@ -0,0 +1,55 @@
+//************************************************************************//
+// Background property for adding multiple backgrounds using shorthand
+// notation.
+//************************************************************************//
+
+@mixin background($backgrounds...) {
+ $webkit-backgrounds: ();
+ $spec-backgrounds: ();
+
+ @each $background in $backgrounds {
+ $webkit-background: ();
+ $spec-background: ();
+ $background-type: type-of($background);
+
+ @if $background-type == string or list {
+ $background-str: if($background-type == list, nth($background, 1), $background);
+
+ $url-str: str-slice($background-str, 0, 3);
+ $gradient-type: str-slice($background-str, 0, 6);
+
+ @if $url-str == "url" {
+ $webkit-background: $background;
+ $spec-background: $background;
+ }
+
+ @else if $gradient-type == "linear" {
+ $gradients: _linear-gradient-parser("#{$background}");
+ $webkit-background: map-get($gradients, webkit-image);
+ $spec-background: map-get($gradients, spec-image);
+ }
+
+ @else if $gradient-type == "radial" {
+ $gradients: _radial-gradient-parser("#{$background}");
+ $webkit-background: map-get($gradients, webkit-image);
+ $spec-background: map-get($gradients, spec-image);
+ }
+
+ @else {
+ $webkit-background: $background;
+ $spec-background: $background;
+ }
+ }
+
+ @else {
+ $webkit-background: $background;
+ $spec-background: $background;
+ }
+
+ $webkit-backgrounds: append($webkit-backgrounds, $webkit-background, comma);
+ $spec-backgrounds: append($spec-backgrounds, $spec-background, comma);
+ }
+
+ background: $webkit-backgrounds;
+ background: $spec-backgrounds;
+}
diff --git a/_sass/vendor/bourbon/css3/_border-image.scss b/_sass/vendor/bourbon/css3/_border-image.scss
new file mode 100644
index 0000000..e338c2d
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_border-image.scss
@@ -0,0 +1,59 @@
+@mixin border-image($borders...) {
+ $webkit-borders: ();
+ $spec-borders: ();
+
+ @each $border in $borders {
+ $webkit-border: ();
+ $spec-border: ();
+ $border-type: type-of($border);
+
+ @if $border-type == string or list {
+ $border-str: if($border-type == list, nth($border, 1), $border);
+
+ $url-str: str-slice($border-str, 0, 3);
+ $gradient-type: str-slice($border-str, 0, 6);
+
+ @if $url-str == "url" {
+ $webkit-border: $border;
+ $spec-border: $border;
+ }
+
+ @else if $gradient-type == "linear" {
+ $gradients: _linear-gradient-parser("#{$border}");
+ $webkit-border: map-get($gradients, webkit-image);
+ $spec-border: map-get($gradients, spec-image);
+ }
+
+ @else if $gradient-type == "radial" {
+ $gradients: _radial-gradient-parser("#{$border}");
+ $webkit-border: map-get($gradients, webkit-image);
+ $spec-border: map-get($gradients, spec-image);
+ }
+
+ @else {
+ $webkit-border: $border;
+ $spec-border: $border;
+ }
+ }
+
+ @else {
+ $webkit-border: $border;
+ $spec-border: $border;
+ }
+
+ $webkit-borders: append($webkit-borders, $webkit-border, comma);
+ $spec-borders: append($spec-borders, $spec-border, comma);
+ }
+
+ -webkit-border-image: $webkit-borders;
+ border-image: $spec-borders;
+ border-style: solid;
+}
+
+//Examples:
+// @include border-image(url("image.png"));
+// @include border-image(url("image.png") 20 stretch);
+// @include border-image(linear-gradient(45deg, orange, yellow));
+// @include border-image(linear-gradient(45deg, orange, yellow) stretch);
+// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
+// @include border-image(radial-gradient(top, cover, orange, yellow, orange));
diff --git a/_sass/vendor/bourbon/css3/_border-radius.scss b/_sass/vendor/bourbon/css3/_border-radius.scss
new file mode 100644
index 0000000..7c17190
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_border-radius.scss
@@ -0,0 +1,22 @@
+//************************************************************************//
+// Shorthand Border-radius mixins
+//************************************************************************//
+@mixin border-top-radius($radii) {
+ @include prefixer(border-top-left-radius, $radii, spec);
+ @include prefixer(border-top-right-radius, $radii, spec);
+}
+
+@mixin border-bottom-radius($radii) {
+ @include prefixer(border-bottom-left-radius, $radii, spec);
+ @include prefixer(border-bottom-right-radius, $radii, spec);
+}
+
+@mixin border-left-radius($radii) {
+ @include prefixer(border-top-left-radius, $radii, spec);
+ @include prefixer(border-bottom-left-radius, $radii, spec);
+}
+
+@mixin border-right-radius($radii) {
+ @include prefixer(border-top-right-radius, $radii, spec);
+ @include prefixer(border-bottom-right-radius, $radii, spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_box-sizing.scss b/_sass/vendor/bourbon/css3/_box-sizing.scss
new file mode 100644
index 0000000..f07e1d4
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_box-sizing.scss
@@ -0,0 +1,4 @@
+@mixin box-sizing ($box) {
+// content-box | border-box | inherit
+ @include prefixer(box-sizing, $box, webkit moz spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_calc.scss b/_sass/vendor/bourbon/css3/_calc.scss
new file mode 100644
index 0000000..94d7e4c
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_calc.scss
@@ -0,0 +1,4 @@
+@mixin calc($property, $value) {
+ #{$property}: -webkit-calc(#{$value});
+ #{$property}: calc(#{$value});
+}
diff --git a/_sass/vendor/bourbon/css3/_columns.scss b/_sass/vendor/bourbon/css3/_columns.scss
new file mode 100644
index 0000000..96f601c
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_columns.scss
@@ -0,0 +1,47 @@
+@mixin columns($arg: auto) {
+// <column-count> || <column-width>
+ @include prefixer(columns, $arg, webkit moz spec);
+}
+
+@mixin column-count($int: auto) {
+// auto || integer
+ @include prefixer(column-count, $int, webkit moz spec);
+}
+
+@mixin column-gap($length: normal) {
+// normal || length
+ @include prefixer(column-gap, $length, webkit moz spec);
+}
+
+@mixin column-fill($arg: auto) {
+// auto || length
+ @include prefixer(column-fill, $arg, webkit moz spec);
+}
+
+@mixin column-rule($arg) {
+// <border-width> || <border-style> || <color>
+ @include prefixer(column-rule, $arg, webkit moz spec);
+}
+
+@mixin column-rule-color($color) {
+ @include prefixer(column-rule-color, $color, webkit moz spec);
+}
+
+@mixin column-rule-style($style: none) {
+// none | hidden | dashed | dotted | double | groove | inset | inset | outset | ridge | solid
+ @include prefixer(column-rule-style, $style, webkit moz spec);
+}
+
+@mixin column-rule-width ($width: none) {
+ @include prefixer(column-rule-width, $width, webkit moz spec);
+}
+
+@mixin column-span($arg: none) {
+// none || all
+ @include prefixer(column-span, $arg, webkit moz spec);
+}
+
+@mixin column-width($length: auto) {
+// auto || length
+ @include prefixer(column-width, $length, webkit moz spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_filter.scss b/_sass/vendor/bourbon/css3/_filter.scss
new file mode 100644
index 0000000..8560d77
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_filter.scss
@@ -0,0 +1,5 @@
+@mixin filter($function: none) {
+ // <filter-function> [<filter-function]* | none
+ @include prefixer(filter, $function, webkit spec);
+}
+
diff --git a/_sass/vendor/bourbon/css3/_flex-box.scss b/_sass/vendor/bourbon/css3/_flex-box.scss
new file mode 100644
index 0000000..b48476e
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_flex-box.scss
@@ -0,0 +1,321 @@
+// CSS3 Flexible Box Model and property defaults
+
+// Custom shorthand notation for flexbox
+@mixin box($orient: inline-axis, $pack: start, $align: stretch) {
+ @include display-box;
+ @include box-orient($orient);
+ @include box-pack($pack);
+ @include box-align($align);
+}
+
+@mixin display-box {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -ms-flexbox; // IE 10
+ display: box;
+}
+
+@mixin box-orient($orient: inline-axis) {
+// horizontal|vertical|inline-axis|block-axis|inherit
+ @include prefixer(box-orient, $orient, webkit moz spec);
+}
+
+@mixin box-pack($pack: start) {
+// start|end|center|justify
+ @include prefixer(box-pack, $pack, webkit moz spec);
+ -ms-flex-pack: $pack; // IE 10
+}
+
+@mixin box-align($align: stretch) {
+// start|end|center|baseline|stretch
+ @include prefixer(box-align, $align, webkit moz spec);
+ -ms-flex-align: $align; // IE 10
+}
+
+@mixin box-direction($direction: normal) {
+// normal|reverse|inherit
+ @include prefixer(box-direction, $direction, webkit moz spec);
+ -ms-flex-direction: $direction; // IE 10
+}
+
+@mixin box-lines($lines: single) {
+// single|multiple
+ @include prefixer(box-lines, $lines, webkit moz spec);
+}
+
+@mixin box-ordinal-group($int: 1) {
+ @include prefixer(box-ordinal-group, $int, webkit moz spec);
+ -ms-flex-order: $int; // IE 10
+}
+
+@mixin box-flex($value: 0.0) {
+ @include prefixer(box-flex, $value, webkit moz spec);
+ -ms-flex: $value; // IE 10
+}
+
+@mixin box-flex-group($int: 1) {
+ @include prefixer(box-flex-group, $int, webkit moz spec);
+}
+
+// CSS3 Flexible Box Model and property defaults
+// Unified attributes for 2009, 2011, and 2012 flavours.
+
+// 2009 - display (box | inline-box)
+// 2011 - display (flexbox | inline-flexbox)
+// 2012 - display (flex | inline-flex)
+@mixin display($value) {
+// flex | inline-flex
+ @if $value == "flex" {
+ // 2009
+ display: -webkit-box;
+ display: -moz-box;
+ display: box;
+
+ // 2012
+ display: -webkit-flex;
+ display: -moz-flex;
+ display: -ms-flexbox; // 2011 (IE 10)
+ display: flex;
+ }
+
+ @elseif $value == "inline-flex" {
+ display: -webkit-inline-box;
+ display: -moz-inline-box;
+ display: inline-box;
+
+ display: -webkit-inline-flex;
+ display: -moz-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ }
+
+ @else {
+ display: $value;
+ }
+}
+
+// 2009 - box-flex (integer)
+// 2011 - flex (decimal | width decimal)
+// 2012 - flex (integer integer width)
+@mixin flex($value) {
+
+ // Grab flex-grow for older browsers.
+ $flex-grow: nth($value, 1);
+
+ // 2009
+ @include prefixer(box-flex, $flex-grow, webkit moz spec);
+
+ // 2011 (IE 10), 2012
+ @include prefixer(flex, $value, webkit moz ms spec);
+}
+
+// 2009 - box-orient ( horizontal | vertical | inline-axis | block-axis)
+// - box-direction (normal | reverse)
+// 2011 - flex-direction (row | row-reverse | column | column-reverse)
+// 2012 - flex-direction (row | row-reverse | column | column-reverse)
+@mixin flex-direction($value: row) {
+
+ // Alt values.
+ $value-2009: $value;
+ $value-2011: $value;
+ $direction: "normal";
+
+ @if $value == row {
+ $value-2009: horizontal;
+ }
+
+ @elseif $value == "row-reverse" {
+ $value-2009: horizontal;
+ $direction: reverse;
+ }
+
+ @elseif $value == column {
+ $value-2009: vertical;
+ }
+
+ @elseif $value == "column-reverse" {
+ $value-2009: vertical;
+ $direction: reverse;
+ }
+
+ // 2009
+ @include prefixer(box-orient, $value-2009, webkit moz spec);
+ @if $direction == "reverse" {
+ @include prefixer(box-direction, $direction, webkit moz spec);
+ }
+
+ // 2012
+ @include prefixer(flex-direction, $value, webkit moz spec);
+
+ // 2011 (IE 10)
+ -ms-flex-direction: $value;
+}
+
+// 2009 - box-lines (single | multiple)
+// 2011 - flex-wrap (nowrap | wrap | wrap-reverse)
+// 2012 - flex-wrap (nowrap | wrap | wrap-reverse)
+@mixin flex-wrap($value: nowrap) {
+
+ // Alt values.
+ $alt-value: $value;
+ @if $value == nowrap {
+ $alt-value: single;
+ }
+
+ @elseif $value == wrap {
+ $alt-value: multiple;
+ }
+
+ @elseif $value == "wrap-reverse" {
+ $alt-value: multiple;
+ }
+
+ @include prefixer(box-lines, $alt-value, webkit moz spec);
+ @include prefixer(flex-wrap, $value, webkit moz ms spec);
+}
+
+// 2009 - TODO: parse values into flex-direction/flex-wrap
+// 2011 - TODO: parse values into flex-direction/flex-wrap
+// 2012 - flex-flow (flex-direction || flex-wrap)
+@mixin flex-flow($value) {
+ @include prefixer(flex-flow, $value, webkit moz spec);
+}
+
+// 2009 - box-ordinal-group (integer)
+// 2011 - flex-order (integer)
+// 2012 - order (integer)
+@mixin order($int: 0) {
+ // 2009
+ @include prefixer(box-ordinal-group, $int, webkit moz spec);
+
+ // 2012
+ @include prefixer(order, $int, webkit moz spec);
+
+ // 2011 (IE 10)
+ -ms-flex-order: $int;
+}
+
+// 2012 - flex-grow (number)
+@mixin flex-grow($number: 0) {
+ @include prefixer(flex-grow, $number, webkit moz spec);
+ -ms-flex-positive: $number;
+}
+
+// 2012 - flex-shrink (number)
+@mixin flex-shrink($number: 1) {
+ @include prefixer(flex-shrink, $number, webkit moz spec);
+ -ms-flex-negative: $number;
+}
+
+// 2012 - flex-basis (number)
+@mixin flex-basis($width: auto) {
+ @include prefixer(flex-basis, $width, webkit moz spec);
+ -ms-flex-preferred-size: $width;
+}
+
+// 2009 - box-pack (start | end | center | justify)
+// 2011 - flex-pack (start | end | center | justify)
+// 2012 - justify-content (flex-start | flex-end | center | space-between | space-around)
+@mixin justify-content ($value: flex-start) {
+
+ // Alt values.
+ $alt-value: $value;
+ @if $value == "flex-start" {
+ $alt-value: start;
+ }
+
+ @elseif $value == "flex-end" {
+ $alt-value: end;
+ }
+
+ @elseif $value == "space-between" {
+ $alt-value: justify;
+ }
+
+ @elseif $value == "space-around" {
+ $alt-value: center;
+ }
+
+ // 2009
+ @include prefixer(box-pack, $alt-value, webkit moz spec);
+
+ // 2012
+ @include prefixer(justify-content, $value, webkit moz ms o spec);
+
+ // 2011 (IE 10)
+ -ms-flex-pack: $alt-value;
+}
+
+// 2009 - box-align (start | end | center | baseline | stretch)
+// 2011 - flex-align (start | end | center | baseline | stretch)
+// 2012 - align-items (flex-start | flex-end | center | baseline | stretch)
+@mixin align-items($value: stretch) {
+
+ $alt-value: $value;
+
+ @if $value == "flex-start" {
+ $alt-value: start;
+ }
+
+ @elseif $value == "flex-end" {
+ $alt-value: end;
+ }
+
+ // 2009
+ @include prefixer(box-align, $alt-value, webkit moz spec);
+
+ // 2012
+ @include prefixer(align-items, $value, webkit moz ms o spec);
+
+ // 2011 (IE 10)
+ -ms-flex-align: $alt-value;
+}
+
+// 2011 - flex-item-align (auto | start | end | center | baseline | stretch)
+// 2012 - align-self (auto | flex-start | flex-end | center | baseline | stretch)
+@mixin align-self($value: auto) {
+
+ $value-2011: $value;
+ @if $value == "flex-start" {
+ $value-2011: start;
+ }
+
+ @elseif $value == "flex-end" {
+ $value-2011: end;
+ }
+
+ // 2012
+ @include prefixer(align-self, $value, webkit moz spec);
+
+ // 2011 (IE 10)
+ -ms-flex-item-align: $value-2011;
+}
+
+// 2011 - flex-line-pack (start | end | center | justify | distribute | stretch)
+// 2012 - align-content (flex-start | flex-end | center | space-between | space-around | stretch)
+@mixin align-content($value: stretch) {
+
+ $value-2011: $value;
+ @if $value == "flex-start" {
+ $value-2011: start;
+ }
+
+ @elseif $value == "flex-end" {
+ $value-2011: end;
+ }
+
+ @elseif $value == "space-between" {
+ $value-2011: justify;
+ }
+
+ @elseif $value == "space-around" {
+ $value-2011: distribute;
+ }
+
+ // 2012
+ @include prefixer(align-content, $value, webkit moz spec);
+
+ // 2011 (IE 10)
+ -ms-flex-line-pack: $value-2011;
+}
+
diff --git a/_sass/vendor/bourbon/css3/_font-face.scss b/_sass/vendor/bourbon/css3/_font-face.scss
new file mode 100644
index 0000000..029ee8f
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_font-face.scss
@@ -0,0 +1,23 @@
+// Order of the includes matters, and it is: normal, bold, italic, bold+italic.
+
+@mixin font-face($font-family, $file-path, $weight: normal, $style: normal, $asset-pipeline: false ) {
+ @font-face {
+ font-family: $font-family;
+ font-weight: $weight;
+ font-style: $style;
+
+ @if $asset-pipeline == true {
+ src: font-url('#{$file-path}.eot');
+ src: font-url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
+ font-url('#{$file-path}.woff') format('woff'),
+ font-url('#{$file-path}.ttf') format('truetype'),
+ font-url('#{$file-path}.svg##{$font-family}') format('svg');
+ } @else {
+ src: url('#{$file-path}.eot');
+ src: url('#{$file-path}.eot?#iefix') format('embedded-opentype'),
+ url('#{$file-path}.woff') format('woff'),
+ url('#{$file-path}.ttf') format('truetype'),
+ url('#{$file-path}.svg##{$font-family}') format('svg');
+ }
+ }
+}
diff --git a/_sass/vendor/bourbon/css3/_font-feature-settings.scss b/_sass/vendor/bourbon/css3/_font-feature-settings.scss
new file mode 100644
index 0000000..8a9f536
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_font-feature-settings.scss
@@ -0,0 +1,10 @@
+// Font feature settings mixin and property default.
+// Examples: @include font-feature-settings("liga");
+// @include font-feature-settings("lnum" false);
+// @include font-feature-settings("pnum" 1, "kern" 0);
+// @include font-feature-settings("ss01", "ss02");
+
+@mixin font-feature-settings($settings...) {
+ @if length($settings) == 0 { $settings: none; }
+ @include prefixer(font-feature-settings, $settings, webkit moz ms spec);
+}
\ No newline at end of file
diff --git a/_sass/vendor/bourbon/css3/_hidpi-media-query.scss b/_sass/vendor/bourbon/css3/_hidpi-media-query.scss
new file mode 100644
index 0000000..111e400
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_hidpi-media-query.scss
@@ -0,0 +1,10 @@
+// HiDPI mixin. Default value set to 1.3 to target Google Nexus 7 (http://bjango.com/articles/min-device-pixel-ratio/)
+@mixin hidpi($ratio: 1.3) {
+ @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
+ only screen and (min--moz-device-pixel-ratio: $ratio),
+ only screen and (-o-min-device-pixel-ratio: #{$ratio}/1),
+ only screen and (min-resolution: #{round($ratio*96)}dpi),
+ only screen and (min-resolution: #{$ratio}dppx) {
+ @content;
+ }
+}
diff --git a/_sass/vendor/bourbon/css3/_hyphens.scss b/_sass/vendor/bourbon/css3/_hyphens.scss
new file mode 100644
index 0000000..5f8bdda
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_hyphens.scss
@@ -0,0 +1,4 @@
+@mixin hyphens($hyphenation: none) {
+// none | manual | auto
+ @include prefixer(hyphens, $hyphenation, webkit moz ms spec);
+}
\ No newline at end of file
diff --git a/_sass/vendor/bourbon/css3/_image-rendering.scss b/_sass/vendor/bourbon/css3/_image-rendering.scss
new file mode 100644
index 0000000..03432c6
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_image-rendering.scss
@@ -0,0 +1,14 @@
+@mixin image-rendering ($mode:auto) {
+
+ @if ($mode == crisp-edges) {
+ -ms-interpolation-mode: nearest-neighbor; // IE8+
+ image-rendering: -moz-crisp-edges;
+ image-rendering: -o-crisp-edges;
+ image-rendering: -webkit-optimize-contrast;
+ image-rendering: crisp-edges;
+ }
+
+ @else {
+ image-rendering: $mode;
+ }
+}
diff --git a/_sass/vendor/bourbon/css3/_keyframes.scss b/_sass/vendor/bourbon/css3/_keyframes.scss
new file mode 100644
index 0000000..e34616a
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_keyframes.scss
@@ -0,0 +1,35 @@
+// Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
+@mixin keyframes($name) {
+ $original-prefix-for-webkit: $prefix-for-webkit;
+ $original-prefix-for-mozilla: $prefix-for-mozilla;
+ $original-prefix-for-microsoft: $prefix-for-microsoft;
+ $original-prefix-for-opera: $prefix-for-opera;
+ $original-prefix-for-spec: $prefix-for-spec;
+
+ @if $original-prefix-for-webkit {
+ @include disable-prefix-for-all();
+ $prefix-for-webkit: true !global;
+ @-webkit-keyframes #{$name} {
+ @content;
+ }
+ }
+ @if $original-prefix-for-mozilla {
+ @include disable-prefix-for-all();
+ $prefix-for-mozilla: true !global;
+ @-moz-keyframes #{$name} {
+ @content;
+ }
+ }
+
+ $prefix-for-webkit: $original-prefix-for-webkit !global;
+ $prefix-for-mozilla: $original-prefix-for-mozilla !global;
+ $prefix-for-microsoft: $original-prefix-for-microsoft !global;
+ $prefix-for-opera: $original-prefix-for-opera !global;
+ $prefix-for-spec: $original-prefix-for-spec !global;
+
+ @if $original-prefix-for-spec {
+ @keyframes #{$name} {
+ @content;
+ }
+ }
+}
diff --git a/_sass/vendor/bourbon/css3/_linear-gradient.scss b/_sass/vendor/bourbon/css3/_linear-gradient.scss
new file mode 100644
index 0000000..e0da351
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_linear-gradient.scss
@@ -0,0 +1,38 @@
+@mixin linear-gradient($pos, $G1, $G2: null,
+ $G3: null, $G4: null,
+ $G5: null, $G6: null,
+ $G7: null, $G8: null,
+ $G9: null, $G10: null,
+ $fallback: null) {
+ // Detect what type of value exists in $pos
+ $pos-type: type-of(nth($pos, 1));
+ $pos-spec: null;
+ $pos-degree: null;
+
+ // If $pos is missing from mixin, reassign vars and add default position
+ @if ($pos-type == color) or (nth($pos, 1) == "transparent") {
+ $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+ $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+ $pos: null;
+ }
+
+ @if $pos {
+ $positions: _linear-positions-parser($pos);
+ $pos-degree: nth($positions, 1);
+ $pos-spec: nth($positions, 2);
+ }
+
+ $full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10;
+
+ // Set $G1 as the default fallback color
+ $fallback-color: nth($G1, 1);
+
+ // If $fallback is a color use that color as the fallback color
+ @if (type-of($fallback) == color) or ($fallback == "transparent") {
+ $fallback-color: $fallback;
+ }
+
+ background-color: $fallback-color;
+ background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
+ background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
+}
diff --git a/_sass/vendor/bourbon/css3/_perspective.scss b/_sass/vendor/bourbon/css3/_perspective.scss
new file mode 100644
index 0000000..0e4deb8
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_perspective.scss
@@ -0,0 +1,8 @@
+@mixin perspective($depth: none) {
+ // none | <length>
+ @include prefixer(perspective, $depth, webkit moz spec);
+}
+
+@mixin perspective-origin($value: 50% 50%) {
+ @include prefixer(perspective-origin, $value, webkit moz spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_placeholder.scss b/_sass/vendor/bourbon/css3/_placeholder.scss
new file mode 100644
index 0000000..5682fd0
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_placeholder.scss
@@ -0,0 +1,8 @@
+@mixin placeholder {
+ $placeholders: ":-webkit-input" ":-moz" "-moz" "-ms-input";
+ @each $placeholder in $placeholders {
+ &:#{$placeholder}-placeholder {
+ @content;
+ }
+ }
+}
diff --git a/_sass/vendor/bourbon/css3/_radial-gradient.scss b/_sass/vendor/bourbon/css3/_radial-gradient.scss
new file mode 100644
index 0000000..7a8c376
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_radial-gradient.scss
@@ -0,0 +1,39 @@
+// Requires Sass 3.1+
+@mixin radial-gradient($G1, $G2,
+ $G3: null, $G4: null,
+ $G5: null, $G6: null,
+ $G7: null, $G8: null,
+ $G9: null, $G10: null,
+ $pos: null,
+ $shape-size: null,
+ $fallback: null) {
+
+ $data: _radial-arg-parser($G1, $G2, $pos, $shape-size);
+ $G1: nth($data, 1);
+ $G2: nth($data, 2);
+ $pos: nth($data, 3);
+ $shape-size: nth($data, 4);
+
+ $full: $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10;
+
+ // Strip deprecated cover/contain for spec
+ $shape-size-spec: _shape-size-stripper($shape-size);
+
+ // Set $G1 as the default fallback color
+ $first-color: nth($full, 1);
+ $fallback-color: nth($first-color, 1);
+
+ @if (type-of($fallback) == color) or ($fallback == "transparent") {
+ $fallback-color: $fallback;
+ }
+
+ // Add Commas and spaces
+ $shape-size: if($shape-size, '#{$shape-size}, ', null);
+ $pos: if($pos, '#{$pos}, ', null);
+ $pos-spec: if($pos, 'at #{$pos}', null);
+ $shape-size-spec: if(($shape-size-spec != ' ') and ($pos == null), '#{$shape-size-spec}, ', '#{$shape-size-spec} ');
+
+ background-color: $fallback-color;
+ background-image: -webkit-radial-gradient(unquote(#{$pos}#{$shape-size}#{$full}));
+ background-image: unquote("radial-gradient(#{$shape-size-spec}#{$pos-spec}#{$full})");
+}
diff --git a/_sass/vendor/bourbon/css3/_transform.scss b/_sass/vendor/bourbon/css3/_transform.scss
new file mode 100644
index 0000000..8cc3596
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_transform.scss
@@ -0,0 +1,15 @@
+@mixin transform($property: none) {
+// none | <transform-function>
+ @include prefixer(transform, $property, webkit moz ms o spec);
+}
+
+@mixin transform-origin($axes: 50%) {
+// x-axis - left | center | right | length | %
+// y-axis - top | center | bottom | length | %
+// z-axis - length
+ @include prefixer(transform-origin, $axes, webkit moz ms o spec);
+}
+
+@mixin transform-style ($style: flat) {
+ @include prefixer(transform-style, $style, webkit moz ms o spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_transition.scss b/_sass/vendor/bourbon/css3/_transition.scss
new file mode 100644
index 0000000..5ad4c0a
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_transition.scss
@@ -0,0 +1,77 @@
+// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
+// Example: @include transition (all 2s ease-in-out);
+// @include transition (opacity 1s ease-in 2s, width 2s ease-out);
+// @include transition-property (transform, opacity);
+
+@mixin transition ($properties...) {
+ // Fix for vendor-prefix transform property
+ $needs-prefixes: false;
+ $webkit: ();
+ $moz: ();
+ $spec: ();
+
+ // Create lists for vendor-prefixed transform
+ @each $list in $properties {
+ @if nth($list, 1) == "transform" {
+ $needs-prefixes: true;
+ $list1: -webkit-transform;
+ $list2: -moz-transform;
+ $list3: ();
+
+ @each $var in $list {
+ $list3: join($list3, $var);
+
+ @if $var != "transform" {
+ $list1: join($list1, $var);
+ $list2: join($list2, $var);
+ }
+ }
+
+ $webkit: append($webkit, $list1);
+ $moz: append($moz, $list2);
+ $spec: append($spec, $list3);
+ }
+
+ // Create lists for non-prefixed transition properties
+ @else {
+ $webkit: append($webkit, $list, comma);
+ $moz: append($moz, $list, comma);
+ $spec: append($spec, $list, comma);
+ }
+ }
+
+ @if $needs-prefixes {
+ -webkit-transition: $webkit;
+ -moz-transition: $moz;
+ transition: $spec;
+ }
+ @else {
+ @if length($properties) >= 1 {
+ @include prefixer(transition, $properties, webkit moz spec);
+ }
+
+ @else {
+ $properties: all 0.15s ease-out 0s;
+ @include prefixer(transition, $properties, webkit moz spec);
+ }
+ }
+}
+
+@mixin transition-property ($properties...) {
+ -webkit-transition-property: transition-property-names($properties, 'webkit');
+ -moz-transition-property: transition-property-names($properties, 'moz');
+ transition-property: transition-property-names($properties, false);
+}
+
+@mixin transition-duration ($times...) {
+ @include prefixer(transition-duration, $times, webkit moz spec);
+}
+
+@mixin transition-timing-function ($motions...) {
+// ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
+ @include prefixer(transition-timing-function, $motions, webkit moz spec);
+}
+
+@mixin transition-delay ($times...) {
+ @include prefixer(transition-delay, $times, webkit moz spec);
+}
diff --git a/_sass/vendor/bourbon/css3/_user-select.scss b/_sass/vendor/bourbon/css3/_user-select.scss
new file mode 100644
index 0000000..1380aa8
--- /dev/null
+++ b/_sass/vendor/bourbon/css3/_user-select.scss
@@ -0,0 +1,3 @@
+@mixin user-select($arg: none) {
+ @include prefixer(user-select, $arg, webkit moz ms spec);
+}
diff --git a/_sass/vendor/bourbon/functions/_assign.scss b/_sass/vendor/bourbon/functions/_assign.scss
new file mode 100644
index 0000000..9a1db93
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_assign.scss
@@ -0,0 +1,11 @@
+@function assign-inputs($inputs, $pseudo: null) {
+ $list : ();
+
+ @each $input in $inputs {
+ $input: unquote($input);
+ $input: if($pseudo, $input + ":" + $pseudo, $input);
+ $list: append($list, $input, comma);
+ }
+
+ @return $list;
+}
\ No newline at end of file
diff --git a/_sass/vendor/bourbon/functions/_color-lightness.scss b/_sass/vendor/bourbon/functions/_color-lightness.scss
new file mode 100644
index 0000000..8c6df4e
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_color-lightness.scss
@@ -0,0 +1,13 @@
+// Programatically determines whether a color is light or dark
+// Returns a boolean
+// More details here http://robots.thoughtbot.com/closer-look-color-lightness
+
+@function is-light($hex-color) {
+ $-local-red: red(rgba($hex-color, 1.0));
+ $-local-green: green(rgba($hex-color, 1.0));
+ $-local-blue: blue(rgba($hex-color, 1.0));
+
+ $-local-lightness: ($-local-red * 0.2126 + $-local-green * 0.7152 + $-local-blue * 0.0722) / 255;
+
+ @return $-local-lightness > .6;
+}
diff --git a/_sass/vendor/bourbon/functions/_flex-grid.scss b/_sass/vendor/bourbon/functions/_flex-grid.scss
new file mode 100644
index 0000000..3bbd866
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_flex-grid.scss
@@ -0,0 +1,39 @@
+// Flexible grid
+@function flex-grid($columns, $container-columns: $fg-max-columns) {
+ $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+ @return percentage($width / $container-width);
+}
+
+// Flexible gutter
+@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+ @return percentage($gutter / $container-width);
+}
+
+// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
+// This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
+//
+// The calculation presumes that your column structure will be missing the last gutter:
+//
+// -- column -- gutter -- column -- gutter -- column
+//
+// $fg-column: 60px; // Column Width
+// $fg-gutter: 25px; // Gutter Width
+// $fg-max-columns: 12; // Total Columns For Main Container
+//
+// div {
+// width: flex-grid(4); // returns (315px / 995px) = 31.65829%;
+// margin-left: flex-gutter(); // returns (25px / 995px) = 2.51256%;
+//
+// p {
+// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
+// float: left;
+// margin: flex-gutter(4); // returns (25px / 315px) = 7.936508%;
+// }
+//
+// blockquote {
+// float: left;
+// width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
+// }
+// }
\ No newline at end of file
diff --git a/_sass/vendor/bourbon/functions/_golden-ratio.scss b/_sass/vendor/bourbon/functions/_golden-ratio.scss
new file mode 100644
index 0000000..463d14a
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_golden-ratio.scss
@@ -0,0 +1,3 @@
+@function golden-ratio($value, $increment) {
+ @return modular-scale($value, $increment, $golden)
+}
diff --git a/_sass/vendor/bourbon/functions/_grid-width.scss b/_sass/vendor/bourbon/functions/_grid-width.scss
new file mode 100644
index 0000000..8e63d83
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_grid-width.scss
@@ -0,0 +1,13 @@
+@function grid-width($n) {
+ @return $n * $gw-column + ($n - 1) * $gw-gutter;
+}
+
+// The $gw-column and $gw-gutter variables must be defined in your base stylesheet to properly use the grid-width function.
+//
+// $gw-column: 100px; // Column Width
+// $gw-gutter: 40px; // Gutter Width
+//
+// div {
+// width: grid-width(4); // returns 520px;
+// margin-left: $gw-gutter; // returns 40px;
+// }
diff --git a/_sass/vendor/bourbon/functions/_modular-scale.scss b/_sass/vendor/bourbon/functions/_modular-scale.scss
new file mode 100644
index 0000000..afc59eb
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_modular-scale.scss
@@ -0,0 +1,66 @@
+// Scaling Variables
+$golden: 1.618;
+$minor-second: 1.067;
+$major-second: 1.125;
+$minor-third: 1.2;
+$major-third: 1.25;
+$perfect-fourth: 1.333;
+$augmented-fourth: 1.414;
+$perfect-fifth: 1.5;
+$minor-sixth: 1.6;
+$major-sixth: 1.667;
+$minor-seventh: 1.778;
+$major-seventh: 1.875;
+$octave: 2;
+$major-tenth: 2.5;
+$major-eleventh: 2.667;
+$major-twelfth: 3;
+$double-octave: 4;
+
+@function modular-scale($value, $increment, $ratio) {
+ $v1: nth($value, 1);
+ $v2: nth($value, length($value));
+ $value: $v1;
+
+ // scale $v2 to just above $v1
+ @while $v2 > $v1 {
+ $v2: ($v2 / $ratio); // will be off-by-1
+ }
+ @while $v2 < $v1 {
+ $v2: ($v2 * $ratio); // will fix off-by-1
+ }
+
+ // check AFTER scaling $v2 to prevent double-counting corner-case
+ $double-stranded: $v2 > $v1;
+
+ @if $increment > 0 {
+ @for $i from 1 through $increment {
+ @if $double-stranded and ($v1 * $ratio) > $v2 {
+ $value: $v2;
+ $v2: ($v2 * $ratio);
+ } @else {
+ $v1: ($v1 * $ratio);
+ $value: $v1;
+ }
+ }
+ }
+
+ @if $increment < 0 {
+ // adjust $v2 to just below $v1
+ @if $double-stranded {
+ $v2: ($v2 / $ratio);
+ }
+
+ @for $i from $increment through -1 {
+ @if $double-stranded and ($v1 / $ratio) < $v2 {
+ $value: $v2;
+ $v2: ($v2 / $ratio);
+ } @else {
+ $v1: ($v1 / $ratio);
+ $value: $v1;
+ }
+ }
+ }
+
+ @return $value;
+}
diff --git a/_sass/vendor/bourbon/functions/_px-to-em.scss b/_sass/vendor/bourbon/functions/_px-to-em.scss
new file mode 100644
index 0000000..4832245
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_px-to-em.scss
@@ -0,0 +1,13 @@
+// Convert pixels to ems
+// eg. for a relational value of 12px write em(12) when the parent is 16px
+// if the parent is another value say 24px write em(12, 24)
+
+@function em($pxval, $base: $em-base) {
+ @if not unitless($pxval) {
+ $pxval: strip-units($pxval);
+ }
+ @if not unitless($base) {
+ $base: strip-units($base);
+ }
+ @return ($pxval / $base) * 1em;
+}
diff --git a/_sass/vendor/bourbon/functions/_px-to-rem.scss b/_sass/vendor/bourbon/functions/_px-to-rem.scss
new file mode 100644
index 0000000..96b244e
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_px-to-rem.scss
@@ -0,0 +1,15 @@
+// Convert pixels to rems
+// eg. for a relational value of 12px write rem(12)
+// Assumes $em-base is the font-size of <html>
+
+@function rem($pxval) {
+ @if not unitless($pxval) {
+ $pxval: strip-units($pxval);
+ }
+
+ $base: $em-base;
+ @if not unitless($base) {
+ $base: strip-units($base);
+ }
+ @return ($pxval / $base) * 1rem;
+}
diff --git a/_sass/vendor/bourbon/functions/_strip-units.scss b/_sass/vendor/bourbon/functions/_strip-units.scss
new file mode 100644
index 0000000..6afc6e6
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_strip-units.scss
@@ -0,0 +1,5 @@
+// Srtips the units from a value. e.g. 12px -> 12
+
+@function strip-units($val) {
+ @return ($val / ($val * 0 + 1));
+}
diff --git a/_sass/vendor/bourbon/functions/_tint-shade.scss b/_sass/vendor/bourbon/functions/_tint-shade.scss
new file mode 100644
index 0000000..f717200
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_tint-shade.scss
@@ -0,0 +1,9 @@
+// Add percentage of white to a color
+@function tint($color, $percent){
+ @return mix(white, $color, $percent);
+}
+
+// Add percentage of black to a color
+@function shade($color, $percent){
+ @return mix(black, $color, $percent);
+}
diff --git a/_sass/vendor/bourbon/functions/_transition-property-name.scss b/_sass/vendor/bourbon/functions/_transition-property-name.scss
new file mode 100644
index 0000000..54cd422
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_transition-property-name.scss
@@ -0,0 +1,22 @@
+// Return vendor-prefixed property names if appropriate
+// Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background
+//************************************************************************//
+@function transition-property-names($props, $vendor: false) {
+ $new-props: ();
+
+ @each $prop in $props {
+ $new-props: append($new-props, transition-property-name($prop, $vendor), comma);
+ }
+
+ @return $new-props;
+}
+
+@function transition-property-name($prop, $vendor: false) {
+ // put other properties that need to be prefixed here aswell
+ @if $vendor and $prop == transform {
+ @return unquote('-'+$vendor+'-'+$prop);
+ }
+ @else {
+ @return $prop;
+ }
+}
\ No newline at end of file
diff --git a/_sass/vendor/bourbon/functions/_unpack.scss b/_sass/vendor/bourbon/functions/_unpack.scss
new file mode 100644
index 0000000..3775963
--- /dev/null
+++ b/_sass/vendor/bourbon/functions/_unpack.scss
@@ -0,0 +1,17 @@
+// Convert shorthand to the 4-value syntax
+
+@function unpack($shorthand) {
+ @if length($shorthand) == 1 {
+ @return nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1) nth($shorthand, 1);
+ }
+ @else if length($shorthand) == 2 {
+ @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 1) nth($shorthand, 2);
+ }
+ @else if length($shorthand) == 3 {
+ @return nth($shorthand, 1) nth($shorthand, 2) nth($shorthand, 3) nth($shorthand, 2);
+ }
+ @else {
+ @return $shorthand;
+ }
+}
+
diff --git a/_sass/vendor/bourbon/helpers/_convert-units.scss b/_sass/vendor/bourbon/helpers/_convert-units.scss
new file mode 100644
index 0000000..3443db3
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_convert-units.scss
@@ -0,0 +1,15 @@
+//************************************************************************//
+// Helper function for str-to-num fn.
+// Source: http://sassmeister.com/gist/9647408
+//************************************************************************//
+@function _convert-units($number, $unit) {
+ $strings: 'px' 'cm' 'mm' '%' 'ch' 'pica' 'in' 'em' 'rem' 'pt' 'pc' 'ex' 'vw' 'vh' 'vmin' 'vmax', 'deg', 'rad', 'grad', 'turn';
+ $units: 1px 1cm 1mm 1% 1ch 1pica 1in 1em 1rem 1pt 1pc 1ex 1vw 1vh 1vmin 1vmax, 1deg, 1rad, 1grad, 1turn;
+ $index: index($strings, $unit);
+
+ @if not $index {
+ @warn "Unknown unit `#{$unit}`.";
+ @return false;
+ }
+ @return $number * nth($units, $index);
+}
diff --git a/_sass/vendor/bourbon/helpers/_gradient-positions-parser.scss b/_sass/vendor/bourbon/helpers/_gradient-positions-parser.scss
new file mode 100644
index 0000000..07d30b6
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_gradient-positions-parser.scss
@@ -0,0 +1,13 @@
+@function _gradient-positions-parser($gradient-type, $gradient-positions) {
+ @if $gradient-positions
+ and ($gradient-type == linear)
+ and (type-of($gradient-positions) != color) {
+ $gradient-positions: _linear-positions-parser($gradient-positions);
+ }
+ @else if $gradient-positions
+ and ($gradient-type == radial)
+ and (type-of($gradient-positions) != color) {
+ $gradient-positions: _radial-positions-parser($gradient-positions);
+ }
+ @return $gradient-positions;
+}
diff --git a/_sass/vendor/bourbon/helpers/_is-num.scss b/_sass/vendor/bourbon/helpers/_is-num.scss
new file mode 100644
index 0000000..71459e1
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_is-num.scss
@@ -0,0 +1,8 @@
+//************************************************************************//
+// Helper for linear-gradient-parser
+//************************************************************************//
+@function _is-num($char) {
+ $values: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9' 0 1 2 3 4 5 6 7 8 9;
+ $index: index($values, $char);
+ @return if($index, true, false);
+}
diff --git a/_sass/vendor/bourbon/helpers/_linear-angle-parser.scss b/_sass/vendor/bourbon/helpers/_linear-angle-parser.scss
new file mode 100644
index 0000000..e0401ed
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_linear-angle-parser.scss
@@ -0,0 +1,25 @@
+// Private function for linear-gradient-parser
+@function _linear-angle-parser($image, $first-val, $prefix, $suffix) {
+ $offset: null;
+ $unit-short: str-slice($first-val, str-length($first-val) - 2, str-length($first-val));
+ $unit-long: str-slice($first-val, str-length($first-val) - 3, str-length($first-val));
+
+ @if ($unit-long == "grad") or
+ ($unit-long == "turn") {
+ $offset: if($unit-long == "grad", -100grad * 3, -0.75turn);
+ }
+
+ @else if ($unit-short == "deg") or
+ ($unit-short == "rad") {
+ $offset: if($unit-short == "deg", -90 * 3, 1.6rad);
+ }
+
+ @if $offset {
+ $num: _str-to-num($first-val);
+
+ @return (
+ webkit-image: -webkit- + $prefix + ($offset - $num) + $suffix,
+ spec-image: $image
+ );
+ }
+}
diff --git a/_sass/vendor/bourbon/helpers/_linear-gradient-parser.scss b/_sass/vendor/bourbon/helpers/_linear-gradient-parser.scss
new file mode 100644
index 0000000..12bcdcd
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_linear-gradient-parser.scss
@@ -0,0 +1,41 @@
+@function _linear-gradient-parser($image) {
+ $image: unquote($image);
+ $gradients: ();
+ $start: str-index($image, "(");
+ $end: str-index($image, ",");
+ $first-val: str-slice($image, $start + 1, $end - 1);
+
+ $prefix: str-slice($image, 0, $start);
+ $suffix: str-slice($image, $end, str-length($image));
+
+ $has-multiple-vals: str-index($first-val, " ");
+ $has-single-position: unquote(_position-flipper($first-val) + "");
+ $has-angle: _is-num(str-slice($first-val, 0, 0));
+
+ @if $has-multiple-vals {
+ $gradients: _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals);
+ }
+
+ @else if $has-single-position != "" {
+ $pos: unquote($has-single-position + "");
+
+ $gradients: (
+ webkit-image: -webkit- + $image,
+ spec-image: $prefix + "to " + $pos + $suffix
+ );
+ }
+
+ @else if $has-angle {
+ // Rotate degree for webkit
+ $gradients: _linear-angle-parser($image, $first-val, $prefix, $suffix);
+ }
+
+ @else {
+ $gradients: (
+ webkit-image: -webkit- + $image,
+ spec-image: $image
+ );
+ }
+
+ @return $gradients;
+}
diff --git a/_sass/vendor/bourbon/helpers/_linear-positions-parser.scss b/_sass/vendor/bourbon/helpers/_linear-positions-parser.scss
new file mode 100644
index 0000000..d26383e
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_linear-positions-parser.scss
@@ -0,0 +1,61 @@
+@function _linear-positions-parser($pos) {
+ $type: type-of(nth($pos, 1));
+ $spec: null;
+ $degree: null;
+ $side: null;
+ $corner: null;
+ $length: length($pos);
+ // Parse Side and corner positions
+ @if ($length > 1) {
+ @if nth($pos, 1) == "to" { // Newer syntax
+ $side: nth($pos, 2);
+
+ @if $length == 2 { // eg. to top
+ // Swap for backwards compatability
+ $degree: _position-flipper(nth($pos, 2));
+ }
+ @else if $length == 3 { // eg. to top left
+ $corner: nth($pos, 3);
+ }
+ }
+ @else if $length == 2 { // Older syntax ("top left")
+ $side: _position-flipper(nth($pos, 1));
+ $corner: _position-flipper(nth($pos, 2));
+ }
+
+ @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") {
+ $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
+ }
+ @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") {
+ $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
+ }
+ @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") {
+ $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
+ }
+ @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") {
+ $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
+ }
+ $spec: to $side $corner;
+ }
+ @else if $length == 1 {
+ // Swap for backwards compatability
+ @if $type == string {
+ $degree: $pos;
+ $spec: to _position-flipper($pos);
+ }
+ @else {
+ $degree: -270 - $pos; //rotate the gradient opposite from spec
+ $spec: $pos;
+ }
+ }
+ $degree: unquote($degree + ",");
+ $spec: unquote($spec + ",");
+ @return $degree $spec;
+}
+
+@function _position-flipper($pos) {
+ @return if($pos == left, right, null)
+ if($pos == right, left, null)
+ if($pos == top, bottom, null)
+ if($pos == bottom, top, null);
+}
diff --git a/_sass/vendor/bourbon/helpers/_linear-side-corner-parser.scss b/_sass/vendor/bourbon/helpers/_linear-side-corner-parser.scss
new file mode 100644
index 0000000..86ad88f
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_linear-side-corner-parser.scss
@@ -0,0 +1,31 @@
+// Private function for linear-gradient-parser
+@function _linear-side-corner-parser($image, $first-val, $prefix, $suffix, $has-multiple-vals) {
+ $val-1: str-slice($first-val, 0, $has-multiple-vals - 1 );
+ $val-2: str-slice($first-val, $has-multiple-vals + 1, str-length($first-val));
+ $val-3: null;
+ $has-val-3: str-index($val-2, " ");
+
+ @if $has-val-3 {
+ $val-3: str-slice($val-2, $has-val-3 + 1, str-length($val-2));
+ $val-2: str-slice($val-2, 0, $has-val-3 - 1);
+ }
+
+ $pos: _position-flipper($val-1) _position-flipper($val-2) _position-flipper($val-3);
+ $pos: unquote($pos + "");
+
+ // Use old spec for webkit
+ @if $val-1 == "to" {
+ @return (
+ webkit-image: -webkit- + $prefix + $pos + $suffix,
+ spec-image: $image
+ );
+ }
+
+ // Bring the code up to spec
+ @else {
+ @return (
+ webkit-image: -webkit- + $image,
+ spec-image: $prefix + "to " + $pos + $suffix
+ );
+ }
+}
diff --git a/_sass/vendor/bourbon/helpers/_radial-arg-parser.scss b/_sass/vendor/bourbon/helpers/_radial-arg-parser.scss
new file mode 100644
index 0000000..a3a3704
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_radial-arg-parser.scss
@@ -0,0 +1,69 @@
+@function _radial-arg-parser($G1, $G2, $pos, $shape-size) {
+ @each $value in $G1, $G2 {
+ $first-val: nth($value, 1);
+ $pos-type: type-of($first-val);
+ $spec-at-index: null;
+
+ // Determine if spec was passed to mixin
+ @if type-of($value) == list {
+ $spec-at-index: if(index($value, at), index($value, at), false);
+ }
+ @if $spec-at-index {
+ @if $spec-at-index > 1 {
+ @for $i from 1 through ($spec-at-index - 1) {
+ $shape-size: $shape-size nth($value, $i);
+ }
+ @for $i from ($spec-at-index + 1) through length($value) {
+ $pos: $pos nth($value, $i);
+ }
+ }
+ @else if $spec-at-index == 1 {
+ @for $i from ($spec-at-index + 1) through length($value) {
+ $pos: $pos nth($value, $i);
+ }
+ }
+ $G1: null;
+ }
+
+ // If not spec calculate correct values
+ @else {
+ @if ($pos-type != color) or ($first-val != "transparent") {
+ @if ($pos-type == number)
+ or ($first-val == "center")
+ or ($first-val == "top")
+ or ($first-val == "right")
+ or ($first-val == "bottom")
+ or ($first-val == "left") {
+
+ $pos: $value;
+
+ @if $pos == $G1 {
+ $G1: null;
+ }
+ }
+
+ @else if
+ ($first-val == "ellipse")
+ or ($first-val == "circle")
+ or ($first-val == "closest-side")
+ or ($first-val == "closest-corner")
+ or ($first-val == "farthest-side")
+ or ($first-val == "farthest-corner")
+ or ($first-val == "contain")
+ or ($first-val == "cover") {
+
+ $shape-size: $value;
+
+ @if $value == $G1 {
+ $G1: null;
+ }
+
+ @else if $value == $G2 {
+ $G2: null;
+ }
+ }
+ }
+ }
+ }
+ @return $G1, $G2, $pos, $shape-size;
+}
diff --git a/_sass/vendor/bourbon/helpers/_radial-gradient-parser.scss b/_sass/vendor/bourbon/helpers/_radial-gradient-parser.scss
new file mode 100644
index 0000000..6dde50f
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_radial-gradient-parser.scss
@@ -0,0 +1,50 @@
+@function _radial-gradient-parser($image) {
+ $image: unquote($image);
+ $gradients: ();
+ $start: str-index($image, "(");
+ $end: str-index($image, ",");
+ $first-val: str-slice($image, $start + 1, $end - 1);
+
+ $prefix: str-slice($image, 0, $start);
+ $suffix: str-slice($image, $end, str-length($image));
+
+ $is-spec-syntax: str-index($first-val, "at");
+
+ @if $is-spec-syntax and $is-spec-syntax > 1 {
+ $keyword: str-slice($first-val, 1, $is-spec-syntax - 2);
+ $pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
+ $pos: append($pos, $keyword, comma);
+
+ $gradients: (
+ webkit-image: -webkit- + $prefix + $pos + $suffix,
+ spec-image: $image
+ )
+ }
+
+ @else if $is-spec-syntax == 1 {
+ $pos: str-slice($first-val, $is-spec-syntax + 3, str-length($first-val));
+
+ $gradients: (
+ webkit-image: -webkit- + $prefix + $pos + $suffix,
+ spec-image: $image
+ )
+ }
+
+ @else if str-index($image, "cover") or str-index($image, "contain") {
+ @warn "Radial-gradient needs to be updated to conform to latest spec.";
+
+ $gradients: (
+ webkit-image: null,
+ spec-image: $image
+ )
+ }
+
+ @else {
+ $gradients: (
+ webkit-image: -webkit- + $image,
+ spec-image: $image
+ )
+ }
+
+ @return $gradients;
+}
diff --git a/_sass/vendor/bourbon/helpers/_radial-positions-parser.scss b/_sass/vendor/bourbon/helpers/_radial-positions-parser.scss
new file mode 100644
index 0000000..6a5b477
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_radial-positions-parser.scss
@@ -0,0 +1,18 @@
+@function _radial-positions-parser($gradient-pos) {
+ $shape-size: nth($gradient-pos, 1);
+ $pos: nth($gradient-pos, 2);
+ $shape-size-spec: _shape-size-stripper($shape-size);
+
+ $pre-spec: unquote(if($pos, "#{$pos}, ", null))
+ unquote(if($shape-size, "#{$shape-size},", null));
+ $pos-spec: if($pos, "at #{$pos}", null);
+
+ $spec: "#{$shape-size-spec} #{$pos-spec}";
+
+ // Add comma
+ @if ($spec != ' ') {
+ $spec: "#{$spec},"
+ }
+
+ @return $pre-spec $spec;
+}
diff --git a/_sass/vendor/bourbon/helpers/_render-gradients.scss b/_sass/vendor/bourbon/helpers/_render-gradients.scss
new file mode 100644
index 0000000..5765676
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_render-gradients.scss
@@ -0,0 +1,26 @@
+// User for linear and radial gradients within background-image or border-image properties
+
+@function _render-gradients($gradient-positions, $gradients, $gradient-type, $vendor: false) {
+ $pre-spec: null;
+ $spec: null;
+ $vendor-gradients: null;
+ @if $gradient-type == linear {
+ @if $gradient-positions {
+ $pre-spec: nth($gradient-positions, 1);
+ $spec: nth($gradient-positions, 2);
+ }
+ }
+ @else if $gradient-type == radial {
+ $pre-spec: nth($gradient-positions, 1);
+ $spec: nth($gradient-positions, 2);
+ }
+
+ @if $vendor {
+ $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient(#{$pre-spec} $gradients);
+ }
+ @else if $vendor == false {
+ $vendor-gradients: "#{$gradient-type}-gradient(#{$spec} #{$gradients})";
+ $vendor-gradients: unquote($vendor-gradients);
+ }
+ @return $vendor-gradients;
+}
diff --git a/_sass/vendor/bourbon/helpers/_shape-size-stripper.scss b/_sass/vendor/bourbon/helpers/_shape-size-stripper.scss
new file mode 100644
index 0000000..ee5eda4
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_shape-size-stripper.scss
@@ -0,0 +1,10 @@
+@function _shape-size-stripper($shape-size) {
+ $shape-size-spec: null;
+ @each $value in $shape-size {
+ @if ($value == "cover") or ($value == "contain") {
+ $value: null;
+ }
+ $shape-size-spec: "#{$shape-size-spec} #{$value}";
+ }
+ @return $shape-size-spec;
+}
diff --git a/_sass/vendor/bourbon/helpers/_str-to-num.scss b/_sass/vendor/bourbon/helpers/_str-to-num.scss
new file mode 100644
index 0000000..b3d6168
--- /dev/null
+++ b/_sass/vendor/bourbon/helpers/_str-to-num.scss
@@ -0,0 +1,50 @@
+//************************************************************************//
+// Helper function for linear/radial-gradient-parsers.
+// Source: http://sassmeister.com/gist/9647408
+//************************************************************************//
+@function _str-to-num($string) {
+ // Matrices
+ $strings: '0' '1' '2' '3' '4' '5' '6' '7' '8' '9';
+ $numbers: 0 1 2 3 4 5 6 7 8 9;
+
+ // Result
+ $result: 0;
+ $divider: 0;
+ $minus: false;
+
+ // Looping through all characters
+ @for $i from 1 through str-length($string) {
+ $character: str-slice($string, $i, $i);
+ $index: index($strings, $character);
+
+ @if $character == '-' {
+ $minus: true;
+ }
+
+ @else if $character == '.' {
+ $divider: 1;
+ }
+
+ @else {
+ @if not $index {
+ $result: if($minus, $result * -1, $result);
+ @return _convert-units($result, str-slice($string, $i));
+ }
+
+ $number: nth($numbers, $index);
+
+ @if $divider == 0 {
+ $result: $result * 10;
+ }
+
+ @else {
+ // Move the decimal dot to the left
+ $divider: $divider * 10;
+ $number: $number / $divider;
+ }
+
+ $result: $result + $number;
+ }
+ }
+ @return if($minus, $result * -1, $result);
+}
diff --git a/_sass/vendor/bourbon/settings/_prefixer.scss b/_sass/vendor/bourbon/settings/_prefixer.scss
new file mode 100644
index 0000000..ecab49f
--- /dev/null
+++ b/_sass/vendor/bourbon/settings/_prefixer.scss
@@ -0,0 +1,6 @@
+// Variable settings for /addons/prefixer.scss
+$prefix-for-webkit: true !default;
+$prefix-for-mozilla: true !default;
+$prefix-for-microsoft: true !default;
+$prefix-for-opera: true !default;
+$prefix-for-spec: true !default; // required for keyframe mixin
diff --git a/_sass/vendor/bourbon/settings/_px-to-em.scss b/_sass/vendor/bourbon/settings/_px-to-em.scss
new file mode 100644
index 0000000..f2f9a3e
--- /dev/null
+++ b/_sass/vendor/bourbon/settings/_px-to-em.scss
@@ -0,0 +1 @@
+$em-base: 16px !default;
diff --git a/_sass/vendor/font-awesome/_animated.scss b/_sass/vendor/font-awesome/_animated.scss
new file mode 100644
index 0000000..8a020db
--- /dev/null
+++ b/_sass/vendor/font-awesome/_animated.scss
@@ -0,0 +1,34 @@
+// Spinning Icons
+// --------------------------
+
+.#{$fa-css-prefix}-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+
+.#{$fa-css-prefix}-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
diff --git a/_sass/vendor/font-awesome/_bordered-pulled.scss b/_sass/vendor/font-awesome/_bordered-pulled.scss
new file mode 100644
index 0000000..d4b85a0
--- /dev/null
+++ b/_sass/vendor/font-awesome/_bordered-pulled.scss
@@ -0,0 +1,25 @@
+// Bordered & Pulled
+// -------------------------
+
+.#{$fa-css-prefix}-border {
+ padding: .2em .25em .15em;
+ border: solid .08em $fa-border-color;
+ border-radius: .1em;
+}
+
+.#{$fa-css-prefix}-pull-left { float: left; }
+.#{$fa-css-prefix}-pull-right { float: right; }
+
+.#{$fa-css-prefix} {
+ &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
+ &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
+}
+
+/* Deprecated as of 4.4.0 */
+.pull-right { float: right; }
+.pull-left { float: left; }
+
+.#{$fa-css-prefix} {
+ &.pull-left { margin-right: .3em; }
+ &.pull-right { margin-left: .3em; }
+}
diff --git a/_sass/vendor/font-awesome/_core.scss b/_sass/vendor/font-awesome/_core.scss
new file mode 100644
index 0000000..7425ef8
--- /dev/null
+++ b/_sass/vendor/font-awesome/_core.scss
@@ -0,0 +1,12 @@
+// Base Class Definition
+// -------------------------
+
+.#{$fa-css-prefix} {
+ display: inline-block;
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
+ text-rendering: auto; // optimizelegibility throws things off #1094
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
diff --git a/_sass/vendor/font-awesome/_fixed-width.scss b/_sass/vendor/font-awesome/_fixed-width.scss
new file mode 100644
index 0000000..b221c98
--- /dev/null
+++ b/_sass/vendor/font-awesome/_fixed-width.scss
@@ -0,0 +1,6 @@
+// Fixed Width Icons
+// -------------------------
+.#{$fa-css-prefix}-fw {
+ width: (18em / 14);
+ text-align: center;
+}
diff --git a/_sass/vendor/font-awesome/_icons.scss b/_sass/vendor/font-awesome/_icons.scss
new file mode 100644
index 0000000..6f93759
--- /dev/null
+++ b/_sass/vendor/font-awesome/_icons.scss
@@ -0,0 +1,697 @@
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+
+.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
+.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
+.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
+.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
+.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
+.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
+.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
+.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
+.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
+.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
+.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
+.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
+.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
+.#{$fa-css-prefix}-remove:before,
+.#{$fa-css-prefix}-close:before,
+.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
+.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
+.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
+.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
+.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
+.#{$fa-css-prefix}-gear:before,
+.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
+.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
+.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
+.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
+.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
+.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
+.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
+.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
+.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
+.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
+.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
+.#{$fa-css-prefix}-rotate-right:before,
+.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
+.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
+.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
+.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
+.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
+.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
+.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
+.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
+.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
+.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
+.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
+.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
+.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
+.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
+.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
+.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
+.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
+.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
+.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
+.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
+.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
+.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
+.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
+.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
+.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
+.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
+.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
+.#{$fa-css-prefix}-dedent:before,
+.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
+.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
+.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
+.#{$fa-css-prefix}-photo:before,
+.#{$fa-css-prefix}-image:before,
+.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
+.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
+.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
+.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
+.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
+.#{$fa-css-prefix}-edit:before,
+.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
+.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
+.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
+.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
+.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
+.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
+.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
+.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
+.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
+.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
+.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
+.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
+.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
+.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
+.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
+.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
+.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
+.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
+.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
+.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
+.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
+.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
+.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
+.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
+.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
+.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
+.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
+.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
+.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
+.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
+.#{$fa-css-prefix}-mail-forward:before,
+.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
+.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
+.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
+.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
+.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
+.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
+.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
+.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
+.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
+.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
+.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
+.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
+.#{$fa-css-prefix}-warning:before,
+.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
+.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
+.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
+.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
+.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
+.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
+.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
+.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
+.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
+.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
+.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
+.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
+.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
+.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
+.#{$fa-css-prefix}-bar-chart-o:before,
+.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
+.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
+.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
+.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
+.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
+.#{$fa-css-prefix}-gears:before,
+.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
+.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
+.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
+.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
+.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
+.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
+.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
+.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
+.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
+.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
+.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
+.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
+.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
+.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
+.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
+.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
+.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
+.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
+.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
+.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
+.#{$fa-css-prefix}-facebook-f:before,
+.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
+.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
+.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
+.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
+.#{$fa-css-prefix}-feed:before,
+.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
+.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
+.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
+.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
+.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
+.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
+.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
+.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
+.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
+.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
+.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
+.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
+.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
+.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
+.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
+.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
+.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
+.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
+.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
+.#{$fa-css-prefix}-group:before,
+.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
+.#{$fa-css-prefix}-chain:before,
+.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
+.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
+.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
+.#{$fa-css-prefix}-cut:before,
+.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
+.#{$fa-css-prefix}-copy:before,
+.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
+.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
+.#{$fa-css-prefix}-save:before,
+.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
+.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
+.#{$fa-css-prefix}-navicon:before,
+.#{$fa-css-prefix}-reorder:before,
+.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
+.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
+.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
+.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
+.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
+.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
+.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
+.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
+.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
+.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
+.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
+.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
+.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
+.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
+.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
+.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
+.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
+.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
+.#{$fa-css-prefix}-unsorted:before,
+.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
+.#{$fa-css-prefix}-sort-down:before,
+.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
+.#{$fa-css-prefix}-sort-up:before,
+.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
+.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
+.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
+.#{$fa-css-prefix}-rotate-left:before,
+.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
+.#{$fa-css-prefix}-legal:before,
+.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
+.#{$fa-css-prefix}-dashboard:before,
+.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
+.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
+.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
+.#{$fa-css-prefix}-flash:before,
+.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
+.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
+.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
+.#{$fa-css-prefix}-paste:before,
+.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
+.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
+.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
+.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
+.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
+.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
+.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
+.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
+.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
+.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
+.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
+.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
+.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
+.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
+.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
+.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
+.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
+.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
+.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
+.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
+.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
+.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
+.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
+.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
+.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
+.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
+.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
+.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
+.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
+.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
+.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
+.#{$fa-css-prefix}-mobile-phone:before,
+.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
+.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
+.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
+.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
+.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
+.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
+.#{$fa-css-prefix}-mail-reply:before,
+.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
+.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
+.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
+.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
+.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
+.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
+.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
+.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
+.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
+.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
+.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
+.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
+.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
+.#{$fa-css-prefix}-mail-reply-all:before,
+.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
+.#{$fa-css-prefix}-star-half-empty:before,
+.#{$fa-css-prefix}-star-half-full:before,
+.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
+.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
+.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
+.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
+.#{$fa-css-prefix}-unlink:before,
+.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
+.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
+.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
+.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
+.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
+.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
+.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
+.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
+.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
+.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
+.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
+.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
+.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
+.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
+.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
+.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
+.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
+.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
+.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
+.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
+.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
+.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
+.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
+.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
+.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
+.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
+.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
+.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
+.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
+.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
+.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
+.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
+.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
+.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
+.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
+.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
+.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
+.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
+.#{$fa-css-prefix}-toggle-down:before,
+.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
+.#{$fa-css-prefix}-toggle-up:before,
+.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
+.#{$fa-css-prefix}-toggle-right:before,
+.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
+.#{$fa-css-prefix}-euro:before,
+.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
+.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
+.#{$fa-css-prefix}-dollar:before,
+.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
+.#{$fa-css-prefix}-rupee:before,
+.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
+.#{$fa-css-prefix}-cny:before,
+.#{$fa-css-prefix}-rmb:before,
+.#{$fa-css-prefix}-yen:before,
+.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
+.#{$fa-css-prefix}-ruble:before,
+.#{$fa-css-prefix}-rouble:before,
+.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
+.#{$fa-css-prefix}-won:before,
+.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
+.#{$fa-css-prefix}-bitcoin:before,
+.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
+.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
+.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
+.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
+.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
+.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
+.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
+.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
+.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
+.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
+.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
+.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
+.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
+.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
+.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
+.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
+.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
+.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
+.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
+.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
+.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
+.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
+.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
+.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
+.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
+.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
+.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
+.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
+.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
+.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
+.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
+.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
+.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
+.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
+.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
+.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
+.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
+.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
+.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
+.#{$fa-css-prefix}-gittip:before,
+.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
+.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
+.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
+.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
+.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
+.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
+.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
+.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
+.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
+.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
+.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
+.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
+.#{$fa-css-prefix}-toggle-left:before,
+.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
+.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
+.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
+.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
+.#{$fa-css-prefix}-turkish-lira:before,
+.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
+.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
+.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
+.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
+.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
+.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
+.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
+.#{$fa-css-prefix}-institution:before,
+.#{$fa-css-prefix}-bank:before,
+.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
+.#{$fa-css-prefix}-mortar-board:before,
+.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
+.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
+.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
+.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
+.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
+.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
+.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
+.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
+.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
+.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
+.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
+.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
+.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
+.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
+.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
+.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
+.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
+.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
+.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
+.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
+.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
+.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
+.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
+.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
+.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
+.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
+.#{$fa-css-prefix}-automobile:before,
+.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
+.#{$fa-css-prefix}-cab:before,
+.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
+.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
+.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
+.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
+.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
+.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
+.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
+.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
+.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
+.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
+.#{$fa-css-prefix}-file-photo-o:before,
+.#{$fa-css-prefix}-file-picture-o:before,
+.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
+.#{$fa-css-prefix}-file-zip-o:before,
+.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
+.#{$fa-css-prefix}-file-sound-o:before,
+.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
+.#{$fa-css-prefix}-file-movie-o:before,
+.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
+.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
+.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
+.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
+.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
+.#{$fa-css-prefix}-life-bouy:before,
+.#{$fa-css-prefix}-life-buoy:before,
+.#{$fa-css-prefix}-life-saver:before,
+.#{$fa-css-prefix}-support:before,
+.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
+.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
+.#{$fa-css-prefix}-ra:before,
+.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
+.#{$fa-css-prefix}-ge:before,
+.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
+.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
+.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
+.#{$fa-css-prefix}-y-combinator-square:before,
+.#{$fa-css-prefix}-yc-square:before,
+.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
+.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
+.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
+.#{$fa-css-prefix}-wechat:before,
+.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
+.#{$fa-css-prefix}-send:before,
+.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
+.#{$fa-css-prefix}-send-o:before,
+.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
+.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
+.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
+.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
+.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
+.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
+.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
+.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
+.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
+.#{$fa-css-prefix}-soccer-ball-o:before,
+.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
+.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
+.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
+.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
+.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
+.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
+.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
+.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
+.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
+.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
+.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
+.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
+.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
+.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
+.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
+.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
+.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
+.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
+.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
+.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
+.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
+.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
+.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
+.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
+.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
+.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
+.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
+.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
+.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
+.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
+.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
+.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
+.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
+.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
+.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
+.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
+.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
+.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
+.#{$fa-css-prefix}-shekel:before,
+.#{$fa-css-prefix}-sheqel:before,
+.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
+.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
+.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
+.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
+.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
+.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
+.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
+.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
+.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
+.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
+.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
+.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
+.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
+.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
+.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
+.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
+.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
+.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
+.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
+.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
+.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
+.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
+.#{$fa-css-prefix}-intersex:before,
+.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
+.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
+.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
+.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
+.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
+.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
+.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
+.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
+.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
+.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
+.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
+.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
+.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
+.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
+.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
+.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
+.#{$fa-css-prefix}-hotel:before,
+.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
+.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
+.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
+.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
+.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
+.#{$fa-css-prefix}-yc:before,
+.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
+.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
+.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
+.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
+.#{$fa-css-prefix}-battery-4:before,
+.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
+.#{$fa-css-prefix}-battery-3:before,
+.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
+.#{$fa-css-prefix}-battery-2:before,
+.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
+.#{$fa-css-prefix}-battery-1:before,
+.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
+.#{$fa-css-prefix}-battery-0:before,
+.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
+.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
+.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
+.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
+.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
+.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
+.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
+.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
+.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
+.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
+.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
+.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
+.#{$fa-css-prefix}-hourglass-1:before,
+.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
+.#{$fa-css-prefix}-hourglass-2:before,
+.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
+.#{$fa-css-prefix}-hourglass-3:before,
+.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
+.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
+.#{$fa-css-prefix}-hand-grab-o:before,
+.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
+.#{$fa-css-prefix}-hand-stop-o:before,
+.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
+.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
+.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
+.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
+.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
+.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
+.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
+.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
+.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
+.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
+.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
+.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
+.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
+.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
+.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
+.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
+.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
+.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
+.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
+.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
+.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
+.#{$fa-css-prefix}-tv:before,
+.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
+.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
+.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
+.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
+.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
+.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
+.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
+.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
+.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
+.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
+.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
+.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
+.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
+.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
+.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
+.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
+.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
+.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
+.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
+.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
+.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
+.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
+.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
+.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
+.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
+.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
+.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
+.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
+.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
+.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
+.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
+.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
+.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
+.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
+.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
+.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
+.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
+.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
+.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
diff --git a/_sass/vendor/font-awesome/_larger.scss b/_sass/vendor/font-awesome/_larger.scss
new file mode 100644
index 0000000..41e9a81
--- /dev/null
+++ b/_sass/vendor/font-awesome/_larger.scss
@@ -0,0 +1,13 @@
+// Icon Sizes
+// -------------------------
+
+/* makes the font 33% larger relative to the icon container */
+.#{$fa-css-prefix}-lg {
+ font-size: (4em / 3);
+ line-height: (3em / 4);
+ vertical-align: -15%;
+}
+.#{$fa-css-prefix}-2x { font-size: 2em; }
+.#{$fa-css-prefix}-3x { font-size: 3em; }
+.#{$fa-css-prefix}-4x { font-size: 4em; }
+.#{$fa-css-prefix}-5x { font-size: 5em; }
diff --git a/_sass/vendor/font-awesome/_list.scss b/_sass/vendor/font-awesome/_list.scss
new file mode 100644
index 0000000..7d1e4d5
--- /dev/null
+++ b/_sass/vendor/font-awesome/_list.scss
@@ -0,0 +1,19 @@
+// List Icons
+// -------------------------
+
+.#{$fa-css-prefix}-ul {
+ padding-left: 0;
+ margin-left: $fa-li-width;
+ list-style-type: none;
+ > li { position: relative; }
+}
+.#{$fa-css-prefix}-li {
+ position: absolute;
+ left: -$fa-li-width;
+ width: $fa-li-width;
+ top: (2em / 14);
+ text-align: center;
+ &.#{$fa-css-prefix}-lg {
+ left: -$fa-li-width + (4em / 14);
+ }
+}
diff --git a/_sass/vendor/font-awesome/_mixins.scss b/_sass/vendor/font-awesome/_mixins.scss
new file mode 100644
index 0000000..f96719b
--- /dev/null
+++ b/_sass/vendor/font-awesome/_mixins.scss
@@ -0,0 +1,26 @@
+// Mixins
+// --------------------------
+
+@mixin fa-icon() {
+ display: inline-block;
+ font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
+ font-size: inherit; // can't have font-size inherit on line above, so need to override
+ text-rendering: auto; // optimizelegibility throws things off #1094
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
+
+@mixin fa-icon-rotate($degrees, $rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
+ -webkit-transform: rotate($degrees);
+ -ms-transform: rotate($degrees);
+ transform: rotate($degrees);
+}
+
+@mixin fa-icon-flip($horiz, $vert, $rotation) {
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
+ -webkit-transform: scale($horiz, $vert);
+ -ms-transform: scale($horiz, $vert);
+ transform: scale($horiz, $vert);
+}
diff --git a/_sass/vendor/font-awesome/_path.scss b/_sass/vendor/font-awesome/_path.scss
new file mode 100644
index 0000000..bb457c2
--- /dev/null
+++ b/_sass/vendor/font-awesome/_path.scss
@@ -0,0 +1,15 @@
+/* FONT PATH
+ * -------------------------- */
+
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
+ src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+ url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
+ url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
+ url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
+ url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
+// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
+ font-weight: normal;
+ font-style: normal;
+}
diff --git a/_sass/vendor/font-awesome/_rotated-flipped.scss b/_sass/vendor/font-awesome/_rotated-flipped.scss
new file mode 100644
index 0000000..a3558fd
--- /dev/null
+++ b/_sass/vendor/font-awesome/_rotated-flipped.scss
@@ -0,0 +1,20 @@
+// Rotated & Flipped Icons
+// -------------------------
+
+.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
+.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
+.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
+
+.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
+.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
+
+// Hook for IE8-9
+// -------------------------
+
+:root .#{$fa-css-prefix}-rotate-90,
+:root .#{$fa-css-prefix}-rotate-180,
+:root .#{$fa-css-prefix}-rotate-270,
+:root .#{$fa-css-prefix}-flip-horizontal,
+:root .#{$fa-css-prefix}-flip-vertical {
+ filter: none;
+}
diff --git a/_sass/vendor/font-awesome/_stacked.scss b/_sass/vendor/font-awesome/_stacked.scss
new file mode 100644
index 0000000..aef7403
--- /dev/null
+++ b/_sass/vendor/font-awesome/_stacked.scss
@@ -0,0 +1,20 @@
+// Stacked Icons
+// -------------------------
+
+.#{$fa-css-prefix}-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
+.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
+.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
diff --git a/_sass/vendor/font-awesome/_variables.scss b/_sass/vendor/font-awesome/_variables.scss
new file mode 100644
index 0000000..0a47110
--- /dev/null
+++ b/_sass/vendor/font-awesome/_variables.scss
@@ -0,0 +1,708 @@
+// Variables
+// --------------------------
+
+$fa-font-path: "../fonts" !default;
+$fa-font-size-base: 14px !default;
+$fa-line-height-base: 1 !default;
+//$fa-font-path: "//netdna.bootstrapcdn.com/font-awesome/4.5.0/fonts" !default; // for referencing Bootstrap CDN font files directly
+$fa-css-prefix: fa !default;
+$fa-version: "4.5.0" !default;
+$fa-border-color: #eee !default;
+$fa-inverse: #fff !default;
+$fa-li-width: (30em / 14) !default;
+
+$fa-var-500px: "\f26e";
+$fa-var-adjust: "\f042";
+$fa-var-adn: "\f170";
+$fa-var-align-center: "\f037";
+$fa-var-align-justify: "\f039";
+$fa-var-align-left: "\f036";
+$fa-var-align-right: "\f038";
+$fa-var-amazon: "\f270";
+$fa-var-ambulance: "\f0f9";
+$fa-var-anchor: "\f13d";
+$fa-var-android: "\f17b";
+$fa-var-angellist: "\f209";
+$fa-var-angle-double-down: "\f103";
+$fa-var-angle-double-left: "\f100";
+$fa-var-angle-double-right: "\f101";
+$fa-var-angle-double-up: "\f102";
+$fa-var-angle-down: "\f107";
+$fa-var-angle-left: "\f104";
+$fa-var-angle-right: "\f105";
+$fa-var-angle-up: "\f106";
+$fa-var-apple: "\f179";
+$fa-var-archive: "\f187";
+$fa-var-area-chart: "\f1fe";
+$fa-var-arrow-circle-down: "\f0ab";
+$fa-var-arrow-circle-left: "\f0a8";
+$fa-var-arrow-circle-o-down: "\f01a";
+$fa-var-arrow-circle-o-left: "\f190";
+$fa-var-arrow-circle-o-right: "\f18e";
+$fa-var-arrow-circle-o-up: "\f01b";
+$fa-var-arrow-circle-right: "\f0a9";
+$fa-var-arrow-circle-up: "\f0aa";
+$fa-var-arrow-down: "\f063";
+$fa-var-arrow-left: "\f060";
+$fa-var-arrow-right: "\f061";
+$fa-var-arrow-up: "\f062";
+$fa-var-arrows: "\f047";
+$fa-var-arrows-alt: "\f0b2";
+$fa-var-arrows-h: "\f07e";
+$fa-var-arrows-v: "\f07d";
+$fa-var-asterisk: "\f069";
+$fa-var-at: "\f1fa";
+$fa-var-automobile: "\f1b9";
+$fa-var-backward: "\f04a";
+$fa-var-balance-scale: "\f24e";
+$fa-var-ban: "\f05e";
+$fa-var-bank: "\f19c";
+$fa-var-bar-chart: "\f080";
+$fa-var-bar-chart-o: "\f080";
+$fa-var-barcode: "\f02a";
+$fa-var-bars: "\f0c9";
+$fa-var-battery-0: "\f244";
+$fa-var-battery-1: "\f243";
+$fa-var-battery-2: "\f242";
+$fa-var-battery-3: "\f241";
+$fa-var-battery-4: "\f240";
+$fa-var-battery-empty: "\f244";
+$fa-var-battery-full: "\f240";
+$fa-var-battery-half: "\f242";
+$fa-var-battery-quarter: "\f243";
+$fa-var-battery-three-quarters: "\f241";
+$fa-var-bed: "\f236";
+$fa-var-beer: "\f0fc";
+$fa-var-behance: "\f1b4";
+$fa-var-behance-square: "\f1b5";
+$fa-var-bell: "\f0f3";
+$fa-var-bell-o: "\f0a2";
+$fa-var-bell-slash: "\f1f6";
+$fa-var-bell-slash-o: "\f1f7";
+$fa-var-bicycle: "\f206";
+$fa-var-binoculars: "\f1e5";
+$fa-var-birthday-cake: "\f1fd";
+$fa-var-bitbucket: "\f171";
+$fa-var-bitbucket-square: "\f172";
+$fa-var-bitcoin: "\f15a";
+$fa-var-black-tie: "\f27e";
+$fa-var-bluetooth: "\f293";
+$fa-var-bluetooth-b: "\f294";
+$fa-var-bold: "\f032";
+$fa-var-bolt: "\f0e7";
+$fa-var-bomb: "\f1e2";
+$fa-var-book: "\f02d";
+$fa-var-bookmark: "\f02e";
+$fa-var-bookmark-o: "\f097";
+$fa-var-briefcase: "\f0b1";
+$fa-var-btc: "\f15a";
+$fa-var-bug: "\f188";
+$fa-var-building: "\f1ad";
+$fa-var-building-o: "\f0f7";
+$fa-var-bullhorn: "\f0a1";
+$fa-var-bullseye: "\f140";
+$fa-var-bus: "\f207";
+$fa-var-buysellads: "\f20d";
+$fa-var-cab: "\f1ba";
+$fa-var-calculator: "\f1ec";
+$fa-var-calendar: "\f073";
+$fa-var-calendar-check-o: "\f274";
+$fa-var-calendar-minus-o: "\f272";
+$fa-var-calendar-o: "\f133";
+$fa-var-calendar-plus-o: "\f271";
+$fa-var-calendar-times-o: "\f273";
+$fa-var-camera: "\f030";
+$fa-var-camera-retro: "\f083";
+$fa-var-car: "\f1b9";
+$fa-var-caret-down: "\f0d7";
+$fa-var-caret-left: "\f0d9";
+$fa-var-caret-right: "\f0da";
+$fa-var-caret-square-o-down: "\f150";
+$fa-var-caret-square-o-left: "\f191";
+$fa-var-caret-square-o-right: "\f152";
+$fa-var-caret-square-o-up: "\f151";
+$fa-var-caret-up: "\f0d8";
+$fa-var-cart-arrow-down: "\f218";
+$fa-var-cart-plus: "\f217";
+$fa-var-cc: "\f20a";
+$fa-var-cc-amex: "\f1f3";
+$fa-var-cc-diners-club: "\f24c";
+$fa-var-cc-discover: "\f1f2";
+$fa-var-cc-jcb: "\f24b";
+$fa-var-cc-mastercard: "\f1f1";
+$fa-var-cc-paypal: "\f1f4";
+$fa-var-cc-stripe: "\f1f5";
+$fa-var-cc-visa: "\f1f0";
+$fa-var-certificate: "\f0a3";
+$fa-var-chain: "\f0c1";
+$fa-var-chain-broken: "\f127";
+$fa-var-check: "\f00c";
+$fa-var-check-circle: "\f058";
+$fa-var-check-circle-o: "\f05d";
+$fa-var-check-square: "\f14a";
+$fa-var-check-square-o: "\f046";
+$fa-var-chevron-circle-down: "\f13a";
+$fa-var-chevron-circle-left: "\f137";
+$fa-var-chevron-circle-right: "\f138";
+$fa-var-chevron-circle-up: "\f139";
+$fa-var-chevron-down: "\f078";
+$fa-var-chevron-left: "\f053";
+$fa-var-chevron-right: "\f054";
+$fa-var-chevron-up: "\f077";
+$fa-var-child: "\f1ae";
+$fa-var-chrome: "\f268";
+$fa-var-circle: "\f111";
+$fa-var-circle-o: "\f10c";
+$fa-var-circle-o-notch: "\f1ce";
+$fa-var-circle-thin: "\f1db";
+$fa-var-clipboard: "\f0ea";
+$fa-var-clock-o: "\f017";
+$fa-var-clone: "\f24d";
+$fa-var-close: "\f00d";
+$fa-var-cloud: "\f0c2";
+$fa-var-cloud-download: "\f0ed";
+$fa-var-cloud-upload: "\f0ee";
+$fa-var-cny: "\f157";
+$fa-var-code: "\f121";
+$fa-var-code-fork: "\f126";
+$fa-var-codepen: "\f1cb";
+$fa-var-codiepie: "\f284";
+$fa-var-coffee: "\f0f4";
+$fa-var-cog: "\f013";
+$fa-var-cogs: "\f085";
+$fa-var-columns: "\f0db";
+$fa-var-comment: "\f075";
+$fa-var-comment-o: "\f0e5";
+$fa-var-commenting: "\f27a";
+$fa-var-commenting-o: "\f27b";
+$fa-var-comments: "\f086";
+$fa-var-comments-o: "\f0e6";
+$fa-var-compass: "\f14e";
+$fa-var-compress: "\f066";
+$fa-var-connectdevelop: "\f20e";
+$fa-var-contao: "\f26d";
+$fa-var-copy: "\f0c5";
+$fa-var-copyright: "\f1f9";
+$fa-var-creative-commons: "\f25e";
+$fa-var-credit-card: "\f09d";
+$fa-var-credit-card-alt: "\f283";
+$fa-var-crop: "\f125";
+$fa-var-crosshairs: "\f05b";
+$fa-var-css3: "\f13c";
+$fa-var-cube: "\f1b2";
+$fa-var-cubes: "\f1b3";
+$fa-var-cut: "\f0c4";
+$fa-var-cutlery: "\f0f5";
+$fa-var-dashboard: "\f0e4";
+$fa-var-dashcube: "\f210";
+$fa-var-database: "\f1c0";
+$fa-var-dedent: "\f03b";
+$fa-var-delicious: "\f1a5";
+$fa-var-desktop: "\f108";
+$fa-var-deviantart: "\f1bd";
+$fa-var-diamond: "\f219";
+$fa-var-digg: "\f1a6";
+$fa-var-dollar: "\f155";
+$fa-var-dot-circle-o: "\f192";
+$fa-var-download: "\f019";
+$fa-var-dribbble: "\f17d";
+$fa-var-dropbox: "\f16b";
+$fa-var-drupal: "\f1a9";
+$fa-var-edge: "\f282";
+$fa-var-edit: "\f044";
+$fa-var-eject: "\f052";
+$fa-var-ellipsis-h: "\f141";
+$fa-var-ellipsis-v: "\f142";
+$fa-var-empire: "\f1d1";
+$fa-var-envelope: "\f0e0";
+$fa-var-envelope-o: "\f003";
+$fa-var-envelope-square: "\f199";
+$fa-var-eraser: "\f12d";
+$fa-var-eur: "\f153";
+$fa-var-euro: "\f153";
+$fa-var-exchange: "\f0ec";
+$fa-var-exclamation: "\f12a";
+$fa-var-exclamation-circle: "\f06a";
+$fa-var-exclamation-triangle: "\f071";
+$fa-var-expand: "\f065";
+$fa-var-expeditedssl: "\f23e";
+$fa-var-external-link: "\f08e";
+$fa-var-external-link-square: "\f14c";
+$fa-var-eye: "\f06e";
+$fa-var-eye-slash: "\f070";
+$fa-var-eyedropper: "\f1fb";
+$fa-var-facebook: "\f09a";
+$fa-var-facebook-f: "\f09a";
+$fa-var-facebook-official: "\f230";
+$fa-var-facebook-square: "\f082";
+$fa-var-fast-backward: "\f049";
+$fa-var-fast-forward: "\f050";
+$fa-var-fax: "\f1ac";
+$fa-var-feed: "\f09e";
+$fa-var-female: "\f182";
+$fa-var-fighter-jet: "\f0fb";
+$fa-var-file: "\f15b";
+$fa-var-file-archive-o: "\f1c6";
+$fa-var-file-audio-o: "\f1c7";
+$fa-var-file-code-o: "\f1c9";
+$fa-var-file-excel-o: "\f1c3";
+$fa-var-file-image-o: "\f1c5";
+$fa-var-file-movie-o: "\f1c8";
+$fa-var-file-o: "\f016";
+$fa-var-file-pdf-o: "\f1c1";
+$fa-var-file-photo-o: "\f1c5";
+$fa-var-file-picture-o: "\f1c5";
+$fa-var-file-powerpoint-o: "\f1c4";
+$fa-var-file-sound-o: "\f1c7";
+$fa-var-file-text: "\f15c";
+$fa-var-file-text-o: "\f0f6";
+$fa-var-file-video-o: "\f1c8";
+$fa-var-file-word-o: "\f1c2";
+$fa-var-file-zip-o: "\f1c6";
+$fa-var-files-o: "\f0c5";
+$fa-var-film: "\f008";
+$fa-var-filter: "\f0b0";
+$fa-var-fire: "\f06d";
+$fa-var-fire-extinguisher: "\f134";
+$fa-var-firefox: "\f269";
+$fa-var-flag: "\f024";
+$fa-var-flag-checkered: "\f11e";
+$fa-var-flag-o: "\f11d";
+$fa-var-flash: "\f0e7";
+$fa-var-flask: "\f0c3";
+$fa-var-flickr: "\f16e";
+$fa-var-floppy-o: "\f0c7";
+$fa-var-folder: "\f07b";
+$fa-var-folder-o: "\f114";
+$fa-var-folder-open: "\f07c";
+$fa-var-folder-open-o: "\f115";
+$fa-var-font: "\f031";
+$fa-var-fonticons: "\f280";
+$fa-var-fort-awesome: "\f286";
+$fa-var-forumbee: "\f211";
+$fa-var-forward: "\f04e";
+$fa-var-foursquare: "\f180";
+$fa-var-frown-o: "\f119";
+$fa-var-futbol-o: "\f1e3";
+$fa-var-gamepad: "\f11b";
+$fa-var-gavel: "\f0e3";
+$fa-var-gbp: "\f154";
+$fa-var-ge: "\f1d1";
+$fa-var-gear: "\f013";
+$fa-var-gears: "\f085";
+$fa-var-genderless: "\f22d";
+$fa-var-get-pocket: "\f265";
+$fa-var-gg: "\f260";
+$fa-var-gg-circle: "\f261";
+$fa-var-gift: "\f06b";
+$fa-var-git: "\f1d3";
+$fa-var-git-square: "\f1d2";
+$fa-var-github: "\f09b";
+$fa-var-github-alt: "\f113";
+$fa-var-github-square: "\f092";
+$fa-var-gittip: "\f184";
+$fa-var-glass: "\f000";
+$fa-var-globe: "\f0ac";
+$fa-var-google: "\f1a0";
+$fa-var-google-plus: "\f0d5";
+$fa-var-google-plus-square: "\f0d4";
+$fa-var-google-wallet: "\f1ee";
+$fa-var-graduation-cap: "\f19d";
+$fa-var-gratipay: "\f184";
+$fa-var-group: "\f0c0";
+$fa-var-h-square: "\f0fd";
+$fa-var-hacker-news: "\f1d4";
+$fa-var-hand-grab-o: "\f255";
+$fa-var-hand-lizard-o: "\f258";
+$fa-var-hand-o-down: "\f0a7";
+$fa-var-hand-o-left: "\f0a5";
+$fa-var-hand-o-right: "\f0a4";
+$fa-var-hand-o-up: "\f0a6";
+$fa-var-hand-paper-o: "\f256";
+$fa-var-hand-peace-o: "\f25b";
+$fa-var-hand-pointer-o: "\f25a";
+$fa-var-hand-rock-o: "\f255";
+$fa-var-hand-scissors-o: "\f257";
+$fa-var-hand-spock-o: "\f259";
+$fa-var-hand-stop-o: "\f256";
+$fa-var-hashtag: "\f292";
+$fa-var-hdd-o: "\f0a0";
+$fa-var-header: "\f1dc";
+$fa-var-headphones: "\f025";
+$fa-var-heart: "\f004";
+$fa-var-heart-o: "\f08a";
+$fa-var-heartbeat: "\f21e";
+$fa-var-history: "\f1da";
+$fa-var-home: "\f015";
+$fa-var-hospital-o: "\f0f8";
+$fa-var-hotel: "\f236";
+$fa-var-hourglass: "\f254";
+$fa-var-hourglass-1: "\f251";
+$fa-var-hourglass-2: "\f252";
+$fa-var-hourglass-3: "\f253";
+$fa-var-hourglass-end: "\f253";
+$fa-var-hourglass-half: "\f252";
+$fa-var-hourglass-o: "\f250";
+$fa-var-hourglass-start: "\f251";
+$fa-var-houzz: "\f27c";
+$fa-var-html5: "\f13b";
+$fa-var-i-cursor: "\f246";
+$fa-var-ils: "\f20b";
+$fa-var-image: "\f03e";
+$fa-var-inbox: "\f01c";
+$fa-var-indent: "\f03c";
+$fa-var-industry: "\f275";
+$fa-var-info: "\f129";
+$fa-var-info-circle: "\f05a";
+$fa-var-inr: "\f156";
+$fa-var-instagram: "\f16d";
+$fa-var-institution: "\f19c";
+$fa-var-internet-explorer: "\f26b";
+$fa-var-intersex: "\f224";
+$fa-var-ioxhost: "\f208";
+$fa-var-italic: "\f033";
+$fa-var-joomla: "\f1aa";
+$fa-var-jpy: "\f157";
+$fa-var-jsfiddle: "\f1cc";
+$fa-var-key: "\f084";
+$fa-var-keyboard-o: "\f11c";
+$fa-var-krw: "\f159";
+$fa-var-language: "\f1ab";
+$fa-var-laptop: "\f109";
+$fa-var-lastfm: "\f202";
+$fa-var-lastfm-square: "\f203";
+$fa-var-leaf: "\f06c";
+$fa-var-leanpub: "\f212";
+$fa-var-legal: "\f0e3";
+$fa-var-lemon-o: "\f094";
+$fa-var-level-down: "\f149";
+$fa-var-level-up: "\f148";
+$fa-var-life-bouy: "\f1cd";
+$fa-var-life-buoy: "\f1cd";
+$fa-var-life-ring: "\f1cd";
+$fa-var-life-saver: "\f1cd";
+$fa-var-lightbulb-o: "\f0eb";
+$fa-var-line-chart: "\f201";
+$fa-var-link: "\f0c1";
+$fa-var-linkedin: "\f0e1";
+$fa-var-linkedin-square: "\f08c";
+$fa-var-linux: "\f17c";
+$fa-var-list: "\f03a";
+$fa-var-list-alt: "\f022";
+$fa-var-list-ol: "\f0cb";
+$fa-var-list-ul: "\f0ca";
+$fa-var-location-arrow: "\f124";
+$fa-var-lock: "\f023";
+$fa-var-long-arrow-down: "\f175";
+$fa-var-long-arrow-left: "\f177";
+$fa-var-long-arrow-right: "\f178";
+$fa-var-long-arrow-up: "\f176";
+$fa-var-magic: "\f0d0";
+$fa-var-magnet: "\f076";
+$fa-var-mail-forward: "\f064";
+$fa-var-mail-reply: "\f112";
+$fa-var-mail-reply-all: "\f122";
+$fa-var-male: "\f183";
+$fa-var-map: "\f279";
+$fa-var-map-marker: "\f041";
+$fa-var-map-o: "\f278";
+$fa-var-map-pin: "\f276";
+$fa-var-map-signs: "\f277";
+$fa-var-mars: "\f222";
+$fa-var-mars-double: "\f227";
+$fa-var-mars-stroke: "\f229";
+$fa-var-mars-stroke-h: "\f22b";
+$fa-var-mars-stroke-v: "\f22a";
+$fa-var-maxcdn: "\f136";
+$fa-var-meanpath: "\f20c";
+$fa-var-medium: "\f23a";
+$fa-var-medkit: "\f0fa";
+$fa-var-meh-o: "\f11a";
+$fa-var-mercury: "\f223";
+$fa-var-microphone: "\f130";
+$fa-var-microphone-slash: "\f131";
+$fa-var-minus: "\f068";
+$fa-var-minus-circle: "\f056";
+$fa-var-minus-square: "\f146";
+$fa-var-minus-square-o: "\f147";
+$fa-var-mixcloud: "\f289";
+$fa-var-mobile: "\f10b";
+$fa-var-mobile-phone: "\f10b";
+$fa-var-modx: "\f285";
+$fa-var-money: "\f0d6";
+$fa-var-moon-o: "\f186";
+$fa-var-mortar-board: "\f19d";
+$fa-var-motorcycle: "\f21c";
+$fa-var-mouse-pointer: "\f245";
+$fa-var-music: "\f001";
+$fa-var-navicon: "\f0c9";
+$fa-var-neuter: "\f22c";
+$fa-var-newspaper-o: "\f1ea";
+$fa-var-object-group: "\f247";
+$fa-var-object-ungroup: "\f248";
+$fa-var-odnoklassniki: "\f263";
+$fa-var-odnoklassniki-square: "\f264";
+$fa-var-opencart: "\f23d";
+$fa-var-openid: "\f19b";
+$fa-var-opera: "\f26a";
+$fa-var-optin-monster: "\f23c";
+$fa-var-outdent: "\f03b";
+$fa-var-pagelines: "\f18c";
+$fa-var-paint-brush: "\f1fc";
+$fa-var-paper-plane: "\f1d8";
+$fa-var-paper-plane-o: "\f1d9";
+$fa-var-paperclip: "\f0c6";
+$fa-var-paragraph: "\f1dd";
+$fa-var-paste: "\f0ea";
+$fa-var-pause: "\f04c";
+$fa-var-pause-circle: "\f28b";
+$fa-var-pause-circle-o: "\f28c";
+$fa-var-paw: "\f1b0";
+$fa-var-paypal: "\f1ed";
+$fa-var-pencil: "\f040";
+$fa-var-pencil-square: "\f14b";
+$fa-var-pencil-square-o: "\f044";
+$fa-var-percent: "\f295";
+$fa-var-phone: "\f095";
+$fa-var-phone-square: "\f098";
+$fa-var-photo: "\f03e";
+$fa-var-picture-o: "\f03e";
+$fa-var-pie-chart: "\f200";
+$fa-var-pied-piper: "\f1a7";
+$fa-var-pied-piper-alt: "\f1a8";
+$fa-var-pinterest: "\f0d2";
+$fa-var-pinterest-p: "\f231";
+$fa-var-pinterest-square: "\f0d3";
+$fa-var-plane: "\f072";
+$fa-var-play: "\f04b";
+$fa-var-play-circle: "\f144";
+$fa-var-play-circle-o: "\f01d";
+$fa-var-plug: "\f1e6";
+$fa-var-plus: "\f067";
+$fa-var-plus-circle: "\f055";
+$fa-var-plus-square: "\f0fe";
+$fa-var-plus-square-o: "\f196";
+$fa-var-power-off: "\f011";
+$fa-var-print: "\f02f";
+$fa-var-product-hunt: "\f288";
+$fa-var-puzzle-piece: "\f12e";
+$fa-var-qq: "\f1d6";
+$fa-var-qrcode: "\f029";
+$fa-var-question: "\f128";
+$fa-var-question-circle: "\f059";
+$fa-var-quote-left: "\f10d";
+$fa-var-quote-right: "\f10e";
+$fa-var-ra: "\f1d0";
+$fa-var-random: "\f074";
+$fa-var-rebel: "\f1d0";
+$fa-var-recycle: "\f1b8";
+$fa-var-reddit: "\f1a1";
+$fa-var-reddit-alien: "\f281";
+$fa-var-reddit-square: "\f1a2";
+$fa-var-refresh: "\f021";
+$fa-var-registered: "\f25d";
+$fa-var-remove: "\f00d";
+$fa-var-renren: "\f18b";
+$fa-var-reorder: "\f0c9";
+$fa-var-repeat: "\f01e";
+$fa-var-reply: "\f112";
+$fa-var-reply-all: "\f122";
+$fa-var-retweet: "\f079";
+$fa-var-rmb: "\f157";
+$fa-var-road: "\f018";
+$fa-var-rocket: "\f135";
+$fa-var-rotate-left: "\f0e2";
+$fa-var-rotate-right: "\f01e";
+$fa-var-rouble: "\f158";
+$fa-var-rss: "\f09e";
+$fa-var-rss-square: "\f143";
+$fa-var-rub: "\f158";
+$fa-var-ruble: "\f158";
+$fa-var-rupee: "\f156";
+$fa-var-safari: "\f267";
+$fa-var-save: "\f0c7";
+$fa-var-scissors: "\f0c4";
+$fa-var-scribd: "\f28a";
+$fa-var-search: "\f002";
+$fa-var-search-minus: "\f010";
+$fa-var-search-plus: "\f00e";
+$fa-var-sellsy: "\f213";
+$fa-var-send: "\f1d8";
+$fa-var-send-o: "\f1d9";
+$fa-var-server: "\f233";
+$fa-var-share: "\f064";
+$fa-var-share-alt: "\f1e0";
+$fa-var-share-alt-square: "\f1e1";
+$fa-var-share-square: "\f14d";
+$fa-var-share-square-o: "\f045";
+$fa-var-shekel: "\f20b";
+$fa-var-sheqel: "\f20b";
+$fa-var-shield: "\f132";
+$fa-var-ship: "\f21a";
+$fa-var-shirtsinbulk: "\f214";
+$fa-var-shopping-bag: "\f290";
+$fa-var-shopping-basket: "\f291";
+$fa-var-shopping-cart: "\f07a";
+$fa-var-sign-in: "\f090";
+$fa-var-sign-out: "\f08b";
+$fa-var-signal: "\f012";
+$fa-var-simplybuilt: "\f215";
+$fa-var-sitemap: "\f0e8";
+$fa-var-skyatlas: "\f216";
+$fa-var-skype: "\f17e";
+$fa-var-slack: "\f198";
+$fa-var-sliders: "\f1de";
+$fa-var-slideshare: "\f1e7";
+$fa-var-smile-o: "\f118";
+$fa-var-soccer-ball-o: "\f1e3";
+$fa-var-sort: "\f0dc";
+$fa-var-sort-alpha-asc: "\f15d";
+$fa-var-sort-alpha-desc: "\f15e";
+$fa-var-sort-amount-asc: "\f160";
+$fa-var-sort-amount-desc: "\f161";
+$fa-var-sort-asc: "\f0de";
+$fa-var-sort-desc: "\f0dd";
+$fa-var-sort-down: "\f0dd";
+$fa-var-sort-numeric-asc: "\f162";
+$fa-var-sort-numeric-desc: "\f163";
+$fa-var-sort-up: "\f0de";
+$fa-var-soundcloud: "\f1be";
+$fa-var-space-shuttle: "\f197";
+$fa-var-spinner: "\f110";
+$fa-var-spoon: "\f1b1";
+$fa-var-spotify: "\f1bc";
+$fa-var-square: "\f0c8";
+$fa-var-square-o: "\f096";
+$fa-var-stack-exchange: "\f18d";
+$fa-var-stack-overflow: "\f16c";
+$fa-var-star: "\f005";
+$fa-var-star-half: "\f089";
+$fa-var-star-half-empty: "\f123";
+$fa-var-star-half-full: "\f123";
+$fa-var-star-half-o: "\f123";
+$fa-var-star-o: "\f006";
+$fa-var-steam: "\f1b6";
+$fa-var-steam-square: "\f1b7";
+$fa-var-step-backward: "\f048";
+$fa-var-step-forward: "\f051";
+$fa-var-stethoscope: "\f0f1";
+$fa-var-sticky-note: "\f249";
+$fa-var-sticky-note-o: "\f24a";
+$fa-var-stop: "\f04d";
+$fa-var-stop-circle: "\f28d";
+$fa-var-stop-circle-o: "\f28e";
+$fa-var-street-view: "\f21d";
+$fa-var-strikethrough: "\f0cc";
+$fa-var-stumbleupon: "\f1a4";
+$fa-var-stumbleupon-circle: "\f1a3";
+$fa-var-subscript: "\f12c";
+$fa-var-subway: "\f239";
+$fa-var-suitcase: "\f0f2";
+$fa-var-sun-o: "\f185";
+$fa-var-superscript: "\f12b";
+$fa-var-support: "\f1cd";
+$fa-var-table: "\f0ce";
+$fa-var-tablet: "\f10a";
+$fa-var-tachometer: "\f0e4";
+$fa-var-tag: "\f02b";
+$fa-var-tags: "\f02c";
+$fa-var-tasks: "\f0ae";
+$fa-var-taxi: "\f1ba";
+$fa-var-television: "\f26c";
+$fa-var-tencent-weibo: "\f1d5";
+$fa-var-terminal: "\f120";
+$fa-var-text-height: "\f034";
+$fa-var-text-width: "\f035";
+$fa-var-th: "\f00a";
+$fa-var-th-large: "\f009";
+$fa-var-th-list: "\f00b";
+$fa-var-thumb-tack: "\f08d";
+$fa-var-thumbs-down: "\f165";
+$fa-var-thumbs-o-down: "\f088";
+$fa-var-thumbs-o-up: "\f087";
+$fa-var-thumbs-up: "\f164";
+$fa-var-ticket: "\f145";
+$fa-var-times: "\f00d";
+$fa-var-times-circle: "\f057";
+$fa-var-times-circle-o: "\f05c";
+$fa-var-tint: "\f043";
+$fa-var-toggle-down: "\f150";
+$fa-var-toggle-left: "\f191";
+$fa-var-toggle-off: "\f204";
+$fa-var-toggle-on: "\f205";
+$fa-var-toggle-right: "\f152";
+$fa-var-toggle-up: "\f151";
+$fa-var-trademark: "\f25c";
+$fa-var-train: "\f238";
+$fa-var-transgender: "\f224";
+$fa-var-transgender-alt: "\f225";
+$fa-var-trash: "\f1f8";
+$fa-var-trash-o: "\f014";
+$fa-var-tree: "\f1bb";
+$fa-var-trello: "\f181";
+$fa-var-tripadvisor: "\f262";
+$fa-var-trophy: "\f091";
+$fa-var-truck: "\f0d1";
+$fa-var-try: "\f195";
+$fa-var-tty: "\f1e4";
+$fa-var-tumblr: "\f173";
+$fa-var-tumblr-square: "\f174";
+$fa-var-turkish-lira: "\f195";
+$fa-var-tv: "\f26c";
+$fa-var-twitch: "\f1e8";
+$fa-var-twitter: "\f099";
+$fa-var-twitter-square: "\f081";
+$fa-var-umbrella: "\f0e9";
+$fa-var-underline: "\f0cd";
+$fa-var-undo: "\f0e2";
+$fa-var-university: "\f19c";
+$fa-var-unlink: "\f127";
+$fa-var-unlock: "\f09c";
+$fa-var-unlock-alt: "\f13e";
+$fa-var-unsorted: "\f0dc";
+$fa-var-upload: "\f093";
+$fa-var-usb: "\f287";
+$fa-var-usd: "\f155";
+$fa-var-user: "\f007";
+$fa-var-user-md: "\f0f0";
+$fa-var-user-plus: "\f234";
+$fa-var-user-secret: "\f21b";
+$fa-var-user-times: "\f235";
+$fa-var-users: "\f0c0";
+$fa-var-venus: "\f221";
+$fa-var-venus-double: "\f226";
+$fa-var-venus-mars: "\f228";
+$fa-var-viacoin: "\f237";
+$fa-var-video-camera: "\f03d";
+$fa-var-vimeo: "\f27d";
+$fa-var-vimeo-square: "\f194";
+$fa-var-vine: "\f1ca";
+$fa-var-vk: "\f189";
+$fa-var-volume-down: "\f027";
+$fa-var-volume-off: "\f026";
+$fa-var-volume-up: "\f028";
+$fa-var-warning: "\f071";
+$fa-var-wechat: "\f1d7";
+$fa-var-weibo: "\f18a";
+$fa-var-weixin: "\f1d7";
+$fa-var-whatsapp: "\f232";
+$fa-var-wheelchair: "\f193";
+$fa-var-wifi: "\f1eb";
+$fa-var-wikipedia-w: "\f266";
+$fa-var-windows: "\f17a";
+$fa-var-won: "\f159";
+$fa-var-wordpress: "\f19a";
+$fa-var-wrench: "\f0ad";
+$fa-var-xing: "\f168";
+$fa-var-xing-square: "\f169";
+$fa-var-y-combinator: "\f23b";
+$fa-var-y-combinator-square: "\f1d4";
+$fa-var-yahoo: "\f19e";
+$fa-var-yc: "\f23b";
+$fa-var-yc-square: "\f1d4";
+$fa-var-yelp: "\f1e9";
+$fa-var-yen: "\f157";
+$fa-var-youtube: "\f167";
+$fa-var-youtube-play: "\f16a";
+$fa-var-youtube-square: "\f166";
+
diff --git a/_sass/vendor/font-awesome/font-awesome.scss b/_sass/vendor/font-awesome/font-awesome.scss
new file mode 100644
index 0000000..f4668a5
--- /dev/null
+++ b/_sass/vendor/font-awesome/font-awesome.scss
@@ -0,0 +1,17 @@
+/*!
+ * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+
+@import "variables";
+@import "mixins";
+@import "path";
+@import "core";
+@import "larger";
+@import "fixed-width";
+@import "list";
+@import "bordered-pulled";
+@import "animated";
+@import "rotated-flipped";
+@import "stacked";
+@import "icons";
diff --git a/_sass/vendor/neat/_neat-helpers.scss b/_sass/vendor/neat/_neat-helpers.scss
new file mode 100644
index 0000000..e915c69
--- /dev/null
+++ b/_sass/vendor/neat/_neat-helpers.scss
@@ -0,0 +1,7 @@
+// Functions
+@import "functions/private";
+@import "functions/new-breakpoint";
+
+// Settings
+@import "settings/grid";
+@import "settings/visual-grid";
diff --git a/_sass/vendor/neat/_neat.scss b/_sass/vendor/neat/_neat.scss
new file mode 100644
index 0000000..e93d636
--- /dev/null
+++ b/_sass/vendor/neat/_neat.scss
@@ -0,0 +1,21 @@
+// Bourbon Neat 1.6.0.pre
+// MIT Licensed
+// Copyright (c) 2012-2013 thoughtbot, inc.
+
+// Helpers
+@import "neat-helpers";
+
+// Grid
+@import "grid/private";
+@import "grid/reset";
+@import "grid/grid";
+@import "grid/omega";
+@import "grid/outer-container";
+@import "grid/span-columns";
+@import "grid/row";
+@import "grid/shift";
+@import "grid/pad";
+@import "grid/fill-parent";
+@import "grid/media";
+@import "grid/to-deprecate";
+@import "grid/visual-grid";
diff --git a/_sass/vendor/neat/functions/_new-breakpoint.scss b/_sass/vendor/neat/functions/_new-breakpoint.scss
new file mode 100644
index 0000000..a89c9ce
--- /dev/null
+++ b/_sass/vendor/neat/functions/_new-breakpoint.scss
@@ -0,0 +1,16 @@
+@function new-breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {
+
+ @if length($query) == 1 {
+ $query: $default-feature nth($query, 1) $total-columns;
+ }
+
+ @else if length($query) % 2 == 0 {
+ $query: append($query, $total-columns);
+ }
+
+ @if not belongs-to($query, $visual-grid-breakpoints) {
+ $visual-grid-breakpoints: append($visual-grid-breakpoints, $query, comma) !global;
+ }
+
+ @return $query;
+}
diff --git a/_sass/vendor/neat/functions/_private.scss b/_sass/vendor/neat/functions/_private.scss
new file mode 100644
index 0000000..6f03cfc
--- /dev/null
+++ b/_sass/vendor/neat/functions/_private.scss
@@ -0,0 +1,125 @@
+// Checks if a number is even
+@function is-even($int) {
+ @if $int%2 == 0 {
+ @return true;
+ }
+
+ @return false;
+}
+
+// Checks if an element belongs to a list
+@function belongs-to($tested-item, $list) {
+ @each $item in $list {
+ @if $item == $tested-item {
+ @return true;
+ }
+ }
+
+ @return false;
+}
+
+// Contains display value
+@function contains-display-value($query) {
+ @if belongs-to(table, $query) or belongs-to(block, $query) or belongs-to(inline-block, $query) or belongs-to(inline, $query) {
+ @return true;
+ }
+
+ @return false;
+}
+
+// Parses the first argument of span-columns()
+@function container-span($span: $span) {
+ @if length($span) == 3 {
+ $container-columns: nth($span, 3);
+ @return $container-columns;
+ }
+
+ @else if length($span) == 2 {
+ $container-columns: nth($span, 2);
+ @return $container-columns;
+ }
+
+ @else {
+ @return $grid-columns;
+ }
+}
+
+@function container-shift($shift: $shift) {
+ $parent-columns: $grid-columns !global !default;
+
+ @if length($shift) == 3 {
+ $container-columns: nth($shift, 3);
+ @return $container-columns;
+ }
+
+ @else if length($shift) == 2 {
+ $container-columns: nth($shift, 2);
+ @return $container-columns;
+ }
+
+ @else {
+ @return $parent-columns;
+ }
+}
+
+// Generates a striped background
+@function gradient-stops($grid-columns, $color: $visual-grid-color) {
+ $transparent: rgba(0,0,0,0);
+
+ $column-width: flex-grid(1, $grid-columns);
+ $gutter-width: flex-gutter($grid-columns);
+ $column-offset: $column-width;
+
+ $values: ($transparent 0, $color 0);
+
+ @for $i from 1 to $grid-columns*2 {
+ @if is-even($i) {
+ $values: append($values, $transparent $column-offset, comma);
+ $values: append($values, $color $column-offset, comma);
+ $column-offset: $column-offset + $column-width;
+ }
+
+ @else {
+ $values: append($values, $color $column-offset, comma);
+ $values: append($values, $transparent $column-offset, comma);
+ $column-offset: $column-offset + $gutter-width;
+ }
+ }
+
+ @return $values;
+}
+
+// Layout direction
+@function get-direction($layout, $default) {
+ $direction: nil;
+
+ @if $layout == LTR or $layout == RTL {
+ $direction: direction-from-layout($layout);
+ } @else {
+ $direction: direction-from-layout($default);
+ }
+
+ @return $direction;
+}
+
+@function direction-from-layout($layout) {
+ $direction: nil;
+
+ @if $layout == LTR {
+ $direction: right;
+ } @else {
+ $direction: left;
+ }
+
+ @return $direction;
+}
+
+@function get-opposite-direction($direction) {
+ $opposite-direction: left;
+
+ @if $direction == left {
+ $opposite-direction: right;
+ }
+
+ @return $opposite-direction;
+}
diff --git a/_sass/vendor/neat/grid/_fill-parent.scss b/_sass/vendor/neat/grid/_fill-parent.scss
new file mode 100644
index 0000000..859c977
--- /dev/null
+++ b/_sass/vendor/neat/grid/_fill-parent.scss
@@ -0,0 +1,7 @@
+@mixin fill-parent() {
+ width: 100%;
+
+ @if $border-box-sizing == false {
+ @include box-sizing(border-box);
+ }
+}
diff --git a/_sass/vendor/neat/grid/_grid.scss b/_sass/vendor/neat/grid/_grid.scss
new file mode 100644
index 0000000..e074b6c
--- /dev/null
+++ b/_sass/vendor/neat/grid/_grid.scss
@@ -0,0 +1,5 @@
+@if $border-box-sizing == true {
+ * {
+ @include box-sizing(border-box);
+ }
+}
diff --git a/_sass/vendor/neat/grid/_media.scss b/_sass/vendor/neat/grid/_media.scss
new file mode 100644
index 0000000..bf27f70
--- /dev/null
+++ b/_sass/vendor/neat/grid/_media.scss
@@ -0,0 +1,38 @@
+@mixin media($query:$feature $value $columns, $total-columns: $grid-columns) {
+ @if length($query) == 1 {
+ @media screen and ($default-feature: nth($query, 1)) {
+ $default-grid-columns: $grid-columns;
+ $grid-columns: $total-columns !global;
+ @content;
+ $grid-columns: $default-grid-columns !global;
+ }
+ }
+
+ @else {
+ $loopTo: length($query);
+ $mediaQuery: 'screen and ';
+ $default-grid-columns: $grid-columns;
+ $grid-columns: $total-columns !global;
+
+ @if length($query) % 2 != 0 {
+ $grid-columns: nth($query, $loopTo) !global;
+ $loopTo: $loopTo - 1;
+ }
+
+ $i: 1;
+ @while $i <= $loopTo {
+ $mediaQuery: $mediaQuery + '(' + nth($query, $i) + ': ' + nth($query, $i + 1) + ') ';
+
+ @if ($i + 1) != $loopTo {
+ $mediaQuery: $mediaQuery + 'and ';
+ }
+
+ $i: $i + 2;
+ }
+
+ @media #{$mediaQuery} {
+ @content;
+ $grid-columns: $default-grid-columns !global;
+ }
+ }
+}
diff --git a/_sass/vendor/neat/grid/_omega.scss b/_sass/vendor/neat/grid/_omega.scss
new file mode 100644
index 0000000..c99ed6c
--- /dev/null
+++ b/_sass/vendor/neat/grid/_omega.scss
@@ -0,0 +1,61 @@
+// Remove last element gutter
+@mixin omega($query: block, $direction: default) {
+ $table: if(belongs-to(table, $query), true, false);
+ $auto: if(belongs-to(auto, $query), true, false);
+
+ @if $direction != default {
+ @warn "The omega mixin will no longer take a $direction argument. To change the layout direction, use row($direction) or set $default-layout-direction instead."
+ } @else {
+ $direction: get-direction($layout-direction, $default-layout-direction);
+ }
+
+ @if $table {
+ @warn "The omega mixin no longer removes padding in table layouts."
+ }
+
+ @if length($query) == 1 {
+ @if $auto {
+ &:last-child {
+ margin-#{$direction}: 0;
+ }
+ }
+
+ @else if contains-display-value($query) and $table == false {
+ margin-#{$direction}: 0;
+ }
+
+ @else {
+ @include nth-child($query, $direction);
+ }
+ }
+
+ @else if length($query) == 2 {
+ @if $auto {
+ &:last-child {
+ margin-#{$direction}: 0;
+ }
+ }
+
+ @else {
+ @include nth-child(nth($query, 1), $direction);
+ }
+ }
+
+ @else {
+ @warn "Too many arguments passed to the omega() mixin."
+ }
+}
+
+@mixin nth-child($query, $direction) {
+ $opposite-direction: get-opposite-direction($direction);
+
+ &:nth-child(#{$query}) {
+ margin-#{$direction}: 0;
+ }
+
+ @if type-of($query) == number {
+ &:nth-child(#{$query}+1) {
+ clear: $opposite-direction;
+ }
+ }
+}
diff --git a/_sass/vendor/neat/grid/_outer-container.scss b/_sass/vendor/neat/grid/_outer-container.scss
new file mode 100644
index 0000000..22c541f
--- /dev/null
+++ b/_sass/vendor/neat/grid/_outer-container.scss
@@ -0,0 +1,8 @@
+@mixin outer-container {
+ @include clearfix;
+ max-width: $max-width;
+ margin: {
+ left: auto;
+ right: auto;
+ }
+}
diff --git a/_sass/vendor/neat/grid/_pad.scss b/_sass/vendor/neat/grid/_pad.scss
new file mode 100644
index 0000000..3ef5d80
--- /dev/null
+++ b/_sass/vendor/neat/grid/_pad.scss
@@ -0,0 +1,8 @@
+@mixin pad($padding: flex-gutter()) {
+ $padding-list: null;
+ @each $value in $padding {
+ $value: if($value == 'default', flex-gutter(), $value);
+ $padding-list: join($padding-list, $value);
+ }
+ padding: $padding-list;
+}
diff --git a/_sass/vendor/neat/grid/_private.scss b/_sass/vendor/neat/grid/_private.scss
new file mode 100644
index 0000000..b195336
--- /dev/null
+++ b/_sass/vendor/neat/grid/_private.scss
@@ -0,0 +1,43 @@
+$parent-columns: $grid-columns !default;
+$fg-column: $column;
+$fg-gutter: $gutter;
+$fg-max-columns: $grid-columns;
+$container-display-table: false !default;
+$layout-direction: nil !default;
+
+@function flex-grid($columns, $container-columns: $fg-max-columns) {
+ $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+ @return percentage($width / $container-width);
+}
+
+@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
+ $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+ @return percentage($gutter / $container-width);
+}
+
+@function grid-width($n) {
+ @return $n * $gw-column + ($n - 1) * $gw-gutter;
+}
+
+@function get-parent-columns($columns) {
+ @if $columns != $grid-columns {
+ $parent-columns: $columns !global;
+ } @else {
+ $parent-columns: $grid-columns !global;
+ }
+
+ @return $parent-columns;
+}
+
+@function is-display-table($container-is-display-table, $display) {
+ $display-table: false;
+
+ @if $container-is-display-table == true {
+ $display-table: true;
+ } @else if $display == table {
+ $display-table: true;
+ }
+
+ @return $display-table;
+}
diff --git a/_sass/vendor/neat/grid/_reset.scss b/_sass/vendor/neat/grid/_reset.scss
new file mode 100644
index 0000000..496c4a7
--- /dev/null
+++ b/_sass/vendor/neat/grid/_reset.scss
@@ -0,0 +1,12 @@
+@mixin reset-display {
+ $container-display-table: false !global;
+}
+
+@mixin reset-layout-direction {
+ $layout-direction: $default-layout-direction !global;
+}
+
+@mixin reset-all {
+ @include reset-display;
+ @include reset-layout-direction;
+}
diff --git a/_sass/vendor/neat/grid/_row.scss b/_sass/vendor/neat/grid/_row.scss
new file mode 100644
index 0000000..81da6d3
--- /dev/null
+++ b/_sass/vendor/neat/grid/_row.scss
@@ -0,0 +1,17 @@
+@mixin row($display: block, $direction: $default-layout-direction) {
+ @include clearfix;
+ $layout-direction: $direction !global;
+
+ @if $display == table {
+ display: table;
+ @include fill-parent;
+ table-layout: fixed;
+ $container-display-table: true !global;
+ }
+
+ @else {
+ display: block;
+ $container-display-table: false !global;
+ }
+}
+
diff --git a/_sass/vendor/neat/grid/_shift.scss b/_sass/vendor/neat/grid/_shift.scss
new file mode 100644
index 0000000..1d27b9b
--- /dev/null
+++ b/_sass/vendor/neat/grid/_shift.scss
@@ -0,0 +1,16 @@
+@mixin shift($n-columns: 1) {
+ @include shift-in-context($n-columns);
+}
+
+@mixin shift-in-context($shift: $columns of $container-columns) {
+ $n-columns: nth($shift, 1);
+ $parent-columns: container-shift($shift) !global;
+
+ $direction: get-direction($layout-direction, $default-layout-direction);
+ $opposite-direction: get-opposite-direction($direction);
+
+ margin-#{$opposite-direction}: $n-columns * flex-grid(1, $parent-columns) + $n-columns * flex-gutter($parent-columns);
+
+ // Reset nesting context
+ $parent-columns: $grid-columns !global;
+}
diff --git a/_sass/vendor/neat/grid/_span-columns.scss b/_sass/vendor/neat/grid/_span-columns.scss
new file mode 100644
index 0000000..c79193d
--- /dev/null
+++ b/_sass/vendor/neat/grid/_span-columns.scss
@@ -0,0 +1,43 @@
+@mixin span-columns($span: $columns of $container-columns, $display: block) {
+ $columns: nth($span, 1);
+ $container-columns: container-span($span);
+
+ // Set nesting context (used by shift())
+ $parent-columns: get-parent-columns($container-columns) !global;
+
+ $direction: get-direction($layout-direction, $default-layout-direction);
+ $opposite-direction: get-opposite-direction($direction);
+
+ $display-table: is-display-table($container-display-table, $display);
+
+ @if $display-table {
+ display: table-cell;
+ width: percentage($columns / $container-columns);
+ } @else {
+ float: #{$opposite-direction};
+
+ @if $display != no-display {
+ display: block;
+ }
+
+ @if $display == collapse {
+ @warn "The 'collapse' argument will be deprecated. Use 'block-collapse' instead."
+ }
+
+ @if $display == collapse or $display == block-collapse {
+ width: flex-grid($columns, $container-columns) + flex-gutter($container-columns);
+
+ &:last-child {
+ width: flex-grid($columns, $container-columns);
+ }
+
+ } @else {
+ margin-#{$direction}: flex-gutter($container-columns);
+ width: flex-grid($columns, $container-columns);
+
+ &:last-child {
+ margin-#{$direction}: 0;
+ }
+ }
+ }
+}
diff --git a/_sass/vendor/neat/grid/_to-deprecate.scss b/_sass/vendor/neat/grid/_to-deprecate.scss
new file mode 100644
index 0000000..d0a681f
--- /dev/null
+++ b/_sass/vendor/neat/grid/_to-deprecate.scss
@@ -0,0 +1,57 @@
+@mixin breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {
+ @warn "The breakpoint() mixin was renamed to media() in Neat 1.0. Please update your project with the new syntax before the next version bump.";
+
+ @if length($query) == 1 {
+ @media screen and ($default-feature: nth($query, 1)) {
+ $default-grid-columns: $grid-columns;
+ $grid-columns: $total-columns;
+ @content;
+ $grid-columns: $default-grid-columns;
+ }
+ }
+
+ @else if length($query) == 2 {
+ @media screen and (nth($query, 1): nth($query, 2)) {
+ $default-grid-columns: $grid-columns;
+ $grid-columns: $total-columns;
+ @content;
+ $grid-columns: $default-grid-columns;
+ }
+ }
+
+ @else if length($query) == 3 {
+ @media screen and (nth($query, 1): nth($query, 2)) {
+ $default-grid-columns: $grid-columns;
+ $grid-columns: nth($query, 3);
+ @content;
+ $grid-columns: $default-grid-columns;
+ }
+ }
+
+ @else if length($query) == 4 {
+ @media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) {
+ $default-grid-columns: $grid-columns;
+ $grid-columns: $total-columns;
+ @content;
+ $grid-columns: $default-grid-columns;
+ }
+ }
+
+ @else if length($query) == 5 {
+ @media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) {
+ $default-grid-columns: $grid-columns;
+ $grid-columns: nth($query, 5);
+ @content;
+ $grid-columns: $default-grid-columns;
+ }
+ }
+
+ @else {
+ @warn "Wrong number of arguments for breakpoint(). Read the documentation for more details.";
+ }
+}
+
+@mixin nth-omega($nth, $display: block, $direction: default) {
+ @warn "The nth-omega() mixin is deprecated. Please use omega() instead.";
+ @include omega($nth $display, $direction);
+}
diff --git a/_sass/vendor/neat/grid/_visual-grid.scss b/_sass/vendor/neat/grid/_visual-grid.scss
new file mode 100644
index 0000000..1c822fd
--- /dev/null
+++ b/_sass/vendor/neat/grid/_visual-grid.scss
@@ -0,0 +1,41 @@
+@mixin grid-column-gradient($values...) {
+ background-image: deprecated-webkit-gradient(linear, left top, left bottom, $values);
+ background-image: -webkit-linear-gradient(left, $values);
+ background-image: -moz-linear-gradient(left, $values);
+ background-image: -ms-linear-gradient(left, $values);
+ background-image: -o-linear-gradient(left, $values);
+ background-image: unquote("linear-gradient(left, #{$values})");
+}
+
+@if $visual-grid == true or $visual-grid == yes {
+ body:before {
+ content: '';
+ display: inline-block;
+ @include grid-column-gradient(gradient-stops($grid-columns));
+ height: 100%;
+ left: 0;
+ margin: 0 auto;
+ max-width: $max-width;
+ opacity: $visual-grid-opacity;
+ position: fixed;
+ right: 0;
+ width: 100%;
+ pointer-events: none;
+
+ @if $visual-grid-index == back {
+ z-index: -1;
+ }
+
+ @else if $visual-grid-index == front {
+ z-index: 9999;
+ }
+
+ @each $breakpoint in $visual-grid-breakpoints {
+ @if $breakpoint != nil {
+ @include media($breakpoint) {
+ @include grid-column-gradient(gradient-stops($grid-columns));
+ }
+ }
+ }
+ }
+}
diff --git a/_sass/vendor/neat/settings/_grid.scss b/_sass/vendor/neat/settings/_grid.scss
new file mode 100644
index 0000000..f1dcda4
--- /dev/null
+++ b/_sass/vendor/neat/settings/_grid.scss
@@ -0,0 +1,7 @@
+$column: golden-ratio(1em, 3) !default; // Column width
+$gutter: golden-ratio(1em, 1) !default; // Gutter between each two columns
+$grid-columns: 12 !default; // Total number of columns in the grid
+$max-width: em(1088) !default; // Max-width of the outer container
+$border-box-sizing: true !default; // Makes all elements have a border-box layout
+$default-feature: min-width; // Default @media feature for the breakpoint() mixin
+$default-layout-direction: LTR !default;
diff --git a/_sass/vendor/neat/settings/_visual-grid.scss b/_sass/vendor/neat/settings/_visual-grid.scss
new file mode 100644
index 0000000..611c2b3
--- /dev/null
+++ b/_sass/vendor/neat/settings/_visual-grid.scss
@@ -0,0 +1,5 @@
+$visual-grid: false !default; // Display the base grid
+$visual-grid-color: #EEE !default;
+$visual-grid-index: back !default; // Show grid behind content (back) or overlay it over the content (front)
+$visual-grid-opacity: 0.4 !default;
+$visual-grid-breakpoints: () !default;
diff --git a/_templates/archive b/_templates/archive
new file mode 100644
index 0000000..b13a701
--- /dev/null
+++ b/_templates/archive
@@ -0,0 +1,11 @@
+---
+layout: archive
+title: {{ title }}
+date: {{ date }}
+modified:
+excerpt:
+image:
+ feature:
+ teaser:
+ thumb:
+---
diff --git a/_templates/media b/_templates/media
new file mode 100644
index 0000000..bbeac12
--- /dev/null
+++ b/_templates/media
@@ -0,0 +1,13 @@
+---
+layout: media
+title: {{ title }}
+modified:
+categories: {{ dir }}
+excerpt:
+tags: []
+image:
+ feature:
+ teaser:
+ thumb:
+ads: false
+---
diff --git a/_templates/page b/_templates/page
new file mode 100644
index 0000000..50f15fe
--- /dev/null
+++ b/_templates/page
@@ -0,0 +1,12 @@
+---
+layout: {{ layout }}
+title: {{ title }}
+date: {{ date }}
+modified:
+excerpt:
+image:
+ feature:
+ teaser:
+ thumb:
+ads: false
+---
diff --git a/_templates/post b/_templates/post
new file mode 100644
index 0000000..e01e5ba
--- /dev/null
+++ b/_templates/post
@@ -0,0 +1,12 @@
+---
+layout: {{ layout }}
+title: {{ title }}
+modified:
+categories: {{ dir }}
+excerpt:
+tags: []
+image:
+ feature:
+ teaser:
+ thumb:
+---
diff --git a/about.md b/about.md
new file mode 100644
index 0000000..14fbd70
--- /dev/null
+++ b/about.md
@@ -0,0 +1,45 @@
+---
+title: About ARIA TOSCA
+layout: article
+permalink: /about/
+share: false
+---
+
+ARIA is a vendor neutral and technology independent implementation of the OASIS TOSCA specification. ARIA offers a Command Line Interface(CLI) to develop and execute TOSCA templates, and an easily consumable Software Development Kit(SDK) for building TOSCA enabled software. ARIA is an open source, and open governance python project, Apache Software Foundation Incubation, offering an implementation library of the OASIS TOSCA specification.
+
+ARIA was formed to advance adoption of the TOSCA standard and accelerate the industry’s journey towards application orchestration in cloud environments.
+
+ARIA, and TOSCA alike, were born out of the market need for a completely vendor / cloud / technology neutral orchestration that allows for portability and interoperability. ARIA is expected to accelerate the development around the TOSCA specification, advance its adoption, demonstrate simplified portability of TOSCA orchestration, and increase agility through more rapid community contributed iterations.
+
+ARIA it is a framework for implementing orchestration software based on "Topology and Orchestration Specification for Cloud Applications(TOSCA)" a leading cloud-agnostic templating model formulated by the OASIS Foundation.
+
+ARIA offers a library with a programmable interface that allows embedding ARIA into collaborative projects, to enable organizations looking to incorporate TOSCA orchestration capabilities into their solutions.
+
+
+{: .center-image }
+
+
+
+Through ARIA, application vendors will be able to test and run their applications easily, from blueprint to deployment, without the former hassle of developing the orchestration engine themselves, simplifying TOSCA certification and validation exponentially.
+
+
+
+{: .center-image }
+
+## ARIA TOSCA Parser
+ARIA includes a TOSCA DSL parser, the parser’s role is to interpret the TOSCA template, create an in-memory graph of the application and validate template correctness. TOSCA provides a typing system with normative node types to describe the possible building blocks for constructing a service template, as well as relationship types to describe possible kinds of relations. Both node and relationship types may define life-cycle operations to implement the behavior an orchestration engine can invoke when instantiating a service template. The template files are written in declarative YAML language using TOSCA normative types. Technology specific types can be introduced via ARIA Plugins without any modifications of the parser code. ARIA natively supports TOSCA Simple Profile 1.0, and TOSCA Simple Profile for Network Function Virtualization.
+
+#### TOSCA Templates include:
+- YAML Topology Template
+- Plugins
+- Workflows
+- Resources such as scripts and others
+
+## ARIA Workflows
+ARIA Workflows are automated process algorithms that allow dynamic interaction with the graph described by the application topology template. ARIA Workflows describe the flow of the automation by determining when which tasks will be executed. A task may be an operation, optionally implemented by a plugin, or other actions, including arbitrary code or scripts. ARIA Workflows can be embedded within the TOSCA Template to be able to access the graph dynamically. Workflows are implemented as Python code using dedicated APIs and a framework to access the graph and the runtime context of the application, the context provide access to the object graph described in the TOSCA template.
+
+ARIA comes with a number of built-in workflows - these are the workflows for install, uninstall, scale and heal. Built-in workflows are not special in any way - ARIA supports creating custom workflows that use the same APIs build-in workflows are using.
+
+
+## ARIA Plugins
+ARIA Plugins allow extending the TOSCA normative types dynamically by adding new technology specific node types and relationship types, without changing the code of the ARIA TOSCA Parser. The plugins introduce new node types and the implementation that realizes the logic behind every new node type. The plugin based types are isolated, allowing to use different versions of the same plugin in a single blueprint - for example support OpenStack Kilo and OpenStack Juno in the same template. It also allows combining types of different technologies - for example OpenStack nodes with VMware, Amazon, or other types such as Router, Firewall, Kubernetes and others. The work of interacting with IaaS APIs, running scripts, Configuration Management tools, Monitoring tools and any other tools used when managing applications is done by the ARIA Plugins. Plugins can be included as part of the application template package and loaded dynamically. ARIA includes set of plugins that can be used as is or as reference for implementing for new plugins.
diff --git a/apple-touch-icon-precomposed.png b/apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..c7b85e0
--- /dev/null
+++ b/apple-touch-icon-precomposed.png
Binary files differ
diff --git a/community.md b/community.md
new file mode 100644
index 0000000..18af375
--- /dev/null
+++ b/community.md
@@ -0,0 +1,34 @@
+---
+title: ARIA TOSCA Community
+layout: article
+permalink: /community/
+share: false
+---
+
+
+Contribution
+------------
+
+You are welcome and encouraged to participate and contribute to the ARIA project.
+
+Please see our guide to
+[Contributing to ARIA](https://cwiki.apache.org/confluence/display/ARIATOSCA/Contributing+to+ARIA)
+
+
+Resources
+---------
+
+
+- [Issue tracker](https://issues.apache.org/jira/browse/ARIA)
+- Dev mailing list: dev@ariatosca.incubator.apache.org
+- User mailing list: user@ariatosca.incubator.apache.org
+
+Subscribe by sending a mail to ``<group>-subscribe@ariatosca.incubator.apache.org`` (e.g.
+``dev-subscribe@ariatosca.incubator.apache.org``).
+See information on how to subscribe to mailing lists [here](https://www.apache.org/foundation/mailinglists.html).
+
+For past correspondence, see the
+[dev mailing list archive](http://mail-archives.apache.org/mod_mbox/incubator-ariatosca-dev/)
+
+
+If you have any questions or ideas regarding contribution, please let us know on the dev@ariatosca.apache.org mailing list.
diff --git a/gettingstarted.md b/gettingstarted.md
new file mode 100644
index 0000000..2838fb5
--- /dev/null
+++ b/gettingstarted.md
@@ -0,0 +1,100 @@
+---
+title: Getting Started with ARIA TOSCA
+layout: article
+permalink: /getting-started/
+share: false
+---
+
+Installation
+------------
+
+ARIA is [available on PyPI](https://pypi.python.org/pypi/apache-ariatosca).
+
+ARIA requires Python 2.6/2.7. Python 3 is currently not supported.
+
+To install ARIA directly from PyPI (using a ``wheel``), use::
+
+ pip install --upgrade pip setuptools
+ pip install apache-ariatosca
+
+To install ARIA from source, download the source tarball from
+[PyPI](https://pypi.python.org/pypi/apache-ariatosca), extract and ``cd`` into the extract dir, and run::
+
+ pip install --upgrade pip setuptools
+ pip install .
+
+| The source package comes along with relevant examples, documentation, ``requirements.txt`` (for installing specifically the frozen dependencies' versions with which ARIA was tested) and more.
+|
+|
+| ARIA has additional optional dependencies. These are required for running operations over SSH.
+| Below are instructions on how to install these dependencies, including required system dependencies per OS.
+|
+| Note: These dependencies may have varying licenses which may not be compatible with Apache license 2.0.
+|
+
+**Ubuntu/Debian** (tested on Ubuntu14.04, Ubuntu16.04)::
+
+ apt-get install -y python-dev gcc libffi-dev libssl-dev
+ pip install aria[ssh]
+
+**Centos** (tested on Centos6.6, Centos7)::
+
+ yum install -y python-devel gcc libffi-devel openssl-devel
+ pip install aria[ssh]
+
+**Archlinux**::
+
+ pacman -Syu --noconfirm python2 gcc libffi openssl
+ pip2 install aria[ssh]
+
+**Windows** (tested on Win10)::
+
+ # no additional system requirements are needed
+ pip install aria[ssh]
+
+**MacOS**::
+
+ # TODO
+
+
+
+To install ``pip``, either use your distro's package management system, or run::
+
+ wget http://bootstrap.pypa.io/get-pip.py
+ python get-pip.py
+
+
+
+Getting Started
+---------------
+
+This section will describe how to run a simple "Hello World" example.
+
+First, provide ARIA with the ARIA "hello world"(can be download [here](https://github.com/apache/incubator-ariatosca/tree/master/examples/hello-world)) service-template and name it (e.g.
+``my-service-template``)::
+
+ aria service-templates store examples/hello-world/helloworld.yaml my-service-template
+
+Now create a service based on this service-template and name it (e.g. ``my-service``)::
+
+ aria services create my-service -t my-service-template
+
+Finally, start an ``install`` workflow execution on ``my-service`` like so::
+
+ aria executions start install -s my-service
+
+You should now have a simple web-server running on your local machine. You can try visiting
+``http://localhost:9090`` to view your deployed application.
+
+To uninstall and clean your environment, follow these steps::
+
+ aria executions start uninstall -s my-service
+ aria services delete my-service
+ aria service-templates delete my-service-template
+
+
+License
+-------
+
+ARIA is licensed under the
+[Apache License 2.0](https://github.com/apache/incubator-ariatosca/blob/master/LICENSE).
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..064c895
--- /dev/null
+++ b/index.md
@@ -0,0 +1,70 @@
+---
+layout: archive
+permalink: /
+
+---
+
+<!-- Slider Start -->
+<section id="slider">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-10 col-md-offset-2">
+ <div class="block">
+ <h1 class="animated fadeInUp">Apache ARIA TOSCA <br> ORCHESTRATION ENGINE</h1>
+ <p class="animated fadeInUp"> Embeddable lightweight library and command line tool<br />
+ For NFV and Hybrid Cloud Orchestration</p>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
+
+<!-- Wrapper Start -->
+<section id="intro">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-7 col-sm-12">
+ <div class="block">
+ <div class="section-title">
+ <h2>About Apache ARIA TOSCA</h2>
+ <p></p>
+ </div>
+ <p>ARIA TOSCA is an open, light, CLI-driven library of orchestration tools that other open projects can consume to easily build TOSCA-based orchestration solutions. ARIA is now an incubation project at the Apache Software Foundation.</p>
+ </div>
+ </div><!-- .col-md-7 close -->
+ <div class="col-md-5 col-sm-12">
+ <div class="block">
+ <img src="images/aria-logo-large.png" alt="Img">
+ </div>
+ </div><!-- .col-md-5 close -->
+ </div>
+ </div>
+</section>
+
+
+<section id="feature">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-6 col-md-offset-6">
+ <h2>Open Source, Open Governance</h2>
+ <p>OASIS TOSCA offers a vendor neutral standard for modeling cloud based applications, ARIA is an open implementation of the TOSCA specification, allowing complete visibility and free use of all it’s source code https://github.com/apache/incubator-ariatosca</p>
+ <p>AIRA is an Apache Software Foundation project in incubation process, aiming to become an independent project governed by it’s active contributors following a meritocratic model. Committers of project will be leading the project’s direction and influencing thought contribution.</p>
+ <a href="https://www.apache.org/foundation/how-it-works.html" class="btn btn-view-works">Learn More</a>
+ </div>
+ </div>
+ </div>
+</section>
+<!-- Call to action Start -->
+<section id="call-to-action">
+ <div class="container">
+ <div class="row">
+ <div class="col-md-12">
+ <div class="block">
+ <h2>Get Started with Apache ARIA TOSCA</h2>
+ <p></p>
+ <a class="btn btn-default btn-call-to-action" href="/getting-started" >Get Started Now</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</section>
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..4b23dcc
--- /dev/null
+++ b/package.json
@@ -0,0 +1,20 @@
+{
+ "name": "skinny-bones-jekyll",
+ "version": "1.0.0",
+ "private": true,
+ "description": "A Jekyll starter site",
+ "author": "Michael Rose <michael@mademistakes.com>",
+ "homepage": "http://mademistakes.com/",
+ "license": "The MIT License (MIT)",
+ "devDependencies": {
+ "grunt": "~0.4.2",
+ "grunt-contrib-jshint": "~0.8.0",
+ "grunt-contrib-uglify": "~0.3.2",
+ "grunt-contrib-watch": "~0.5.3",
+ "grunt-contrib-imagemin": "~0.5.0",
+ "grunt-svgmin": "~0.3.1",
+ "grunt-imgcompress": "~0.1.1",
+ "grunt-newer": "^0.7.0",
+ "grunt-surround": "^0.1.0"
+ }
+}
diff --git a/roadmap.md b/roadmap.md
new file mode 100644
index 0000000..8e06372
--- /dev/null
+++ b/roadmap.md
@@ -0,0 +1,33 @@
+---
+title: ARIA 0.1.0 Roadmap
+layout: article
+permalink: /roadmap/
+share: false
+---
+
+ARIA's backlod is found [HERE](https://issues.apache.org/jira/secure/RapidBoard.jspa?projectKey=ARIA&rapidView=150&view=planning)
+
+- OASIS TOSCA Simple Profile 1.0 - Support “OASIS TOSCA Simple Profile 1.0” YAML DSL specification.
+
+- OASIS TOSCA Simple Profile 1.0 test suite - Comprehensive coverage of the YAML DSL specification.
+
+- OASIS TOSCA Simple Profile 1.0 for NFV - Implement latest reversion of “TOSCA Simple Profile for NFV” draft03 specification.
+
+- Modular DSL Parser - Modular DSL Parser capable of supporting multiple DSLs and profiles.
+
+- TOSCA Cloud Service Archive(CSAR) Support the standard TOSCA CSAR template archiving format.
+
+- Template Validation - Enabled template validation based on the profile used on application or VNF template
+
+- Deployment Plans Dynamic Generation - Dynamic generation of deployment plans from on the TOSCA template and plugins used in the TOSCA templates.
+
+- Pluggable node Types Plugins mechanism that allows extending the TOSCA normative node types with custom and technology specific node types, allowing TOSCA to natively support the following:
+ - Extend TOSCA Normative types and support introduction of new technology specific node types with their corresponding relationship node types, and lifecycle operation implementations.
+ - Native TOSCA support for Multi-VIM, combination of multiple and mixed environments.
+ - Native TOSCA support for any sVNFM/gVNFM
+
+- Live Attribute Injection - Plugins can set node attributes and fill in TOSCA functions allowing for live requirements-and-capabilities processing
+
+- TOSCA Workflow Execution Engine TOSCA native workflow execution engine that can run over the deployment graph, execute dynamically generated deployment plans from the TOSCA topology temple, support custom workflows addition to graph based workflow execution.
+
+- Model Storage Mechanism Storage mechanism that allows storing the generated objects model and template related resources into filesystem, database and memory.
