+
- {% if page.link %}
- {{ page.title | markdownify | remove: "
- {% else %}
- {{ page.title | markdownify | remove: "
- {% endif %}
+
-
+
{{ content }}
+ {% if page.link %}{% endif %}
-
- -
+
+ {% if site.share and page.share %}{% include social-share.html %}{% endif %}
+
{% if site.comments.provider and page.comments %}
+ {{ page.title | markdownify | remove: "" | remove: "
" }}
- {% else %}
- {{ page.title | markdownify | remove: "" | remove: "
" }}
- {% endif %}
+ {{ page.title | markdownify | remove: "
" | remove: "
" }}- -
{{ site.data.ui-text[site.locale].comments_label }}
{% case site.comments.provider %} {% when "disqus" %} @@ -48,13 +51,14 @@ layout: default {% comment %}{% endcomment %} {% if page.id and page.related and site.related_posts.size > 0 %} - + {% endif %} \ No newline at end of file diff --git a/_pages/category-archive.html b/_pages/category-archive.html index 701ead44..c51ac523 100644 --- a/_pages/category-archive.html +++ b/_pages/category-archive.html @@ -1,17 +1,17 @@ --- layout: archive -permalink: /category-archive/ +permalink: /categories/ title: "Posts by Category" author_profile: false --- {% include base_path %} -{% include group-by-array collection=site.posts field='categories' %} +{% include group-by-array collection=site.posts field="categories" %} {% for category in group_names %} {% assign posts = group_items[forloop.index0] %} -{{ category }}
+{{ category }}
{% for post in posts %} - {% include archive-list-single %} + {% include archive-single.html %} {% endfor %} {% endfor %} \ No newline at end of file diff --git a/_pages/collection-archive.html b/_pages/collection-archive.html index 2c889ee2..89623f7e 100644 --- a/_pages/collection-archive.html +++ b/_pages/collection-archive.html @@ -9,16 +9,16 @@ author_profile: false {% capture written_label %}'None'{% endcapture %} {% for collection in site.collections %} - {% unless collection.output == false or collection.label == 'posts' %} + {% unless collection.output == false or collection.label == "posts" %} {% capture label %}{{ collection.label }}{% endcapture %} {% if label != written_label %} -{{ label }}
+{{ label }}
{% capture written_label %}{{ label }}{% endcapture %} {% endif %} {% endunless %} {% for post in collection.docs %} - {% unless collection.output == false or collection.label == 'posts' %} - {% include archive-list-single %} + {% unless collection.output == false or collection.label == "posts" %} + {% include archive-single.html %} {% endunless %} {% endfor %} {% endfor %} \ No newline at end of file diff --git a/_pages/page-archive.html b/_pages/page-archive.html index f909548f..c1c5d7ca 100644 --- a/_pages/page-archive.html +++ b/_pages/page-archive.html @@ -7,5 +7,5 @@ author_profile: false {% include base_path %} {% for post in site.pages %} - {% include archive-list-single %} + {% include archive-single.html %} {% endfor %} \ No newline at end of file diff --git a/_pages/portfolio-archive.html b/_pages/portfolio-archive.html index 3536585c..4aafb84a 100644 --- a/_pages/portfolio-archive.html +++ b/_pages/portfolio-archive.html @@ -2,15 +2,13 @@ layout: archive title: "Portfolio" permalink: /portfolio/ +author_profile: false --- {% include base_path %} -{% include group-by-array collection=site.portfolio field='categories' %} -{% for category in group_names %} - {% assign posts = group_items[forloop.index0] %} -{{ category }}
- {% for post in posts %} - {% include archive-list-single %} +
+ {% for post in site.portfolio %}
+ {% include archive-single.html type="grid" %}
{% endfor %}
-{% endfor %}
\ No newline at end of file
+
\ No newline at end of file
diff --git a/_pages/recipes-archive.html b/_pages/recipes-archive.html
index a80b81dc..27c6a584 100644
--- a/_pages/recipes-archive.html
+++ b/_pages/recipes-archive.html
@@ -6,12 +6,7 @@ author_profile: false
---
{% include base_path %}
-{% include group-by-array collection=site.recipes field='categories' %}
-{% for category in group_names %}
- {% assign posts = group_items[forloop.index0] %}
- {{ category }}
- {% for post in posts %} - {% include archive-list-single %} - {% endfor %} +{% for post in site.recipes %} + {% include archive-single.html %} {% endfor %} \ No newline at end of file diff --git a/_pages/sitemap.md b/_pages/sitemap.md index 7fe18546..9fd359dc 100644 --- a/_pages/sitemap.md +++ b/_pages/sitemap.md @@ -9,29 +9,29 @@ author_profile: false A list of all the posts and pages found on the site. For you robots out there is an [XML version]({{ base_path }}/sitemap.xml) available for digesting as well. -Pages
+Pages
{% for post in site.pages %} - {% include archive-list-single %} + {% include archive-single.html %} {% endfor %} -Posts
+Posts
{% for post in site.posts %} - {% include archive-list-single %} + {% include archive-single.html %} {% endfor %} {% capture written_label %}'None'{% endcapture %} {% for collection in site.collections %} -{% unless collection.output == false or collection.label == 'posts' %} +{% unless collection.output == false or collection.label == "posts" %} {% capture label %}{{ collection.label }}{% endcapture %} {% if label != written_label %} -{{ label }}
+{{ label }}
{% capture written_label %}{{ label }}{% endcapture %} {% endif %} {% endunless %} {% for post in collection.docs %} - {% unless collection.output == false or collection.label == 'posts' %} - {% include archive-list-single %} + {% unless collection.output == false or collection.label == "posts" %} + {% include archive-single.html %} {% endunless %} {% endfor %} {% endfor %} \ No newline at end of file diff --git a/_pages/tag-archive.html b/_pages/tag-archive.html index 577d856a..1a685d89 100644 --- a/_pages/tag-archive.html +++ b/_pages/tag-archive.html @@ -1,17 +1,17 @@ --- layout: archive -permalink: /tag-archive/ +permalink: /tags/ title: "Posts by Tags" author_profile: false --- {% include base_path %} -{% include group-by-array collection=site.posts field='tags' %} +{% include group-by-array collection=site.posts field="tags" %} {% for tag in group_names %} {% assign posts = group_items[forloop.index0] %} -{{ tag }}
+{{ tag }}
{% for post in posts %} - {% include archive-list-single %} + {% include archive-single.html %} {% endfor %} {% endfor %} \ No newline at end of file diff --git a/_pages/year-archive.html b/_pages/year-archive.html index 4b601de5..16280e66 100644 --- a/_pages/year-archive.html +++ b/_pages/year-archive.html @@ -10,8 +10,8 @@ author_profile: false {% for post in site.posts %} {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %} {% if year != written_year %} -{{ year }}
+{{ year }}
{% capture written_year %}{{ year }}{% endcapture %} {% endif %} - {% include archive-list-single %} + {% include archive-single.html %} {% endfor %} \ No newline at end of file diff --git a/_pets/lhasa-apso.md b/_pets/lhasa-apso.md index 14b94b80..2673b6ba 100644 --- a/_pets/lhasa-apso.md +++ b/_pets/lhasa-apso.md @@ -1,8 +1,6 @@ --- title: "Lhasa Apso" excerpt: "The Lhasa Apso is a non-sporting dog breed originating in Tibet." -categories: - - dog --- > The Lhasa Apso (/ˈlɑːsə ˈæpsoʊ/ lah-sə ap-soh) is a non-sporting dog breed originating in Tibet. It was bred as an interior sentinel in the Buddhist monasteries, to alert the monks to any intruders who entered. Lhasa is the capital city of Tibet, and apso is a word in the Tibetan language meaning "bearded", so, Lhasa Apso simply means "long-haired Lhasa dog". There are, however, some who claim that the word "apso" is a form of the Tibetan word "rapso", meaning "goat-like", which would make the equivalent translation "wooly Lhasa dog". diff --git a/_pets/tabby.md b/_pets/tabby.md index 71ed3151..b62b6745 100644 --- a/_pets/tabby.md +++ b/_pets/tabby.md @@ -1,8 +1,6 @@ --- title: "Tabby" excerpt: "A tabby is any domestic cat that has a coat featuring distinctive stripes, dots, lines or swirling patterns, usually with a mark resembling an 'M' on its forehead." -categories: - - cat --- > A tabby is any domestic cat that has a coat featuring distinctive stripes, dots, lines or swirling patterns, usually together with a mark resembling an 'M' on its forehead. Tabbies are sometimes erroneously assumed to be a cat breed. In fact, the tabby pattern is found in many breeds, as well as among the general mixed-breed population. The tabby pattern is a naturally occurring feature that may be related to the coloration of the domestic cat's direct ancestor, the African wildcat, which (along with the European wildcat and Asiatic wildcat) has a similar coloration. diff --git a/_portfolio/foo-bar-website.md b/_portfolio/foo-bar-website.md index 96bda6f0..d21e2fcc 100644 --- a/_portfolio/foo-bar-website.md +++ b/_portfolio/foo-bar-website.md @@ -3,6 +3,7 @@ title: "Foo Bar Identify" excerpt: "Foo Bar design system including logo mark, website design, and branding applications." header: image: foo-bar-identity.jpg + teaser: foo-bar-identity-th.jpg sidebar: - title: "Role" image: http://placehold.it/350x250 @@ -20,10 +21,6 @@ gallery: - url: unsplash-gallery-image-3.jpg image_path: unsplash-gallery-image-3-th.jpg alt: "placeholder image 3" -categories: - - branding - - web design - - development --- Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman. diff --git a/_posts/2010-01-07-post-modified.md b/_posts/2010-01-07-post-modified.md new file mode 100644 index 00000000..b7457e23 --- /dev/null +++ b/_posts/2010-01-07-post-modified.md @@ -0,0 +1,14 @@ +--- +title: "Post: Modified Date" +modified: 2016-03-09T16:20:02-05:00 +categories: + - Post Formats +tags: + - Post Formats + - readability + - standard +--- + +This post has been updated and should show a modified date if used in a layout. + +All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, "Oh, why can't you remain like this for ever!" This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end. \ No newline at end of file diff --git a/_posts/2010-08-05-post-image-standard.md b/_posts/2010-08-05-post-image-standard.md index d7cfe330..ea7b87ee 100644 --- a/_posts/2010-08-05-post-image-standard.md +++ b/_posts/2010-08-05-post-image-standard.md @@ -7,6 +7,24 @@ tags: - Post Formats --- -The preferred way of using images is placing them in the `/images/` directory and referencing them with an absolute path. Prepending the filename with `{% raw %}{{ site.url }}{{ site.baseurl }}/images/{% endraw %}` well make sure your images display properly in feeds and such. +The preferred way of using images is placing them in the `/images/` directory and referencing them with an absolute path. Prepending the filename with `{% raw %}{{ site.url }}{{ site.baseurl }}/images/{% endraw %}` will make sure your images display properly in feeds and such. - \ No newline at end of file + + +Image that fills page content container by adding the `.full` class with: + +**HTML:** + +```html +
+```
+
+**or Kramdown:**
+
+```markdown
+{% raw %}
+{: .full}{% endraw %}
+```
+
+
+{: .full}
\ No newline at end of file
diff --git a/_posts/2010-09-09-post-gallery.md b/_posts/2010-09-09-post-gallery.md
index d9e99366..74b2fe6a 100644
--- a/_posts/2010-09-09-post-gallery.md
+++ b/_posts/2010-09-09-post-gallery.md
@@ -16,6 +16,15 @@ gallery:
- url: unsplash-gallery-image-3.jpg
image_path: unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
+ - url: unsplash-gallery-image-1.jpg
+ image_path: unsplash-gallery-image-1-th.jpg
+ alt: "placeholder image 1"
+ - url: unsplash-gallery-image-2.jpg
+ image_path: unsplash-gallery-image-2-th.jpg
+ alt: "placeholder image 2"
+ - url: unsplash-gallery-image-3.jpg
+ image_path: unsplash-gallery-image-3-th.jpg
+ alt: "placeholder image 3"
gallery2:
- url: https://flic.kr/p/8a6Ven
image_path: https://farm2.staticflickr.com/1272/4697500467_8294dac099_q.jpg
@@ -86,6 +95,6 @@ And place it like so:
{% include gallery id="gallery2" caption="This is a second gallery example with images hosted externally." %}
-And for giggles one more gallery just to make sure this works.
+And for giggles one more gallery just to make sure this works. To fill page content container add `class="full"`.
-{% include gallery id="gallery3" caption="This is a third gallery example with two images." %}
\ No newline at end of file
+{% include gallery id="gallery3" class="full" caption="This is a third gallery example with two images and fills the entire content container." %}
\ No newline at end of file
diff --git a/_posts/2012-01-03-template-table-of-contents-post.md b/_posts/2012-01-03-template-table-of-contents-post.md
index c2fb1ab8..836643b4 100644
--- a/_posts/2012-01-03-template-table-of-contents-post.md
+++ b/_posts/2012-01-03-template-table-of-contents-post.md
@@ -1,5 +1,8 @@
---
title: "Template: Post with Table Of Contents"
+header:
+ image: unsplash-image-9.jpg
+ caption: "Photo credit: [**Unsplash**](https://unsplash.com)"
tags:
- table of contents
---
@@ -28,12 +31,12 @@ Below is just about everything you'll need to style in the theme. Check the sour
###### Heading 6
-### Body text
+## Body text
Lorem ipsum dolor sit amet, test link adipiscing elit. **This is strong**. Nullam dignissim convallis est. Quisque aliquam.
-{: .image-pull-right}
+{: .image-right}
*This is emphasized*. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). Underline.Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
@@ -74,27 +77,27 @@ HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, c
## Code Snippets
-{% highlight css %}
+```css
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
-{% endhighlight %}
+```
## Buttons
Make any link standout more when applying the `.btn` class.
-{% highlight html %}
+```html
Success Button
-{% endhighlight %}
+```
-
-
-
-
+
+
+
+
## Notices
diff --git a/_posts/2013-01-11-markup-html-tags-and-formatting.md b/_posts/2013-01-11-markup-html-tags-and-formatting.md
index 5d3f40a0..68181af4 100644
--- a/_posts/2013-01-11-markup-html-tags-and-formatting.md
+++ b/_posts/2013-01-11-markup-html-tags-and-formatting.md
@@ -38,22 +38,22 @@ Multi line blockquote with a cite reference:
## Tables
-| Employee | Salary | |
-| -------- | ------ | - |
-| [John Doe](#) | $1 | Because that's all Steve Jobs needed for a salary. |
-| [Jane Doe](#) |$100K |For all the blogging she does. |
-| [Fred Bloggs](#) | $100M | Pictures are worth a thousand words, right? So Jane × 1,000. |
-| [Jane Bloggs](#) | $100B | With hair like that?! Enough said. |
+| Employee | Salary | |
+| -------- | ------ | ------------------------------------------------------------ |
+| [John Doe](#) | $1 | Because that's all Steve Jobs needed for a salary. |
+| [Jane Doe](#) | $100K | For all the blogging she does. |
+| [Fred Bloggs](#) | $100M | Pictures are worth a thousand words, right? So Jane × 1,000. |
+| [Jane Bloggs](#) | $100B | With hair like that?! Enough said. |
| Header1 | Header2 | Header3 |
|:--------|:-------:|--------:|
| cell1 | cell2 | cell3 |
| cell4 | cell5 | cell6 |
-|----
+|-----------------------------|
| cell1 | cell2 | cell3 |
| cell4 | cell5 | cell6 |
-|=====
-| Foot1 | Foot2 | Foot3
+|=============================|
+| Foot1 | Foot2 | Foot3 |
## Definition Lists
@@ -104,21 +104,21 @@ Do It Live
Make any link standout more when applying the `.btn` class.
```html
-Success Button
+Success Button
```
[Primary Button](#){: .btn}
-[Success Button](#){: .btn .btn-success}
-[Warning Button](#){: .btn .btn-warning}
-[Danger Button](#){: .btn .btn-danger}
-[Info Button](#){: .btn .btn-info}
+[Success Button](#){: .btn .btn--success}
+[Warning Button](#){: .btn .btn--warning}
+[Danger Button](#){: .btn .btn--danger}
+[Info Button](#){: .btn .btn--info}
```markdown
[Primary Button Text](#link){: .btn}
-[Success Button Text](#link){: .btn .btn-success}
-[Warning Button Text](#link){: .btn .btn-warning}
-[Danger Button Text](#link){: .btn .btn-danger}
-[Info Button Text](#link){: .btn .btn-info}
+[Success Button Text](#link){: .btn .btn--success}
+[Warning Button Text](#link){: .btn .btn--warning}
+[Danger Button Text](#link){: .btn .btn--danger}
+[Info Button Text](#link){: .btn .btn--info}
```
## Notices
diff --git a/_posts/2016-02-24-welcome-to-jekyll.md b/_posts/2016-02-24-welcome-to-jekyll.md
index bcaa097e..a0ac77d4 100644
--- a/_posts/2016-02-24-welcome-to-jekyll.md
+++ b/_posts/2016-02-24-welcome-to-jekyll.md
@@ -1,5 +1,7 @@
---
title: "Welcome to Jekyll!"
+header:
+ teaser: "http://wpthemetestdata.files.wordpress.com/2008/06/100_5540.jpg?w=604"
categories:
- Jekyll
tags:
diff --git a/_recipes/chocolate-chip-cookies.md b/_recipes/chocolate-chip-cookies.md
index f58e3022..ddd52d78 100644
--- a/_recipes/chocolate-chip-cookies.md
+++ b/_recipes/chocolate-chip-cookies.md
@@ -1,8 +1,5 @@
---
title: "Chocolate Chip Cookies"
-categories:
- - cookies
- - desert
---
A chocolate chip cookie is a drop cookie that originated in the United States and features chocolate chips as its distinguishing ingredient.
diff --git a/_recipes/oatmeal-cookies.md b/_recipes/oatmeal-cookies.md
index 2eb2143c..978ad4fe 100644
--- a/_recipes/oatmeal-cookies.md
+++ b/_recipes/oatmeal-cookies.md
@@ -1,7 +1,5 @@
---
title: "Oatmeal Cookies"
-categories:
- - cookies
---
Oatmeal cookies are a proverbial favorite with both kids and adults. This crisp and chewy cookie is loaded with oats, dried fruit, and chopped nuts.
diff --git a/_recipes/peanut-butter-cookies.md b/_recipes/peanut-butter-cookies.md
index 029c30d6..b5eaae81 100644
--- a/_recipes/peanut-butter-cookies.md
+++ b/_recipes/peanut-butter-cookies.md
@@ -1,7 +1,5 @@
---
title: "Peanut Butter Cookies"
-categories:
- - cookies
---
A peanut butter cookie is a type of cookie that is distinguished for having peanut butter as a principal ingredient. The cookie generally originated in the United States, its development dating back to the 1910s.
diff --git a/assets/_scss/_archive.scss b/assets/_scss/_archive.scss
new file mode 100644
index 00000000..e9cd3556
--- /dev/null
+++ b/assets/_scss/_archive.scss
@@ -0,0 +1,116 @@
+/* ==========================================================================
+ ARCHIVE
+ ========================================================================== */
+
+.archive {
+ margin-bottom: 2em;
+
+ @include breakpoint($medium) {
+ @include span(12 of 12);
+ }
+
+ @include breakpoint($large) {
+ @include span(10 of 12 last);
+ }
+
+ @include breakpoint($x-large) {
+ @include prefix(0.5 of 12);
+ }
+
+ a {
+ text-decoration: none;
+ }
+}
+
+.archive__subtitle {
+ margin: 0;
+ padding-bottom: 0.5em;
+ font-size: 14px;
+ color: mix(#fff, $gray, 25%);
+ border-bottom: 1px solid $border-color;
+}
+
+.archive__item-title {
+ margin-bottom: 4px;
+ font-family: $sans-serif-narrow;
+ font-size: 20px;
+}
+
+.archive__item-excerpt {
+ font-size: 14px;
+
+ & + p {
+ text-indent: 0;
+ }
+}
+
+a:hover {
+ .archive__item-teaser {
+ box-shadow: 0 0 10px rgba(#000, 0.25);
+ }
+
+ .archive__item-title {
+ text-decoration: underline;
+ }
+}
+
+
+/*
+ List view
+ ========================================================================== */
+
+.list__item {
+ @include breakpoint($medium) {
+ padding-right: $right-sidebar-width-narrow;
+ }
+
+ @include breakpoint($large) {
+ padding-right: $right-sidebar-width;
+ }
+
+ @include breakpoint($x-large) {
+ padding-right: $right-sidebar-width-wide;
+ }
+}
+
+
+/*
+ Grid view
+ ========================================================================== */
+
+.grid__item {
+ margin-bottom: 2em;
+
+ .archive__item-excerpt {
+ display: none;
+ }
+
+ .archive__item-teaser {
+ border-radius: $border-radius;
+ img {
+ width: 100%;
+ }
+ }
+
+ @include breakpoint($small) {
+ @include gallery(5 of 10);
+ .archive__item-teaser {
+ max-height: 200px;
+ overflow: hidden;
+ }
+ }
+
+ @include breakpoint($medium) {
+ margin-left: 0; // reset before mixin does its thing
+ margin-right: 0; // reset before mixin does its thing
+ @include gallery(2.5 of 10);
+
+ .archive__item-teaser {
+ max-height: 120px;
+ }
+
+ .archive__item-excerpt {
+ display: block;
+ }
+ }
+}
diff --git a/assets/_scss/_base.scss b/assets/_scss/_base.scss
new file mode 100644
index 00000000..a1097d83
--- /dev/null
+++ b/assets/_scss/_base.scss
@@ -0,0 +1,313 @@
+/* ==========================================================================
+ BASE ELEMENTS
+ ========================================================================== */
+
+body {
+ margin: 0;
+ padding: 0;
+ color: $text-color;
+ font-family: $serif;
+ line-height: 1.5;
+ background-color: $body-color;
+
+ &.overflow--hidden {
+ /* when primary navigation is visible, the content in the background won't scroll */
+ overflow: hidden;
+ }
+}
+
+h1, h2, h3, h4, h5, h6 {
+ line-height: 1.25;
+ font-family: $sans-serif;
+}
+
+h1 {
+ font-size: 32px;
+}
+
+h2 {
+ font-size: 28px;
+}
+
+h3 {
+ font-size: 24px;
+}
+
+h4 {
+ font-size: 18px;
+}
+
+h5 {
+ font-size: 16px;
+}
+
+h6 {
+ font-size: 14px;
+}
+
+small {
+ font-size: 0.8rem;
+}
+
+u,
+ins {
+ text-decoration: none;
+ border-bottom: 1px solid $text-color;
+ a {
+ color: inherit;
+ }
+}
+
+del a {
+ color: inherit;
+}
+
+/* paragraph indents */
+
+p {
+ margin: 0 0 $indent-var;
+
+ // sibling indentation
+ @if $paragraph-indent == true {
+ & + p {
+ text-indent: $indent-var;
+ margin-top: -($indent-var);
+ }
+ }
+}
+
+/* reduce orphans and widows when printing */
+
+p, pre, blockquote, ul, ol, dl, figure, table, fieldset {
+ orphans: 3;
+ widows: 3;
+}
+
+/* abbreviations */
+
+abbr[title],
+abbr[data-original-title] {
+ text-decoration: none;
+ cursor: help;
+ border-bottom: 1px dotted $text-color;
+}
+
+/* blockquotes */
+
+blockquote {
+ margin: 2em 1em 2em 0;
+ padding-left: 1em;
+ padding-right: 1em;
+ font-style: italic;
+ border-left: 0.25em solid $accent-color;
+
+ a {
+ color: inherit;
+ }
+
+ cite {
+ font-family: $sans-serif;
+ font-size: 14px;
+ font-style: normal;
+
+ &:before {
+ content: "\2014";
+ padding-right: 5px;
+ }
+ }
+}
+
+/* links */
+
+a {
+ &:focus {
+ @extend %tab-focus;
+ }
+
+ &:hover,
+ &:active {
+ outline: 0;
+ }
+
+ &:hover {
+ img {
+ box-shadow: 0 0 10px rgba(#000, 0.25);
+ }
+ }
+}
+
+/* lists */
+
+ol, ul {
+ @include breakpoint($small) {
+ padding-left: 0;
+
+ ol, ul {
+ padding: 0.5em 1em;
+ }
+ }
+}
+
+/* code */
+
+tt, code, kbd, samp, pre {
+ font-family: $monospace;
+ font-size: 14px;
+}
+
+pre {
+ overflow-x: auto; // add scrollbars to wide code blocks
+}
+
+p code,
+li code,
+figcaption code {
+ padding-top: 0.1rem;
+ padding-bottom: 0.1rem;
+ background: mix(#fff, $light-gray, 40%);
+ border: 1px solid $light-gray;
+ border-radius: $border-radius;
+
+ &:before, &:after {
+ letter-spacing: -0.2em;
+ content: "\00a0"; // non-breaking space
+ }
+}
+
+/* horizontal rule */
+
+hr {
+ display: block;
+ margin: 1em 0;
+ border: 0;
+ border-top: 1px solid $border-color;
+}
+
+/*
+ Media and embeds
+ ========================================================================== */
+
+/* Figures and images */
+
+figure {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ flex-wrap: wrap;
+ margin: 2em 0;
+
+ img,
+ iframe,
+ .fluid-width-video-wrapper {
+ margin-bottom: 1em;
+ }
+
+ img {
+ width: 100%;
+ border-radius: $border-radius;
+ transition: box-shadow 0.3s;
+ }
+
+ > a {
+ display: block;
+ }
+
+ &.half {
+ > a,
+ > img {
+ @include breakpoint($small) {
+ width: calc(50% - 0.5em);
+ }
+ }
+
+ figcaption {
+ width: 100%;
+ }
+ }
+
+ &.third {
+ > a,
+ > img {
+ @include breakpoint($small) {
+ width: calc(33.3333% - 0.5em);
+ }
+ }
+
+ figcaption {
+ width: 100%;
+ }
+ }
+}
+
+/* Figure captions */
+
+figcaption {
+ margin-bottom: 0.65rem;
+ color: mix(#fff, $text-color, 25%);
+ font-family: $sans-serif;
+ font-size: 0.8rem;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ border-bottom: 1px solid $light-gray;
+ transition: border 0.4s ease-in-out;
+
+ &:hover {
+ color: #000;
+ border-bottom-color: #000;
+ }
+ }
+
+ code {
+ font-size: 0.64rem;
+ }
+}
+
+
+/* Fix IE9 SVG bug */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+
+/*
+ Navigation lists
+ ========================================================================== */
+
+/**
+ * Removes margins, padding, and bullet points from navigation lists
+ *
+ * Example usage:
+ *
+ */
+
+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, form button, input[type="submit"], .btn, .highlight, .archive__item-teaser {
+ transition: all 0.2s ease-in-out;
+}
\ No newline at end of file
diff --git a/assets/_scss/_buttons.scss b/assets/_scss/_buttons.scss
new file mode 100644
index 00000000..e84150b4
--- /dev/null
+++ b/assets/_scss/_buttons.scss
@@ -0,0 +1,135 @@
+/* ==========================================================================
+ BUTTONS
+ ========================================================================== */
+
+/*
+ Default button
+ ========================================================================== */
+
+.btn {
+ /* default button */
+ display: inline-block;
+ margin-bottom: 0.25em;
+ padding: 10px 20px;
+ color: #fff !important;
+ font-family: $sans-serif;
+ font-size: 0.8rem;
+ font-weight: bold;
+ line-height: 1.5;
+ text-align: center;
+ text-decoration: none;
+ background-color: #000;
+ border: 0 !important;
+ border-radius: $border-radius;
+ cursor: pointer;
+
+ &:hover {
+ background-color: mix(white, #000, 20%);
+ }
+
+ .icon {
+ margin-right: 0.5em;
+ }
+
+ .icon + .hidden {
+ margin-left: -0.5em; // override for hidden text
+ }
+
+ /* fills width of parent container */
+
+ &--block {
+ display: block;
+ width: 100%;
+
+ + .btn--block {
+ margin-top: 0.25em;
+ }
+ }
+
+ /* for dark backgrounds */
+
+ &--inverse {
+ color: currentColor !important;
+ border: 1px solid currentColor !important; // override
+ background-color: #fff;
+
+ &:hover {
+ background-color: mix(#000, #fff, 20%);
+ }
+ }
+
+ /* light outline */
+
+ &--light-outline {
+ border: 1px solid #fff !important; // override
+ background-color: transparent;
+ }
+
+ /* information */
+
+ &--info {
+ background-color: $info-color;
+
+ &:hover {
+ background-color: mix(#000, $info-color, 20%);
+ }
+ }
+
+ /* warning */
+
+ &--warning {
+ background-color: $warning-color;
+
+ &:hover {
+ background-color: mix(#000, $warning-color, 20%);
+ }
+ }
+
+ /* success */
+
+ &--success {
+ background-color: $success-color;
+
+ &:hover {
+ background-color: mix(#000, $success-color, 20%);
+ }
+ }
+
+ /* danger */
+
+ &--danger {
+ background-color: $danger-color;
+
+ &:hover {
+ background-color: mix(#000, $danger-color, 20%);
+ }
+ }
+
+ /* disabled */
+
+ &--disabled {
+ pointer-events: none;
+ cursor: not-allowed;
+ filter: alpha(opacity=65);
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ opacity: 0.65;
+ }
+
+ /* social buttons */
+
+ $social:
+ (facebook, $facebook-color),
+ (twitter, $twitter-color),
+ (google-plus, $google-plus-color);
+
+ @each $socialnetwork, $color in $social {
+ &--#{$socialnetwork} {
+ background-color: $color;
+
+ &:hover {
+ background-color: mix(#000, $color, 20%);
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/assets/_scss/_footer.scss b/assets/_scss/_footer.scss
new file mode 100644
index 00000000..587f74b8
--- /dev/null
+++ b/assets/_scss/_footer.scss
@@ -0,0 +1,71 @@
+/* ==========================================================================
+ FOOTER
+ ========================================================================== */
+
+.page__footer {
+ @include container;
+ @include clearfix;
+ margin-top: 3em;
+ padding: 0 2em 3em;
+
+ @include breakpoint($large) {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
+ @include breakpoint($x-large) {
+ max-width: $x-large;
+ }
+
+ a {
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+}
+
+.page__footer-copyright {
+ @include breakpoint($large) {
+ @include prefix(2 of 12);
+ }
+
+ @include breakpoint($x-large) {
+ @include prefix(2.5 of 12);
+ }
+
+ font-size: 14px;
+}
+
+.page__footer-follow {
+ @include breakpoint($large) {
+ @include prefix(2 of 12);
+ }
+
+ @include breakpoint($x-large) {
+ @include prefix(2.5 of 12);
+ }
+
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+
+ li {
+ display: inline-block;
+ font-family: $sans-serif-narrow;
+ font-size: 16px;
+ text-transform: uppercase;
+ }
+
+ li + li:before {
+ content: "";
+ padding-right: 5px;
+ }
+
+ a {
+ font-weight: bold;
+ }
+}
\ No newline at end of file
diff --git a/assets/_scss/_forms.scss b/assets/_scss/_forms.scss
new file mode 100644
index 00000000..329f2bc2
--- /dev/null
+++ b/assets/_scss/_forms.scss
@@ -0,0 +1,350 @@
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+btnform {
+ margin: 0 0 5px 0;
+
+ fieldset {
+ margin-bottom: 5px;
+ padding: 0;
+ border-width: 0;
+ }
+
+ legend {
+ display: block;
+ width: 100%;
+ margin-bottom: 5px * 2;
+ *margin-left: -7px;
+ padding: 0;
+ color: $text-color;
+ border: 0;
+ border-bottom: 1px solid mix(#fff, #000, 80%);
+ white-space: normal;
+ }
+
+ p {
+ margin-bottom: 5px / 2;
+ }
+
+ ul {
+ list-style-type: none;
+ margin: 0 0 5px 0;
+ padding: 0;
+ }
+
+ br {
+ display: none;
+ }
+}
+
+label,
+input,
+button,
+select,
+textarea {
+ vertical-align: baseline;
+ *vertical-align: middle;
+}
+
+input,
+button,
+select,
+textarea {
+ font-family: $serif;
+ box-sizing: border-box;
+}
+
+label {
+ display: block;
+ margin-bottom: 10px / 8;
+ font-weight: bold;
+ color: $text-color;
+ cursor: pointer;
+
+ input,
+ textarea,
+ select {
+ display: block;
+ }
+}
+
+input,
+textarea,
+select {
+ display: inline-block;
+ width: 100%;
+ padding: 4px;
+ margin-bottom: 5px / 4;
+ background-color: #fff;
+ border: 1px solid mix(#fff, #000, 80%);
+ color: $text-color;
+
+ &:hover {
+ border-color: mix(#fff, $accent-color, 50%);
+ }
+}
+
+.input-mini {
+ width: 60px;
+}
+
+.input-small {
+ width: 90px;
+}
+
+input[type="image"],
+input[type="checkbox"],
+input[type="radio"] {
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 3px 0;
+ *margin-top: 0;
+ line-height: normal;
+ cursor: pointer;
+ border-radius: 0;
+ border: 0 \9;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+ *width: 13px;
+ *height: 13px;
+}
+
+input[type="image"] {
+ border: 0;
+ box-shadow: none;
+}
+
+input[type="file"] {
+ width: auto;
+ padding: initial;
+ line-height: initial;
+ border: initial;
+ background-color: transparent;
+ background-color: initial;
+ box-shadow: none;
+}
+
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ width: auto;
+ height: auto;
+ cursor: pointer;
+ *overflow: visible;
+}
+
+select,
+input[type="file"] {
+ *margin-top: 4px;
+}
+
+select {
+ width: auto;
+ background-color: #fff;
+}
+
+select[multiple],
+select[size] {
+ height: auto;
+}
+
+textarea {
+ resize: vertical;
+ height: auto;
+ overflow: auto;
+ vertical-align: top;
+}
+
+input[type="hidden"] {
+ display: none;
+}
+
+.radio,
+.checkbox {
+ padding-left: 18px;
+ font-weight: normal;
+}
+
+.radio input[type="radio"],
+.checkbox input[type="checkbox"] {
+ float: left;
+ margin-left: -18px;
+}
+
+.radio.inline,
+.checkbox.inline {
+ display: inline-block;
+ padding-top: 5px;
+ margin-bottom: 0;
+ vertical-align: middle;
+}
+
+.radio.inline + .radio.inline,
+.checkbox.inline + .checkbox.inline {
+ margin-left: 10px;
+}
+
+
+/*
+ Disabled state
+ ========================================================================== */
+
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+ opacity: 0.5;
+ cursor: not-allowed;
+}
+
+
+/*
+ Focus & active state
+ ========================================================================== */
+
+input:focus,
+textarea:focus {
+ border-color: $accent-color;
+ outline: 0;
+ outline: thin dotted \9;
+}
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus {
+ box-shadow: none;
+}
+
+
+/*
+ Help text
+ ========================================================================== */
+
+.help-block,
+.help-inline {
+ color: $info-color;
+}
+
+.help-block {
+ display: block;
+ margin-bottom: 1em;
+ line-height: 1em;
+}
+
+.help-inline {
+ display: inline-block;
+ vertical-align: middle;
+ padding-left: 5px;
+}
+
+
+/*
+ .form-inline
+ ========================================================================== */
+
+.form-inline input,
+.form-inline textarea,
+.form-inline select {
+ display: inline-block;
+ margin-bottom: 0;
+}
+
+.form-inline label {
+ display: inline-block;
+}
+
+.form-inline .radio,
+.form-inline .checkbox,
+.form-inline .radio {
+ padding-left: 0;
+ margin-bottom: 0;
+ vertical-align: middle;
+}
+
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
+ float: left;
+ margin-left: 0;
+ margin-right: 3px; }
+
+
+/*
+ .form-search
+ ========================================================================== */
+
+.form-search input,
+.form-search textarea,
+.form-search select {
+ display: inline-block;
+ margin-bottom: 0;
+}
+
+.form-search .search-query {
+ padding-left: 14px;
+ padding-right: 14px;
+ margin-bottom: 0;
+ border-radius: 14px;
+}
+
+.form-search label {
+ display: inline-block;
+}
+
+.form-search .radio,
+.form-search .checkbox,
+.form-inline .radio {
+ padding-left: 0;
+ margin-bottom: 0;
+ vertical-align: middle;
+}
+
+.form-search .radio input[type="radio"],
+.form-search .checkbox input[type="checkbox"] {
+ float: left;
+ margin-left: 0;
+ margin-right: 3px;
+}
+
+
+/*
+ Google search form
+ ========================================================================== */
+
+#goog-fixurl {
+ ul {
+ list-style: none;
+ margin-left: 0;
+ padding-left: 0;
+ li {
+ list-style-type: none;
+ }
+ }
+}
+
+#goog-wm-qt {
+ width: auto;
+ margin-right: 10px;
+ margin-bottom: 20px;
+ padding: 8px 20px;
+ display: inline-block;
+ font-size: 14px;
+ background-color: #fff;
+ color: #000;
+ border-width: 2px !important;
+ border-style: solid !important;
+ border-color: lighten(#000,50);
+ border-radius: $border-radius;
+}
+
+#goog-wm-sb {
+ @extend .btn;
+}
\ No newline at end of file
diff --git a/assets/_scss/_masthead.scss b/assets/_scss/_masthead.scss
new file mode 100644
index 00000000..fd9534a0
--- /dev/null
+++ b/assets/_scss/_masthead.scss
@@ -0,0 +1,73 @@
+/* ==========================================================================
+ MASTHEAD
+ ========================================================================== */
+
+.masthead {
+ @include container;
+ @include clearfix;
+ padding: 2em 2em 1em;
+ font-family: $sans-serif-narrow;
+ font-weight: 700;
+ text-transform: uppercase;
+
+ @include breakpoint($large) {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
+ @include breakpoint($x-large) {
+ max-width: $x-large;
+ }
+
+ nav {
+ z-index: 10;
+ }
+
+ a {
+ text-decoration: none;
+ }
+}
+
+/* Site name */
+.site-name {
+ @include breakpoint($large) {
+ @include prefix(2 of 12);
+ }
+
+ @include breakpoint($x-large) {
+ @include prefix(2.5 of 12);
+ }
+
+ font-size: 24px;
+}
+
+.masthead__menu {
+ @include breakpoint($large) {
+ @include prefix(2 of 12);
+ }
+
+ @include breakpoint($x-large) {
+ @include prefix(2.5 of 12);
+ }
+
+ margin-bottom: 1em;
+ ul {
+ margin: 0;
+ padding: 0;
+ clear: both;
+ list-style-type: none;
+ }
+}
+
+.masthead__menu-item {
+ display: block;
+ list-style-type: none;
+ font-size: 16px;
+ white-space: nowrap;
+
+ a {
+ &:hover {
+ color: $gray;
+ }
+ }
+}
\ No newline at end of file
diff --git a/assets/_scss/_mixins.scss b/assets/_scss/_mixins.scss
new file mode 100644
index 00000000..9302401f
--- /dev/null
+++ b/assets/_scss/_mixins.scss
@@ -0,0 +1,50 @@
+/* ==========================================================================
+ MIXINS
+ ========================================================================== */
+
+%tab-focus {
+ // Default
+ outline: thin dotted $warning-color;
+ // Webkit
+ outline: 5px auto $warning-color;
+ outline-offset: -2px;
+}
+
+/*
+ em function
+ ========================================================================== */
+
+@function em($target, $context: $doc-font-size) {
+ @return ($target / $context) * 1em;
+}
+
+
+/*
+ Bourbon clearfix
+ ========================================================================== */
+
+// Provides an easy way to include a clearfix for containing floats.
+//
+// @link http://cssmojo.com/latest_new_clearfix_so_far/
+//
+// @example scss - Usage
+// .element {
+// @include clearfix;
+// }
+//
+// @example css - CSS Output
+// .element::after {
+// clear: both;
+// content: "";
+// display: table;
+// }
+
+@mixin clearfix {
+ clear: both;
+
+ &::after {
+ clear: both;
+ content: "";
+ display: table;
+ }
+}
\ No newline at end of file
diff --git a/assets/_scss/_navigation.scss b/assets/_scss/_navigation.scss
new file mode 100644
index 00000000..081db23b
--- /dev/null
+++ b/assets/_scss/_navigation.scss
@@ -0,0 +1,164 @@
+/* ==========================================================================
+ NAVIGATION
+ ========================================================================== */
+
+/*
+ Breadcrumb navigation links
+ ========================================================================== */
+
+.breadcrumbs {
+ @include container;
+ @include clearfix;
+ margin-bottom: 1em;
+ padding-left: 2em;
+ padding-right: 2em;
+ font-family: $sans-serif;
+
+ ol {
+ padding: 0;
+ list-style: none;
+ font-size: 14px;
+
+ @include breakpoint($medium) {
+ @include span(10 of 12);
+ @include pre(2);
+ }
+ }
+
+ li {
+ display: inline;
+ }
+
+ .current {
+ font-weight: bold;
+ }
+}
+
+
+/*
+ Post pagination navigation links
+ ========================================================================== */
+
+.pagination {
+ padding-top: 0.5em;
+ border-top: 1px solid $border-color;
+
+ ul {
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+
+ li {
+ display: inline-block;
+ }
+
+ li + li:before {
+ content: "";
+ padding-right: 10px;
+ }
+
+ .current {
+ font-weight: bold;
+ }
+}
+
+
+/*
+ Priority plus navigation
+ ========================================================================== */
+
+.greedy-nav {
+ position: relative;
+ min-width: 250px;
+ background: #fff;
+
+ a {
+ display: block;
+ padding: 10px 20px;
+ text-decoration: none;
+ }
+
+ button {
+ position: absolute;
+ height: 100%;
+ right: 0;
+ padding: 0 10px;
+ border: 0;
+ outline: none;
+ background-color: #000;
+ color: #fff;
+ cursor: pointer;
+ }
+
+ .visible-links {
+ display: inline-table;
+
+ li {
+ display: table-cell;
+
+ &:first-child {
+ font-weight: bold;
+ a {
+ padding-left: 0;
+ }
+ }
+
+ &:last-child {
+ a {
+ padding-right: 0;
+ }
+ }
+ }
+ }
+
+ .hidden-links {
+ position: absolute;
+ top: 100%;
+ right: 0;
+ margin-top: 15px;
+ padding: 5px;
+ border: 1px solid $border-color;
+ border-radius: $border-radius;
+ background: #fff;
+ box-shadow: 0 0 10px rgba(#000, 0.25);
+
+ a {
+ font-size: 0.8em;
+ }
+
+ &:before {
+ content: "";
+ position: absolute;
+ top: -11px;
+ right: 10px;
+ width: 0;
+ border-style: solid;
+ border-width: 0 10px 10px;
+ border-color: $border-color transparent;
+ display: block;
+ z-index: 0;
+ }
+
+ &:after {
+ content: "";
+ position: absolute;
+ top: -10px;
+ right: 10px;
+ width: 0;
+ border-style: solid;
+ border-width: 0 10px 10px;
+ border-color: #fff transparent;
+ display: block;
+ z-index: 1;
+ }
+
+ li {
+ display: block;
+ border-bottom: 1px solid $border-color;
+ &:last-child {
+ border-bottom: none;
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/assets/_scss/_notices.scss b/assets/_scss/_notices.scss
new file mode 100644
index 00000000..6ac2460a
--- /dev/null
+++ b/assets/_scss/_notices.scss
@@ -0,0 +1,87 @@
+/* ==========================================================================
+ NOTICE TEXT BLOCKS
+ ========================================================================== */
+
+/**
+ * Default Kramdown usage (no indents!):
+ *
+ * #### Headline for the Notice
+ * Text for the notice
+ *
+ */
+
+@mixin notice($notice-color) {
+ margin: 2em 0;
+ padding: 1em;
+ background-color: mix(#fff, $notice-color, 90%);
+ border-radius: $border-radius;
+
+ h4 {
+ margin-top: 0 !important; // override
+ margin-bottom: 0.75em;
+ line-height: 1 !important; // override
+ }
+
+ @at-root .page__content #{&} h4 {
+ // using at-root to override .page-content h4 font size
+ margin-bottom: 0;
+ font-size: 1rem;
+ }
+
+ @at-root .page__content #{&} a {
+ border-bottom-width: 2px;
+ box-shadow: none !important; // override
+
+ &:hover {
+ background-color: transparent !important; // override
+ }
+ }
+
+ p {
+ margin-bottom: 0;
+
+ a {
+ border-bottom: 1px solid mix(#fff, $notice-color, 50%) !important; // override
+ }
+ }
+
+ h4 + p {
+ // remove space above paragraphs that appear directly after notice headline
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+ code {
+ background-color: mix(#fff, $notice-color, 70%)
+ }
+}
+
+/* Default notice */
+
+.notice {
+ @include notice($primary-color);
+}
+
+/* Info notice */
+
+.notice--info {
+ @include notice($info-color);
+}
+
+/* Warning notice */
+
+.notice--warning {
+ @include notice($warning-color);
+}
+
+/* Success notice */
+
+.notice--success {
+ @include notice($success-color);
+}
+
+/* Danger notice */
+
+.notice--danger {
+ @include notice($danger-color);
+}
\ No newline at end of file
diff --git a/assets/_scss/_page.scss b/assets/_scss/_page.scss
new file mode 100644
index 00000000..86c38609
--- /dev/null
+++ b/assets/_scss/_page.scss
@@ -0,0 +1,195 @@
+/* ==========================================================================
+ SINGLE PAGE/POST
+ ========================================================================== */
+
+#main {
+ @include container;
+ @include clearfix;
+ position: relative;
+ margin-top: 2em;
+ padding-left: 2em;
+ padding-right: 2em;
+ z-index: 0;
+
+ @include breakpoint($large) {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
+ @include breakpoint($x-large) {
+ max-width: $x-large;
+ }
+}
+
+.page {
+ @include breakpoint($medium) {
+ padding-right: $right-sidebar-width-narrow;
+ }
+
+ @include breakpoint($large) {
+ @include span(10 of 12 last);
+ padding-right: $right-sidebar-width;
+ }
+
+ @include breakpoint($x-large) {
+ @include prefix(0.5 of 12);
+ padding-right: $right-sidebar-width-wide;
+ }
+}
+
+.page__title {
+ margin-top: 0;
+ font-family: $serif;
+}
+
+.page__content {
+ p, li {
+ font-size: 16px;
+ }
+}
+
+.page__hero {
+ position: relative;
+ margin-bottom: 2em;
+ @include clearfix;
+}
+
+.page__hero-image {
+ width: 100%;
+ height: auto;
+ -ms-interpolation-mode: bicubic;
+}
+
+.page__hero-caption {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+ margin: 0 auto;
+ padding: 2px 5px;
+ color: #fff;
+ font-family: $sans-serif;
+ font-size: 10px;
+ background: #000;
+ text-align: right;
+ z-index: 5;
+ opacity: 0.5;
+ border-radius: $border-radius 0 $border-radius 0;
+
+ @include breakpoint($large) {
+ padding: 5px 10px;
+ }
+
+ a {
+ color: #fff;
+ text-decoration: none;
+ }
+}
+
+/*
+ Social sharing
+ ========================================================================== */
+
+.page__share {
+ margin-top: 2em;
+ padding-top: 1em;
+ border-top: 1px solid $border-color;
+}
+
+.page__share-title {
+ font-size: 14px;
+ margin-bottom: 10px;
+ text-transform: uppercase;
+}
+
+
+/*
+ Page meta
+ ========================================================================== */
+
+.page__meta {
+ margin-top: 2em;
+ color: mix(#fff, $gray, 25%);
+ font-family: $sans-serif;
+ font-size: 14px;
+
+ p {
+ margin-bottom: 0.5em;
+ }
+}
+
+.page__meta-title {
+ font-size: 14px;
+ margin-bottom: 10px;
+ text-transform: uppercase;
+}
+
+
+/*
+ Page taxonomy
+ ========================================================================== */
+
+.page__taxonomy {
+ .sep {
+ display: none;
+ }
+}
+
+.page__taxonomy-item {
+ display: inline-block;
+ margin-right: 5px;
+ margin-bottom: 8px;
+ padding: 5px 10px;
+ text-decoration: none;
+ border: 1px solid $light-gray;
+ border-radius: $border-radius;
+
+ &:hover {
+ text-decoration: none;
+ border-color: $gray;
+ }
+}
+
+
+/*
+ Comments
+ ========================================================================== */
+
+.page__comments-title {
+ font-size: 14px;
+ margin-top: 2rem;
+ margin-bottom: 10px;
+ padding-top: 2rem;
+ border-top: 1px solid $border-color;
+ text-transform: uppercase;
+}
+
+
+/*
+ Related
+ ========================================================================== */
+
+.page__related {
+ margin-top: 2em;
+ padding-top: 1em;
+ border-top: 1px solid $border-color;
+ @include clearfix();
+ float: left;
+
+ @include breakpoint($large) {
+ @include pre(2 of 12);
+ }
+
+ @include breakpoint($x-large) {
+ @include pre(2.5 of 12);
+ }
+
+ a {
+ text-decoration: none;
+ }
+}
+
+.page__related-title {
+ font-size: 14px;
+ margin-bottom: 10px;
+ text-transform: uppercase;
+}
\ No newline at end of file
diff --git a/_assets/css/_print.scss b/assets/_scss/_print.scss
similarity index 80%
rename from _assets/css/_print.scss
rename to assets/_scss/_print.scss
index ff66ddce..09bdb1d8 100644
--- a/_assets/css/_print.scss
+++ b/assets/_scss/_print.scss
@@ -2,15 +2,17 @@
PRINT STYLES
========================================================================== */
-/*
+/*
Hide the following elements on print
========================================================================== */
@media print {
- .top-navigation,
- .social-share,
- .related-articles,
- .google-ads {
+ .masthead,
+ .toc,
+ .page__share,
+ .page__related,
+ .ads,
+ .page__footer {
display: none;
}
}
diff --git a/assets/_scss/_reset.scss b/assets/_scss/_reset.scss
new file mode 100644
index 00000000..90f699df
--- /dev/null
+++ b/assets/_scss/_reset.scss
@@ -0,0 +1,179 @@
+/* ==========================================================================
+ STYLE RESETS
+ ========================================================================== */
+
+@include border-box-sizing;
+
+html {
+ /* apply a natural box layout model to all elements */
+ box-sizing: border-box;
+ background-color: $background-color;
+ font-size: 15px;
+
+ @include breakpoint($medium) {
+ font-size: 16px;
+ }
+
+ @include breakpoint($large) {
+ font-size: 18px;
+ }
+
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+
+/* Remove margin */
+
+body { margin: 0; }
+
+/* Selected elements */
+
+::selection {
+ color: #fff;
+ background: #000;
+}
+
+/* Display HTML5 elements in IE6-9 and FF3 */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+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;
+}
+
+/* Remove blue color */
+a {
+ color: inherit;
+}
+
+/* Apply focus state */
+
+a:focus {
+ @extend %tab-focus;
+}
+
+/* Remove outline from links */
+
+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;
+}
+
+/* img border in anchor'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
+ 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
+}
\ No newline at end of file
diff --git a/assets/_scss/_sidebar.scss b/assets/_scss/_sidebar.scss
new file mode 100644
index 00000000..36d2730b
--- /dev/null
+++ b/assets/_scss/_sidebar.scss
@@ -0,0 +1,225 @@
+/* ==========================================================================
+ SIDEBAR
+ ========================================================================== */
+
+/*
+ Default
+ ========================================================================== */
+
+.sidebar {
+ @include clearfix();
+ margin-bottom: 1em;
+
+ @include breakpoint($large) {
+ @include span(2 of 12);
+ @include suffix(0.25 of 12);
+ }
+
+ @include breakpoint($x-large) {
+ padding-right: 0;
+ }
+
+ h2, h3, h4, h5, h6 {
+ margin-bottom: 0;
+ font-family: $sans-serif-narrow;
+ }
+
+ h3 {
+ font-size: 20px;
+ }
+
+ h4 {
+ font-size: 18px;
+ }
+
+ p, li {
+ font-family: $sans-serif;
+ font-size: 14px;
+ line-height: 1.2;
+ }
+
+ img {
+ width: 100%;
+ }
+}
+
+.sidebar__right {
+ @include breakpoint($medium) {
+ position: absolute;
+ top: 0;
+ right: 1em;
+ width: $right-sidebar-width-narrow;
+ padding-left: 2em;
+
+ @include breakpoint($large) {
+ width: $right-sidebar-width;
+ }
+
+ @include breakpoint($x-large) {
+ width: $right-sidebar-width-wide;
+ padding-left: span(1 of 12);
+ }
+ }
+
+ @include breakpoint($large) {
+ right: calc(50% - (0.5 * #{$large}) + 1em); // 50% - 1/2 of wrapper's max-width + wrapper padding
+ }
+
+ @include breakpoint($x-large) {
+ right: calc(50% - (0.5 * #{$x-large}) + 1em); // 50% - 1/2 of wrapper's max-width + wrapper padding
+ }
+}
+
+/*
+ Author profile and links
+ ========================================================================== */
+
+.author__avatar {
+ display: table-cell;
+ vertical-align: top;
+ width: 36px;
+ height: 36px;
+
+ @include breakpoint($large) {
+ display: block;
+ width: 100%;
+ height: 100%;
+ }
+
+ img {
+ max-width: 110px;
+ border-radius: 50%;
+ }
+}
+
+.author__content {
+ display: table-cell;
+ vertical-align: top;
+ vertical-align: top;
+ padding-left: 15px;
+ padding-right: 15px;
+ line-height: 1;
+
+ @include breakpoint($large) {
+ display: block;
+ width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+ }
+}
+
+.author__name {
+ margin: 0;
+ font-size: 18px;
+
+ @include breakpoint($large) {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ font-size: 20px;
+ }
+}
+.sidebar .author__name {
+ font-family: $sans-serif;
+}
+
+.author__bio {
+ margin-bottom: 10px;
+
+ @include breakpoint($large) {
+ margin-bottom: 20px;
+ }
+}
+
+.author__urls-wrapper {
+ position: relative;
+ display: table-cell;
+ vertical-align: middle;
+ font-family: $sans-serif;
+ z-index: 9999;
+ position: relative;
+ cursor: pointer;
+
+ @include breakpoint($large) {
+ display: block;
+ }
+ .btn {
+ margin: 0;
+ padding: 5px 10px;
+ color: mix(#fff, $gray, 25%);
+
+ @include breakpoint($large) {
+ display: none;
+ }
+ }
+}
+
+.author__urls {
+ display: none;
+ position: absolute;
+ right: 0;
+ margin-top: 15px;
+ padding: 10px;
+ list-style-type: none;
+ border: 1px solid $border-color;
+ border-radius: $border-radius;
+ background: #fff;
+ z-index: -1;
+ box-shadow: 0 0 10px rgba(#000, 0.25);
+
+ @include breakpoint($large) {
+ display: block;
+ position: relative;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ background: transparent;
+ box-shadow: none;
+ }
+
+ &:before {
+ display: block;
+ content: "";
+ position: absolute;
+ top: -11px;
+ left: calc(50% - 10px);
+ width: 0;
+ border-style: solid;
+ border-width: 0 10px 10px;
+ border-color: $border-color transparent;
+ z-index: 0;
+
+ @include breakpoint($large) {
+ display: none;
+ }
+ }
+
+ &:after {
+ display: block;
+ content: "";
+ position: absolute;
+ top: -10px;
+ left: calc(50% - 10px);
+ width: 0;
+ border-style: solid;
+ border-width: 0 10px 10px;
+ border-color: #fff transparent;
+ z-index: 1;
+
+ @include breakpoint($large) {
+ display: none;
+ }
+ }
+
+ a {
+ display: block;
+ margin-bottom: 5px;
+ padding-right: 5px;
+ font-size: 14px;
+ text-decoration: none;
+ white-space: nowrap;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+}
\ No newline at end of file
diff --git a/assets/_scss/_syntax.scss b/assets/_scss/_syntax.scss
new file mode 100644
index 00000000..628b482d
--- /dev/null
+++ b/assets/_scss/_syntax.scss
@@ -0,0 +1,118 @@
+/* ==========================================================================
+ Syntax highlighting
+ ========================================================================== */
+
+div.highlighter-rouge, figure.highlight {
+ margin-bottom: 1em;
+ padding: 1em;
+ border: 1px solid $border-color;
+ border-radius: $border-radius;
+
+ .highlight {
+ margin: 0;
+ font-family: $monospace;
+ font-size: 12px;
+ line-height: 1.5;
+ }
+}
+
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight, .highlight .w {
+ color: #303030;
+}
+
+.highlight .err {
+ color: #151515;
+ background-color: #ac4142;
+}
+
+.highlight .c, .highlight .cd, .highlight .cm, .highlight .c1, .highlight .cs {
+ color: #505050;
+}
+
+.highlight .cp {
+ color: #f4bf75;
+}
+
+.highlight .nt {
+ color: #f4bf75;
+}
+
+.highlight .o, .highlight .ow {
+ color: #d0d0d0;
+}
+
+.highlight .p, .highlight .pi {
+ color: #d0d0d0;
+}
+
+.highlight .gi {
+ color: #90a959;
+}
+
+.highlight .gd {
+ color: #ac4142;
+}
+
+.highlight .gh {
+ color: #6a9fb5;
+ background-color: #151515;
+ font-weight: bold;
+}
+
+.highlight .k, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kv {
+ color: #aa759f;
+}
+
+.highlight .kc {
+ color: #d28445;
+}
+
+.highlight .kt {
+ color: #d28445;
+}
+
+.highlight .kd {
+ color: #d28445;
+}
+
+.highlight .s, .highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .sh, .highlight .sx, .highlight .s1 {
+ color: #90a959;
+}
+
+.highlight .sr {
+ color: #75b5aa;
+}
+
+.highlight .si {
+ color: #8f5536;
+}
+
+.highlight .se {
+ color: #8f5536;
+}
+
+.highlight .nn {
+ color: #f4bf75;
+}
+
+.highlight .nc {
+ color: #f4bf75;
+}
+
+.highlight .no {
+ color: #f4bf75;
+}
+
+.highlight .na {
+ color: #6a9fb5;
+}
+
+.highlight .m, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mb, .highlight .mx {
+ color: #90a959;
+}
+
+.highlight .ss {
+ color: #90a959;
+}
\ No newline at end of file
diff --git a/assets/_scss/_tables.scss b/assets/_scss/_tables.scss
new file mode 100644
index 00000000..1f63e58c
--- /dev/null
+++ b/assets/_scss/_tables.scss
@@ -0,0 +1,34 @@
+/* ==========================================================================
+ TABLES
+ ========================================================================== */
+
+table {
+ width: 100%;
+ font-family: $sans-serif;
+ font-size: 0.8rem;
+ border-collapse: collapse;
+ border-bottom: 2px solid $border-color;
+
+ & + table {
+ margin-top: 1em;
+ }
+}
+
+thead {
+ border-bottom: 2px solid $border-color;
+}
+
+th {
+ padding: 0.5em;
+ font-weight: bold;
+ text-align: left;
+}
+
+td {
+ border-bottom: 1px solid $border-color;
+ padding: 0.5em;
+}
+
+tr, td, th {
+ vertical-align: middle;
+}
\ No newline at end of file
diff --git a/assets/_scss/_toc.scss b/assets/_scss/_toc.scss
new file mode 100644
index 00000000..ca2a210a
--- /dev/null
+++ b/assets/_scss/_toc.scss
@@ -0,0 +1,55 @@
+/* ==========================================================================
+ TABLE OF CONTENTS
+ ========================================================================== */
+
+.toc {
+ padding: 0 0 1em;
+ font-family: $sans-serif-narrow;
+ color: $gray;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ background-color: #fff;
+}
+
+.toc__title {
+ margin: 0;
+ padding: 10px 20px;
+ font-family: $sans-serif-narrow;
+ font-size: 16px;
+ border-bottom: 1px solid $border-color;
+}
+
+.toc__menu {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ list-style: none;
+
+ a {
+ display: block;
+ padding: 10px 20px;
+ color: $gray;
+ font-size: 11px;
+ font-weight: bold;
+ line-height: 1.5;
+ border-bottom: 1px solid $border-color;
+
+ &:hover {
+ color: #000;
+ background: $border-color;
+ }
+ }
+
+ li ul > li a {
+ font-weight: normal;
+ }
+
+ // hide sub sub links on small screens
+ li > ul li {
+ display: none;
+
+ @include breakpoint($medium) {
+ display: block;
+ }
+ }
+}
diff --git a/assets/_scss/_utilities.scss b/assets/_scss/_utilities.scss
new file mode 100644
index 00000000..6e062b1a
--- /dev/null
+++ b/assets/_scss/_utilities.scss
@@ -0,0 +1,255 @@
+/* ==========================================================================
+ UTILITY CLASSES
+ ========================================================================== */
+
+/*
+ Visibility
+ ========================================================================== */
+
+/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
+
+.hidden {
+ display: none;
+ visibility: hidden;
+}
+
+/* for preloading images */
+
+.load {
+ display: none;
+}
+
+.transparent {
+ opacity: 0;
+}
+
+/* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
+
+.visually-hidden,
+.screen-reader-text,
+.screen-reader-text span,
+.screen-reader-shortcut {
+ position: absolute !important;
+ clip: rect(1px, 1px, 1px, 1px);
+ height: 1px !important;
+ width: 1px !important;
+ border: 0 !important;
+ overflow: hidden;
+}
+
+body:hover .visually-hidden a,
+body:hover .visually-hidden input,
+body:hover .visually-hidden button {
+ display: none !important;
+}
+
+/* screen readers */
+
+.screen-reader-text:focus,
+.screen-reader-shortcut:focus {
+ clip: auto !important;
+ height: auto !important;
+ width: auto !important;
+ display: block;
+ font-size: 1em;
+ font-weight: bold;
+ padding: 15px 23px 14px;
+ background: #fff;
+ z-index: 100000;
+ text-decoration: none;
+ box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
+}
+
+
+/*
+ Skip links
+ ========================================================================== */
+
+.skip-link {
+ position: fixed;
+ z-index: 20;
+ margin: 0;
+ font-family: $sans-serif;
+ white-space: nowrap;
+}
+
+.skip-link li {
+ height: 0;
+ width: 0;
+ list-style: none;
+}
+
+
+/*
+ Type
+ ========================================================================== */
+
+/* center align */
+
+.center {
+ text-align: center;
+}
+
+
+/*
+ Alignment
+ ========================================================================== */
+
+/* clearfix */
+
+.cf { clear: both; }
+
+
+/*
+ Images
+ ========================================================================== */
+
+/* image align left */
+
+.align-left {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+
+ @include breakpoint($small) {
+ float: left;
+ margin-right: 1em;
+ }
+}
+
+/* image align right */
+
+.align-right {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+
+ @include breakpoint($small) {
+ float: right;
+ margin-left: 1em;
+ }
+}
+
+/* file page content container */
+
+.full {
+ @include breakpoint($large){
+ margin-right: -1 * $right-sidebar-width;
+ }
+}
+
+/*
+ Icons
+ ========================================================================== */
+
+.icon {
+ display: inline-block;
+ fill: currentColor;
+ width: 1em;
+ height: 1.1em;
+ line-height: 1;
+ position: relative;
+ top: -0.1em;
+ vertical-align: middle;
+}
+
+
+/*
+ Navicons
+ ========================================================================== */
+
+$navicon-width : 32px;
+$navicon-height : 4px;
+
+.navicon {
+ position: relative;
+ width: $navicon-width;
+ height: $navicon-height;
+ background: #fff;
+ margin: auto;
+ transition: 0.3s;
+
+ &:before,
+ &:after {
+ content: "";
+ position: absolute;
+ left: 0;
+ width: $navicon-width;
+ height: $navicon-height;
+ background: #fff;
+ transition: 0.3s;
+ }
+
+ &:before {
+ top: (-2 * $navicon-height);
+ }
+
+ &:after {
+ bottom: (-2 * $navicon-height);
+ }
+}
+
+.close .navicon {
+ // hide the middle line
+ background: transparent;
+
+ // overlay the lines by setting both their top values to 0
+ &:before, &:after{
+ transform-origin: 50% 50%;
+ top: 0;
+ width: $navicon-width;
+ }
+
+ // rotate the lines to form the x shape
+ &:before{
+ transform: rotate3d(0,0,1,45deg);
+ }
+ &:after{
+ transform: rotate3d(0,0,1,-45deg);
+ }
+}
+
+
+/*
+ Sticky, fixed to top content
+ ========================================================================== */
+
+.sticky {
+ @include breakpoint($medium) {
+ @include clearfix();
+ position: -webkit-sticky;
+ position: sticky;
+ top: 3em;
+
+ > * {
+ display: block;
+ }
+ }
+}
+
+
+/*
+ Wells
+ ========================================================================== */
+
+.well {
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border: 1px solid #e3e3e3;
+ border-radius: $border-radius;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+
+/*
+ Footnotes
+ ========================================================================== */
+
+.footnotes {
+ ol, li, p {
+ margin-bottom: 0;
+ font-size: 14px;
+ }
+}
\ No newline at end of file
diff --git a/assets/_scss/_variables.scss b/assets/_scss/_variables.scss
new file mode 100644
index 00000000..d02936d0
--- /dev/null
+++ b/assets/_scss/_variables.scss
@@ -0,0 +1,114 @@
+/* ==========================================================================
+ Variables
+ ========================================================================== */
+
+/*
+ Typography
+ ========================================================================== */
+
+$doc-font-size : 16;
+$doc-line-height : 26;
+$paragraph-indent : false !default;
+$indent-var : 0rem + ($doc-line-height / $doc-font-size);
+
+/* system typefaces */
+$serif : Georgia, Times, serif;
+$sans-serif : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
+$monospace : Monaco, Consolas, "Lucida Console", monospace;
+
+/* sans serif typefaces */
+$sans-serif-narrow : $sans-serif;
+$helvetica : Helvetica, "Helvetica Neue", Arial, sans-serif;
+
+/* serif typefaces */
+$georgia : Georgia, serif;
+$times : Times, serif;
+$bodoni : "Bodoni MT", serif;
+$calisto : "Calisto MT", serif;
+$garamond : Garamond, serif;
+
+
+/*
+ Colors
+ ========================================================================== */
+
+$gray : #4c4c4c;
+$dark-gray : #191413;
+$light-gray : #e2e2e2;
+$lighter-gray : #f9f9f9;
+
+$body-color : #fff;
+$background-color : #fff;
+$text-color : #333332;
+$border-color : $light-gray;
+$base-color : #343434;
+$comp-color : spin($base-color, 180);
+$accent-color : #000;
+
+/* buttons */
+$primary-color : #000;
+$success-color : #5cb85c;
+$warning-color : #dd8338;
+$danger-color : #C64537;
+$info-color : #308cbc;
+
+/* brands */
+$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;
+
+/* links */
+$link-color : #343434;
+$link-color-hover : darken($link-color, 10);
+$link-color-visited : lighten($link-color-hover, 20);
+$link-color-focus : darken($link-color-visited, 10);
+
+$border-radius : 4px;
+
+
+/*
+ Breakpoints
+ ========================================================================== */
+
+@include breakpoint-set("to ems", true);
+
+$small : 600px;
+$medium : 768px;
+$medium-wide : 900px;
+$large : 1024px;
+$x-large : 1280px;
+
+
+/*
+ Grid
+ ========================================================================== */
+
+$right-sidebar-width-narrow : 200px;
+$right-sidebar-width : 300px;
+$right-sidebar-width-wide : 400px;
+
+$susy: (
+ columns: 12,
+ // column-width: 90px,
+ gutters: 1/4,
+ math: fluid,
+ output: float,
+ gutter-position: after,
+ container: $large,
+ global-box-sizing: border-box,
+ // debug: (
+ // image: show,
+ // color: blue,
+ // output: overlay,
+ // toggle: top right,
+ // ),
+);
\ No newline at end of file
diff --git a/assets/_scss/main.scss b/assets/_scss/main.scss
new file mode 100644
index 00000000..c18f0f0b
--- /dev/null
+++ b/assets/_scss/main.scss
@@ -0,0 +1,36 @@
+/*
+ * Minimal Mistakes Jekyll Theme
+ *
+ * - Michael Rose
+ * - mademistakes.com
+ * - https://twitter.com/mmistakes
+ *
+*/
+
+@import "vendor/breakpoint/breakpoint"; // media query mixins
+@import "variables";
+@import "mixins";
+@import "vendor/susy/susy";
+
+@import "reset";
+@import "base";
+
+@import "utilities";
+@import "tables";
+@import "buttons";
+@import "notices";
+@import "masthead";
+@import "navigation";
+@import "toc"; // table of contents
+@import "footer";
+@import "syntax";
+
+@import "forms";
+
+@import "page";
+@import "archive";
+@import "sidebar";
+
+@import "vendor/font-awesome/font-awesome";
+@import "vendor/magnific-popup/magnific-popup";
+@import "print";
\ No newline at end of file
diff --git a/assets/_scss/vendor/breakpoint/_breakpoint.scss b/assets/_scss/vendor/breakpoint/_breakpoint.scss
new file mode 100644
index 00000000..a0528eb8
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/_breakpoint.scss
@@ -0,0 +1,114 @@
+//////////////////////////////
+// Default Variables
+//////////////////////////////
+$Breakpoint-Settings: (
+ 'default media': all,
+ 'default feature': min-width,
+ 'default pair': width,
+
+ 'force all media type': false,
+ 'to ems': false,
+ 'transform resolutions': true,
+
+ 'no queries': false,
+ 'no query fallbacks': false,
+
+ 'base font size': 16px,
+
+ 'legacy syntax': false
+);
+
+$breakpoint: () !default;
+
+//////////////////////////////
+// Imports
+//////////////////////////////
+@import "settings";
+@import "context";
+@import "helpers";
+@import "parsers";
+@import "no-query";
+
+@import "respond-to";
+
+@import "legacy-settings";
+
+//////////////////////////////
+// Breakpoint Mixin
+//////////////////////////////
+
+@mixin breakpoint($query, $no-query: false) {
+ @include legacy-settings-warning;
+
+ // Reset contexts
+ @include private-breakpoint-reset-contexts();
+
+ $breakpoint: breakpoint($query, false);
+
+ $query-string: map-get($breakpoint, 'query');
+ $query-fallback: map-get($breakpoint, 'fallback');
+
+ $private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;
+ $private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;
+
+ // Allow for an as-needed override or usage of no query fallback.
+ @if $no-query != false {
+ $query-fallback: $no-query;
+ }
+
+ @if $query-fallback != false {
+ $context-setter: private-breakpoint-set-context('no-query', $query-fallback);
+ }
+
+ // Print Out Query String
+ @if not breakpoint-get('no queries') {
+ @media #{$query-string} {
+ @content;
+ }
+ }
+
+ @if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {
+
+ $type: type-of(breakpoint-get('no query fallbacks'));
+ $print: false;
+
+ @if ($type == 'bool') {
+ $print: true;
+ }
+ @else if ($type == 'string') {
+ @if $query-fallback == breakpoint-get('no query fallbacks') {
+ $print: true;
+ }
+ }
+ @else if ($type == 'list') {
+ @each $wrapper in breakpoint-get('no query fallbacks') {
+ @if $query-fallback == $wrapper {
+ $print: true;
+ }
+ }
+ }
+
+ // Write Fallback
+ @if ($query-fallback != false) and ($print == true) {
+ $type-fallback: type-of($query-fallback);
+
+ @if ($type-fallback != 'bool') {
+ #{$query-fallback} & {
+ @content;
+ }
+ }
+ @else {
+ @content;
+ }
+ }
+ }
+
+ @include private-breakpoint-reset-contexts();
+}
+
+
+@mixin mq($query, $no-query: false) {
+ @include breakpoint($query, $no-query) {
+ @content;
+ }
+}
diff --git a/assets/_scss/vendor/breakpoint/_context.scss b/assets/_scss/vendor/breakpoint/_context.scss
new file mode 100644
index 00000000..57947f5c
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/_context.scss
@@ -0,0 +1,95 @@
+//////////////////////////////
+// Private Breakpoint Variables
+//////////////////////////////
+$private-breakpoint-context-holder: ();
+$private-breakpoint-query-count: 0 !default;
+
+//////////////////////////////
+// Breakpoint Has Context
+// Returns whether or not you are inside a Breakpoint query
+//////////////////////////////
+@function breakpoint-has-context() {
+ @if length($private-breakpoint-query-count) {
+ @return true;
+ }
+ @else {
+ @return false;
+ }
+}
+
+//////////////////////////////
+// Breakpoint Get Context
+// $feature: Input feature to get it's current MQ context. Returns false if no context
+//////////////////////////////
+@function breakpoint-get-context($feature) {
+ @if map-has-key($private-breakpoint-context-holder, $feature) {
+ $get: map-get($private-breakpoint-context-holder, $feature);
+ // Special handling of no-query from get side so /false/ prepends aren't returned
+ @if $feature == 'no-query' {
+ @if type-of($get) == 'list' and length($get) > 1 and nth($get, 1) == false {
+ $get: nth($get, length($get));
+ }
+ }
+ @return $get;
+ }
+ @else {
+ @if breakpoint-has-context() and $feature == 'media' {
+ @return breakpoint-get('default media');
+ }
+ @else {
+ @return false;
+ }
+ }
+}
+
+//////////////////////////////
+// Private function to set context
+//////////////////////////////
+@function private-breakpoint-set-context($feature, $value) {
+ @if $value == 'monochrome' {
+ $feature: 'monochrome';
+ }
+
+ $current: map-get($private-breakpoint-context-holder, $feature);
+ @if $current and length($current) == $private-breakpoint-query-count {
+ @warn "You have already queried against `#{$feature}`. Unexpected things may happen if you query against the same feature more than once in the same `and` query. Breakpoint is overwriting the current context with `#{$value}`";
+ }
+
+ @if not map-has-key($private-breakpoint-context-holder, $feature) {
+ $v-holder: ();
+ @for $i from 1 to $private-breakpoint-query-count {
+ @if $feature == 'media' {
+ $v-holder: append($v-holder, breakpoint-get('default media'));
+ }
+ @else {
+ $v-holder: append($v-holder, false);
+ }
+ }
+ $v-holder: append($v-holder, $value);
+ $private-breakpoint-context-holder: map-merge($private-breakpoint-context-holder, ($feature: $v-holder)) !global;
+ }
+ @else {
+ $v-holder: map-get($private-breakpoint-context-holder, $feature);
+ $length: length($v-holder);
+ @for $i from $length to $private-breakpoint-query-count - 1 {
+ @if $feature == 'media' {
+ $v-holder: append($v-holder, breakpoint-get('default media'));
+ }
+ @else {
+ $v-holder: append($v-holder, false);
+ }
+ }
+ $v-holder: append($v-holder, $value);
+ $private-breakpoint-context-holder: map-merge($private-breakpoint-context-holder, ($feature: $v-holder)) !global;
+ }
+
+ @return true;
+}
+
+//////////////////////////////
+// Private function to reset context
+//////////////////////////////
+@mixin private-breakpoint-reset-contexts {
+ $private-breakpoint-context-holder: () !global;
+ $private-breakpoint-query-count: 0 !global;
+}
\ No newline at end of file
diff --git a/assets/_scss/vendor/breakpoint/_helpers.scss b/assets/_scss/vendor/breakpoint/_helpers.scss
new file mode 100644
index 00000000..97e522d1
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/_helpers.scss
@@ -0,0 +1,151 @@
+//////////////////////////////
+// Converts the input value to Base EMs
+//////////////////////////////
+@function breakpoint-to-base-em($value) {
+ $value-unit: unit($value);
+
+ // Will convert relative EMs into root EMs.
+ @if breakpoint-get('base font size') and type-of(breakpoint-get('base font size')) == 'number' and $value-unit == 'em' {
+ $base-unit: unit(breakpoint-get('base font size'));
+
+ @if $base-unit == 'px' or $base-unit == '%' or $base-unit == 'em' or $base-unit == 'pt' {
+ @return base-conversion($value) / base-conversion(breakpoint-get('base font size')) * 1em;
+ }
+ @else {
+ @warn '#{breakpoint-get(\'base font size\')} is not set in valid units for font size!';
+ @return false;
+ }
+ }
+ @else {
+ @return base-conversion($value);
+ }
+}
+
+@function base-conversion($value) {
+ $unit: unit($value);
+
+ @if $unit == 'px' {
+ @return $value / 16px * 1em;
+ }
+ @else if $unit == '%' {
+ @return $value / 100% * 1em;
+ }
+ @else if $unit == 'em' {
+ @return $value;
+ }
+ @else if $unit == 'pt' {
+ @return $value / 12pt * 1em;
+ }
+ @else {
+ @return $value;
+// @warn 'Everything is terrible! What have you done?!';
+ }
+}
+
+//////////////////////////////
+// Returns whether the feature can have a min/max pair
+//////////////////////////////
+$breakpoint-min-max-features: 'color',
+ 'color-index',
+ 'aspect-ratio',
+ 'device-aspect-ratio',
+ 'device-height',
+ 'device-width',
+ 'height',
+ 'monochrome',
+ 'resolution',
+ 'width';
+
+@function breakpoint-min-max($feature) {
+ @each $item in $breakpoint-min-max-features {
+ @if $feature == $item {
+ @return true;
+ }
+ }
+ @return false;
+}
+
+//////////////////////////////
+// Returns whether the feature can have a string value
+//////////////////////////////
+$breakpoint-string-features: 'orientation',
+ 'scan',
+ 'color',
+ 'aspect-ratio',
+ 'device-aspect-ratio',
+ 'pointer',
+ 'luminosity';
+
+@function breakpoint-string-value($feature) {
+ @each $item in $breakpoint-string-features {
+ @if breakpoint-min-max($item) {
+ @if $feature == 'min-#{$item}' or $feature == 'max-#{$item}' {
+ @return true;
+ }
+ }
+ @else if $feature == $item {
+ @return true;
+ }
+ }
+ @return false;
+}
+
+//////////////////////////////
+// Returns whether the feature is a media type
+//////////////////////////////
+$breakpoint-media-types: 'all',
+ 'braille',
+ 'embossed',
+ 'handheld',
+ 'print',
+ 'projection',
+ 'screen',
+ 'speech',
+ 'tty',
+ 'tv';
+
+@function breakpoint-is-media($feature) {
+ @each $media in $breakpoint-media-types {
+ @if ($feature == $media) or ($feature == 'not #{$media}') or ($feature == 'only #{$media}') {
+ @return true;
+ }
+ }
+
+ @return false;
+}
+
+//////////////////////////////
+// Returns whether the feature can stand alone
+//////////////////////////////
+$breakpoint-single-string-features: 'color',
+ 'color-index',
+ 'grid',
+ 'monochrome';
+
+@function breakpoint-single-string($feature) {
+ @each $item in $breakpoint-single-string-features {
+ @if $feature == $item {
+ @return true;
+ }
+ }
+ @return false;
+}
+
+//////////////////////////////
+// Returns whether the feature
+//////////////////////////////
+@function breakpoint-is-resolution($feature) {
+ $resolutions: 'device-pixel-ratio', 'dpr';
+
+ @if breakpoint-get('transform resolutions') {
+ $resolutions: append($resolutions, 'resolution');
+ }
+
+ @each $reso in $resolutions {
+ @if index($feature, $reso) or index($feature, 'min-#{$reso}') or index($feature, 'max-#{$reso}') {
+ @return true;
+ }
+ }
+
+ @return false;
+}
diff --git a/assets/_scss/vendor/breakpoint/_legacy-settings.scss b/assets/_scss/vendor/breakpoint/_legacy-settings.scss
new file mode 100644
index 00000000..e060ebe3
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/_legacy-settings.scss
@@ -0,0 +1,50 @@
+@mixin legacy-settings-warning {
+ $legacyVars: (
+ 'default-media': 'default media',
+ 'default-feature': 'default feature',
+ 'force-media-all': 'force all media type',
+ 'to-ems': 'to ems',
+ 'resolutions': 'transform resolutions',
+ 'no-queries': 'no queries',
+ 'no-query-fallbacks': 'no query fallbacks',
+ 'base-font-size': 'base font size',
+ 'legacy-syntax': 'legacy syntax'
+ );
+
+ @each $legacy, $new in $legacyVars {
+ @if global-variable-exists('breakpoint-' + $legacy) {
+ @warn "In order to avoid variable namspace collisions, we have updated the way to change settings for Breakpoint. Please change all instances of `$breakpoint-#{$legacy}: {{setting}}` to `@include breakpoint-set('#{$new}', {{setting}})`. Variable settings, as well as this warning will be deprecated in a future release."
+ }
+ };
+
+ //////////////////////////////
+ // Hand correct each setting
+ //////////////////////////////
+ @if global-variable-exists('breakpoint-default-media') and $breakpoint-default-media != breakpoint-get('default media') {
+ @include breakpoint-set('default media', $breakpoint-default-media);
+ }
+ @if global-variable-exists('breakpoint-default-feature') and $breakpoint-default-feature != breakpoint-get('default feature') {
+ @include breakpoint-set('default feature', $breakpoint-default-feature);
+ }
+ @if global-variable-exists('breakpoint-force-media-all') and $breakpoint-force-media-all != breakpoint-get('force all media type') {
+ @include breakpoint-set('force all media type', $breakpoint-force-media-all);
+ }
+ @if global-variable-exists('breakpoint-to-ems') and $breakpoint-to-ems != breakpoint-get('to ems') {
+ @include breakpoint-set('to ems', $breakpoint-to-ems);
+ }
+ @if global-variable-exists('breakpoint-resolutions') and $breakpoint-resolutions != breakpoint-get('transform resolutions') {
+ @include breakpoint-set('transform resolutions', $breakpoint-resolutions);
+ }
+ @if global-variable-exists('breakpoint-no-queries') and $breakpoint-no-queries != breakpoint-get('no queries') {
+ @include breakpoint-set('no queries', $breakpoint-no-queries);
+ }
+ @if global-variable-exists('breakpoint-no-query-fallbacks') and $breakpoint-no-query-fallbacks != breakpoint-get('no query fallbacks') {
+ @include breakpoint-set('no query fallbacks', $breakpoint-no-query-fallbacks);
+ }
+ @if global-variable-exists('breakpoint-base-font-size') and $breakpoint-base-font-size != breakpoint-get('base font size') {
+ @include breakpoint-set('base font size', $breakpoint-base-font-size);
+ }
+ @if global-variable-exists('breakpoint-legacy-syntax') and $breakpoint-legacy-syntax != breakpoint-get('legacy syntax') {
+ @include breakpoint-set('legacy syntax', $breakpoint-legacy-syntax);
+ }
+}
\ No newline at end of file
diff --git a/assets/_scss/vendor/breakpoint/_no-query.scss b/assets/_scss/vendor/breakpoint/_no-query.scss
new file mode 100644
index 00000000..0b5a81f6
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/_no-query.scss
@@ -0,0 +1,15 @@
+@function breakpoint-no-query($query) {
+ @if type-of($query) == 'list' {
+ $keyword: nth($query, 1);
+
+ @if type-of($keyword) == 'string' and ($keyword == 'no-query' or $keyword == 'no query' or $keyword == 'fallback') {
+ @return nth($query, 2);
+ }
+ @else {
+ @return false;
+ }
+ }
+ @else {
+ @return false;
+ }
+}
diff --git a/assets/_scss/vendor/breakpoint/_parsers.scss b/assets/_scss/vendor/breakpoint/_parsers.scss
new file mode 100644
index 00000000..f0b053fe
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/_parsers.scss
@@ -0,0 +1,215 @@
+//////////////////////////////
+// Import Parser Pieces
+//////////////////////////////
+@import "parsers/query";
+@import "parsers/single";
+@import "parsers/double";
+@import "parsers/triple";
+@import "parsers/resolution";
+
+$Memo-Exists: function-exists(memo-get) and function-exists(memo-set);
+
+//////////////////////////////
+// Breakpoint Function
+//////////////////////////////
+@function breakpoint($query, $contexts...) {
+ $run: true;
+ $return: ();
+
+ // Grab the Memo Output if Memoization can be a thing
+ @if $Memo-Exists {
+ $return: memo-get(breakpoint, breakpoint $query $contexts);
+
+ @if $return != null {
+ $run: false;
+ }
+ }
+
+ @if not $Memo-Exists or $run {
+ // Internal Variables
+ $query-string: '';
+ $query-fallback: false;
+ $return: ();
+
+ // Reserve Global Private Breakpoint Context
+ $holder-context: $private-breakpoint-context-holder;
+ $holder-query-count: $private-breakpoint-query-count;
+
+ // Reset Global Private Breakpoint Context
+ $private-breakpoint-context-holder: () !global;
+ $private-breakpoint-query-count: 0 !global;
+
+
+ // Test to see if it's a comma-separated list
+ $or-list: if(list-separator($query) == 'comma', true, false);
+
+
+ @if ($or-list == false and breakpoint-get('legacy syntax') == false) {
+ $query-string: breakpoint-parse($query);
+ }
+ @else {
+ $length: length($query);
+
+ $last: nth($query, $length);
+ $query-fallback: breakpoint-no-query($last);
+
+ @if ($query-fallback != false) {
+ $length: $length - 1;
+ }
+
+ @if (breakpoint-get('legacy syntax') == true) {
+ $mq: ();
+
+ @for $i from 1 through $length {
+ $mq: append($mq, nth($query, $i), comma);
+ }
+
+ $query-string: breakpoint-parse($mq);
+ }
+ @else {
+ $query-string: '';
+ @for $i from 1 through $length {
+ $query-string: $query-string + if($i == 1, '', ', ') + breakpoint-parse(nth($query, $i));
+ }
+ }
+ }
+
+ $return: ('query': $query-string,
+ 'fallback': $query-fallback,
+ 'context holder': $private-breakpoint-context-holder,
+ 'query count': $private-breakpoint-query-count
+ );
+ @if length($contexts) > 0 and nth($contexts, 1) != false {
+ @if $query-fallback != false {
+ $context-setter: private-breakpoint-set-context('no-query', $query-fallback);
+ }
+ $context-map: ();
+ @each $context in $contexts {
+ $context-map: map-merge($context-map, ($context: breakpoint-get-context($context)));
+ }
+ $return: map-merge($return, (context: $context-map));
+ }
+
+ // Reset Global Private Breakpoint Context
+ $private-breakpoint-context-holder: () !global;
+ $private-breakpoint-query-count: 0 !global;
+
+ @if $Memo-Exists {
+ $holder: memo-set(breakpoint, breakpoint $query $contexts, $return);
+ }
+ }
+
+ @return $return;
+}
+
+//////////////////////////////
+// General Breakpoint Parser
+//////////////////////////////
+@function breakpoint-parse($query) {
+ // Increase number of 'and' queries
+ $private-breakpoint-query-count: $private-breakpoint-query-count + 1 !global;
+
+ // Set up Media Type
+ $query-print: '';
+
+ $force-all: ((breakpoint-get('force all media type') == true) and (breakpoint-get('default media') == 'all'));
+ $empty-media: true;
+ @if ($force-all == true) or (breakpoint-get('default media') != 'all') {
+ // Force the print of the default media type if (force all is true and default media type is all) or (default media type is not all)
+ $query-print: breakpoint-get('default media');
+ $empty-media: false;
+ }
+
+
+ $query-resolution: false;
+
+ $query-holder: breakpoint-parse-query($query);
+
+
+
+ // Loop over each parsed out query and write it to $query-print
+ $first: true;
+
+ @each $feature in $query-holder {
+ $length: length($feature);
+
+ // Parse a single feature
+ @if ($length == 1) {
+ // Feature is currently a list, grab the actual value
+ $feature: nth($feature, 1);
+
+ // Media Type must by convention be the first item, so it's safe to flat override $query-print, which right now should only be the default media type
+ @if (breakpoint-is-media($feature)) {
+ @if ($force-all == true) or ($feature != 'all') {
+ // Force the print of the default media type if (force all is true and default media type is all) or (default media type is not all)
+ $query-print: $feature;
+ $empty-media: false;
+
+ // Set Context
+ $context-setter: private-breakpoint-set-context(media, $query-print);
+ }
+ }
+ @else {
+ $parsed: breakpoint-parse-single($feature, $empty-media, $first);
+ $query-print: '#{$query-print} #{$parsed}';
+ $first: false;
+ }
+ }
+ // Parse a double feature
+ @else if ($length == 2) {
+ @if (breakpoint-is-resolution($feature) != false) {
+ $query-resolution: $feature;
+ }
+ @else {
+ $parsed: null;
+ // If it's a string/number pair,
+ // we check to see if one is a single-string value,
+ // then we parse it as a normal double
+ $alpha: nth($feature, 1);
+ $beta: nth($feature, 2);
+ @if breakpoint-single-string($alpha) or breakpoint-single-string($beta) {
+ $parsed: breakpoint-parse-single($alpha, $empty-media, $first);
+ $query-print: '#{$query-print} #{$parsed}';
+ $first: false;
+ $parsed: breakpoint-parse-single($beta, $empty-media, $first);
+ $query-print: '#{$query-print} #{$parsed}';
+ }
+ @else {
+ $parsed: breakpoint-parse-double($feature, $empty-media, $first);
+ $query-print: '#{$query-print} #{$parsed}';
+ $first: false;
+ }
+ }
+ }
+ // Parse a triple feature
+ @else if ($length == 3) {
+ $parsed: breakpoint-parse-triple($feature, $empty-media, $first);
+ $query-print: '#{$query-print} #{$parsed}';
+ $first: false;
+ }
+
+ }
+
+ @if ($query-resolution != false) {
+ $query-print: breakpoint-build-resolution($query-print, $query-resolution, $empty-media, $first);
+ }
+
+ // Loop through each feature that's been detected so far and append 'false' to the the value list to increment their counters
+ @each $f, $v in $private-breakpoint-context-holder {
+ $v-holder: $v;
+ $length: length($v-holder);
+ @if length($v-holder) < $private-breakpoint-query-count {
+ @for $i from $length to $private-breakpoint-query-count {
+ @if $f == 'media' {
+ $v-holder: append($v-holder, breakpoint-get('default media'));
+ }
+ @else {
+ $v-holder: append($v-holder, false);
+ }
+ }
+ }
+ $private-breakpoint-context-holder: map-merge($private-breakpoint-context-holder, ($f: $v-holder)) !global;
+ }
+
+ @return $query-print;
+}
diff --git a/assets/_scss/vendor/breakpoint/_respond-to.scss b/assets/_scss/vendor/breakpoint/_respond-to.scss
new file mode 100644
index 00000000..e2462c5f
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/_respond-to.scss
@@ -0,0 +1,82 @@
+////////////////////////
+// Default the Breakpoints variable
+////////////////////////
+$breakpoints: () !default;
+$BREAKPOINTS: () !default;
+
+////////////////////////
+// Respond-to API Mixin
+////////////////////////
+@mixin respond-to($context, $no-query: false) {
+ @if length($breakpoints) > 0 and length($BREAKPOINTS) == 0 {
+ @warn "In order to avoid variable namespace collisions, we have updated the way to add breakpoints for respond-to. Please change all instances of `$breakpoints: add-breakpoint()` to `@include add-breakpoint()`. The `add-breakpoint()` function will be deprecated in a future release.";
+ $BREAKPOINTS: $breakpoints !global;
+ $breakpoints: () !global;
+ }
+
+ @if type-of($BREAKPOINTS) != 'map' {
+ // Just in case someone writes gibberish to the $breakpoints variable.
+ @warn "Your breakpoints aren't a map! `respond-to` expects a map. Please check the value of $BREAKPOINTS variable.";
+ @content;
+ }
+ @else if map-has-key($BREAKPOINTS, $context) {
+ @include breakpoint(map-get($BREAKPOINTS, $context), $no-query) {
+ @content;
+ }
+ }
+ @else if not map-has-key($BREAKPOINTS, $context) {
+ @warn "`#{$context}` isn't a defined breakpoint! Please add it using `$breakpoints: add-breakpoint(`#{$context}`, $value);`";
+ @content;
+ }
+ @else {
+ @warn "You haven't created any breakpoints yet! Make some already! `@include add-breakpoint($name, $bkpt)`";
+ @content;
+ }
+}
+
+//////////////////////////////
+// Add Breakpoint to Breakpoints
+// TODO: Remove function in next release
+//////////////////////////////
+@function add-breakpoint($name, $bkpt, $overwrite: false) {
+ $output: ($name: $bkpt);
+
+ @if length($breakpoints) == 0 {
+ @return $output;
+ }
+ @else {
+ @if map-has-key($breakpoints, $name) and $overwrite != true {
+ @warn "You already have a breakpoint named `#{$name}`, please choose another breakpoint name, or pass in `$overwrite: true` to overwrite the previous breakpoint.";
+ @return $breakpoints;
+ }
+ @else if not map-has-key($breakpoints, $name) or $overwrite == true {
+ @return map-merge($breakpoints, $output);
+ }
+ }
+}
+
+@mixin add-breakpoint($name, $bkpt, $overwrite: false) {
+ $output: ($name: $bkpt);
+
+ @if length($BREAKPOINTS) == 0 {
+ $BREAKPOINTS: $output !global;
+ }
+ @else {
+ @if map-has-key($BREAKPOINTS, $name) and $overwrite != true {
+ @warn "You already have a breakpoint named `#{$name}`, please choose another breakpoint name, or pass in `$overwrite: true` to overwrite the previous breakpoint.";
+ $BREAKPOINTS: $BREAKPOINTS !global;
+ }
+ @else if not map-has-key($BREAKPOINTS, $name) or $overwrite == true {
+ $BREAKPOINTS: map-merge($BREAKPOINTS, $output) !global;
+ }
+ }
+}
+
+@function get-breakpoint($name: false) {
+ @if $name == false {
+ @return $BREAKPOINTS;
+ }
+ @else {
+ @return map-get($BREAKPOINTS, $name);
+ }
+}
diff --git a/assets/_scss/vendor/breakpoint/_settings.scss b/assets/_scss/vendor/breakpoint/_settings.scss
new file mode 100644
index 00000000..05ee6894
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/_settings.scss
@@ -0,0 +1,71 @@
+//////////////////////////////
+// Has Setting
+//////////////////////////////
+@function breakpoint-has($setting) {
+ @if map-has-key($breakpoint, $setting) {
+ @return true;
+ }
+ @else {
+ @return false;
+ }
+}
+
+//////////////////////////////
+// Get Settings
+//////////////////////////////
+@function breakpoint-get($setting) {
+ @if breakpoint-has($setting) {
+ @return map-get($breakpoint, $setting);
+ }
+ @else {
+ @return map-get($Breakpoint-Settings, $setting);
+ }
+}
+
+//////////////////////////////
+// Set Settings
+//////////////////////////////
+@function breakpoint-set($setting, $value) {
+ @if (str-index($setting, '-') or str-index($setting, '_')) and str-index($setting, ' ') == null {
+ @warn "Words in Breakpoint settings should be separated by spaces, not dashes or underscores. Please replace dashes and underscores between words with spaces. Settings will not work as expected until changed.";
+ }
+ $breakpoint: map-merge($breakpoint, ($setting: $value)) !global;
+ @return true;
+}
+
+@mixin breakpoint-change($setting, $value) {
+ $breakpoint-change: breakpoint-set($setting, $value);
+}
+
+@mixin breakpoint-set($setting, $value) {
+ @include breakpoint-change($setting, $value);
+}
+
+@mixin bkpt-change($setting, $value) {
+ @include breakpoint-change($setting, $value);
+}
+@mixin bkpt-set($setting, $value) {
+ @include breakpoint-change($setting, $value);
+}
+
+//////////////////////////////
+// Remove Setting
+//////////////////////////////
+@function breakpoint-reset($settings...) {
+ @if length($settings) == 1 {
+ $settings: nth($settings, 1);
+ }
+
+ @each $setting in $settings {
+ $breakpoint: map-remove($breakpoint, $setting) !global;
+ }
+ @return true;
+}
+
+@mixin breakpoint-reset($settings...) {
+ $breakpoint-reset: breakpoint-reset($settings);
+}
+
+@mixin bkpt-reset($settings...) {
+ $breakpoint-reset: breakpoint-reset($settings);
+}
\ No newline at end of file
diff --git a/assets/_scss/vendor/breakpoint/parsers/_double.scss b/assets/_scss/vendor/breakpoint/parsers/_double.scss
new file mode 100644
index 00000000..24580c15
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/_double.scss
@@ -0,0 +1,33 @@
+//////////////////////////////
+// Import Pieces
+//////////////////////////////
+@import "double/default-pair";
+@import "double/double-string";
+@import "double/default";
+
+@function breakpoint-parse-double($feature, $empty-media, $first) {
+ $parsed: '';
+ $leader: '';
+ // If we're forcing
+ @if not ($empty-media) or not ($first) {
+ $leader: 'and ';
+ }
+
+ $first: nth($feature, 1);
+ $second: nth($feature, 2);
+
+ // If we've got two numbers, we know we need to use the default pair because there are no media queries that has a media feature that is a number
+ @if type-of($first) == 'number' and type-of($second) == 'number' {
+ $parsed: breakpoint-parse-default-pair($first, $second);
+ }
+ // If they are both strings, we send it through the string parser
+ @else if type-of($first) == 'string' and type-of($second) == 'string' {
+ $parsed: breakpoint-parse-double-string($first, $second);
+ }
+ // If it's a string/number pair, we parse it as a normal double
+ @else {
+ $parsed: breakpoint-parse-double-default($first, $second);
+ }
+
+ @return $leader + $parsed;
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/_query.scss b/assets/_scss/vendor/breakpoint/parsers/_query.scss
new file mode 100644
index 00000000..b138b393
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/_query.scss
@@ -0,0 +1,82 @@
+@function breakpoint-parse-query($query) {
+ // Parse features out of an individual query
+ $feature-holder: ();
+ $query-holder: ();
+ $length: length($query);
+
+ @if $length == 2 {
+ // If we've got a string/number, number/string, check to see if it's a valid string/number pair or two singles
+ @if (type-of(nth($query, 1)) == 'string' and type-of(nth($query, 2)) == 'number') or (type-of(nth($query, 1)) == 'number' and type-of(nth($query, 2)) == 'string') {
+
+ $number: '';
+ $value: '';
+
+ @if type-of(nth($query, 1)) == 'string' {
+ $number: nth($query, 2);
+ $value: nth($query, 1);
+ }
+ @else {
+ $number: nth($query, 1);
+ $value: nth($query, 2);
+ }
+
+ // If the string value can be a single value, check to see if the number passed in is a valid input for said single value. Fortunately, all current single-value options only accept unitless numbers, so this check is easy.
+ @if breakpoint-single-string($value) {
+ @if unitless($number) {
+ $feature-holder: append($value, $number, space);
+ $query-holder: append($query-holder, $feature-holder, comma);
+ @return $query-holder;
+ }
+ }
+ // If the string is a media type, split the query
+ @if breakpoint-is-media($value) {
+ $query-holder: append($query-holder, nth($query, 1));
+ $query-holder: append($query-holder, nth($query, 2));
+ @return $query-holder;
+ }
+ // If it's not a single feature, we're just going to assume it's a proper string/value pair, and roll with it.
+ @else {
+ $feature-holder: append($value, $number, space);
+ $query-holder: append($query-holder, $feature-holder, comma);
+ @return $query-holder;
+ }
+
+ }
+ // If they're both numbers, we assume it's a double and roll with that
+ @else if (type-of(nth($query, 1)) == 'number' and type-of(nth($query, 2)) == 'number') {
+ $feature-holder: append(nth($query, 1), nth($query, 2), space);
+ $query-holder: append($query-holder, $feature-holder, comma);
+ @return $query-holder;
+ }
+ // If they're both strings and neither are singles, we roll with that.
+ @else if (type-of(nth($query, 1)) == 'string' and type-of(nth($query, 2)) == 'string') {
+ @if not breakpoint-single-string(nth($query, 1)) and not breakpoint-single-string(nth($query, 2)) {
+ $feature-holder: append(nth($query, 1), nth($query, 2), space);
+ $query-holder: append($query-holder, $feature-holder, comma);
+ @return $query-holder;
+ }
+ }
+ }
+ @else if $length == 3 {
+ // If we've got three items and none is a list, we check to see
+ @if type-of(nth($query, 1)) != 'list' and type-of(nth($query, 2)) != 'list' and type-of(nth($query, 3)) != 'list' {
+ // If none of the items are single string values and none of the values are media values, we're good.
+ @if (not breakpoint-single-string(nth($query, 1)) and not breakpoint-single-string(nth($query, 2)) and not breakpoint-single-string(nth($query, 3))) and ((not breakpoint-is-media(nth($query, 1)) and not breakpoint-is-media(nth($query, 2)) and not breakpoint-is-media(nth($query, 3)))) {
+ $feature-holder: append(nth($query, 1), nth($query, 2), space);
+ $feature-holder: append($feature-holder, nth($query, 3), space);
+ $query-holder: append($query-holder, $feature-holder, comma);
+ @return $query-holder;
+ }
+ // let's check to see if the first item is a media type
+ @else if breakpoint-is-media(nth($query, 1)) {
+ $query-holder: append($query-holder, nth($query, 1));
+ $feature-holder: append(nth($query, 2), nth($query, 3), space);
+ $query-holder: append($query-holder, $feature-holder);
+ @return $query-holder;
+ }
+ }
+ }
+
+ // If it's a single item, or if it's not a special case double or triple, we can simply return the query.
+ @return $query;
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/_resolution.scss b/assets/_scss/vendor/breakpoint/parsers/_resolution.scss
new file mode 100644
index 00000000..19769adf
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/_resolution.scss
@@ -0,0 +1,31 @@
+@import "resolution/resolution";
+
+@function breakpoint-build-resolution($query-print, $query-resolution, $empty-media, $first) {
+ $leader: '';
+ // If we're forcing
+ @if not ($empty-media) or not ($first) {
+ $leader: 'and ';
+ }
+
+ @if breakpoint-get('transform resolutions') and $query-resolution {
+ $resolutions: breakpoint-make-resolutions($query-resolution);
+ $length: length($resolutions);
+ $query-holder: '';
+
+ @for $i from 1 through $length {
+ $query: '#{$query-print} #{$leader}#{nth($resolutions, $i)}';
+ @if $i == 1 {
+ $query-holder: $query;
+ }
+ @else {
+ $query-holder: '#{$query-holder}, #{$query}';
+ }
+ }
+
+ @return $query-holder;
+ }
+ @else {
+ // Return with attached resolution
+ @return $query-print;
+ }
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/_single.scss b/assets/_scss/vendor/breakpoint/parsers/_single.scss
new file mode 100644
index 00000000..d9fd764a
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/_single.scss
@@ -0,0 +1,26 @@
+//////////////////////////////
+// Import Pieces
+//////////////////////////////
+@import "single/default";
+
+@function breakpoint-parse-single($feature, $empty-media, $first) {
+ $parsed: '';
+ $leader: '';
+ // If we're forcing
+ @if not ($empty-media) or not ($first) {
+ $leader: 'and ';
+ }
+
+ // If it's a single feature that can stand alone, we let it
+ @if (breakpoint-single-string($feature)) {
+ $parsed: $feature;
+ // Set Context
+ $context-setter: private-breakpoint-set-context($feature, $feature);
+ }
+ // If it's not a stand alone feature, we pass it off to the default handler.
+ @else {
+ $parsed: breakpoint-parse-default($feature);
+ }
+
+ @return $leader + '(' + $parsed + ')';
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/_triple.scss b/assets/_scss/vendor/breakpoint/parsers/_triple.scss
new file mode 100644
index 00000000..e2732067
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/_triple.scss
@@ -0,0 +1,36 @@
+//////////////////////////////
+// Import Pieces
+//////////////////////////////
+@import "triple/default";
+
+@function breakpoint-parse-triple($feature, $empty-media, $first) {
+ $parsed: '';
+ $leader: '';
+
+ // If we're forcing
+ @if not ($empty-media) or not ($first) {
+ $leader: 'and ';
+ }
+
+ // separate the string features from the value numbers
+ $string: null;
+ $numbers: null;
+ @each $val in $feature {
+ @if type-of($val) == string {
+ $string: $val;
+ }
+ @else {
+ @if type-of($numbers) == 'null' {
+ $numbers: $val;
+ }
+ @else {
+ $numbers: append($numbers, $val);
+ }
+ }
+ }
+
+ $parsed: breakpoint-parse-triple-default($string, nth($numbers, 1), nth($numbers, 2));
+
+ @return $leader + $parsed;
+
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/double/_default-pair.scss b/assets/_scss/vendor/breakpoint/parsers/double/_default-pair.scss
new file mode 100644
index 00000000..f88432cc
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/double/_default-pair.scss
@@ -0,0 +1,21 @@
+@function breakpoint-parse-default-pair($first, $second) {
+ $default: breakpoint-get('default pair');
+ $min: '';
+ $max: '';
+
+ // Sort into min and max
+ $min: min($first, $second);
+ $max: max($first, $second);
+
+ // Set Context
+ $context-setter: private-breakpoint-set-context(min-#{$default}, $min);
+ $context-setter: private-breakpoint-set-context(max-#{$default}, $max);
+
+ // Make them EMs if need be
+ @if (breakpoint-get('to ems') == true) {
+ $min: breakpoint-to-base-em($min);
+ $max: breakpoint-to-base-em($max);
+ }
+
+ @return '(min-#{$default}: #{$min}) and (max-#{$default}: #{$max})';
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/double/_default.scss b/assets/_scss/vendor/breakpoint/parsers/double/_default.scss
new file mode 100644
index 00000000..73190ed5
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/double/_default.scss
@@ -0,0 +1,22 @@
+@function breakpoint-parse-double-default($first, $second) {
+ $feature: '';
+ $value: '';
+
+ @if type-of($first) == 'string' {
+ $feature: $first;
+ $value: $second;
+ }
+ @else {
+ $feature: $second;
+ $value: $first;
+ }
+
+ // Set Context
+ $context-setter: private-breakpoint-set-context($feature, $value);
+
+ @if (breakpoint-get('to ems') == true) {
+ $value: breakpoint-to-base-em($value);
+ }
+
+ @return '(#{$feature}: #{$value})'
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/double/_double-string.scss b/assets/_scss/vendor/breakpoint/parsers/double/_double-string.scss
new file mode 100644
index 00000000..c6fd0cb0
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/double/_double-string.scss
@@ -0,0 +1,22 @@
+@function breakpoint-parse-double-string($first, $second) {
+ $feature: '';
+ $value: '';
+
+ // Test to see which is the feature and which is the value
+ @if (breakpoint-string-value($first) == true) {
+ $feature: $first;
+ $value: $second;
+ }
+ @else if (breakpoint-string-value($second) == true) {
+ $feature: $second;
+ $value: $first;
+ }
+ @else {
+ @warn "Neither #{$first} nor #{$second} is a valid media query name.";
+ }
+
+ // Set Context
+ $context-setter: private-breakpoint-set-context($feature, $value);
+
+ @return '(#{$feature}: #{$value})';
+}
\ No newline at end of file
diff --git a/assets/_scss/vendor/breakpoint/parsers/resolution/_resolution.scss b/assets/_scss/vendor/breakpoint/parsers/resolution/_resolution.scss
new file mode 100644
index 00000000..36804212
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/resolution/_resolution.scss
@@ -0,0 +1,60 @@
+@function breakpoint-make-resolutions($resolution) {
+ $length: length($resolution);
+
+ $output: ();
+
+ @if $length == 2 {
+ $feature: '';
+ $value: '';
+
+ // Find which is number
+ @if type-of(nth($resolution, 1)) == 'number' {
+ $value: nth($resolution, 1);
+ }
+ @else {
+ $value: nth($resolution, 2);
+ }
+
+ // Determine min/max/standard
+ @if index($resolution, 'min-resolution') {
+ $feature: 'min-';
+ }
+ @else if index($resolution, 'max-resolution') {
+ $feature: 'max-';
+ }
+
+ $standard: '(#{$feature}resolution: #{$value})';
+
+ // If we're not dealing with dppx,
+ @if unit($value) != 'dppx' {
+ $base: 96dpi;
+ @if unit($value) == 'dpcm' {
+ $base: 243.84dpcm;
+ }
+ // Write out feature tests
+ $webkit: '';
+ $moz: '';
+ $webkit: '(-webkit-#{$feature}device-pixel-ratio: #{$value / $base})';
+ $moz: '(#{$feature}-moz-device-pixel-ratio: #{$value / $base})';
+ // Append to output
+ $output: append($output, $standard, space);
+ $output: append($output, $webkit, space);
+ $output: append($output, $moz, space);
+ }
+ @else {
+ $webkit: '';
+ $moz: '';
+ $webkit: '(-webkit-#{$feature}device-pixel-ratio: #{$value / 1dppx})';
+ $moz: '(#{$feature}-moz-device-pixel-ratio: #{$value / 1dppx})';
+ $fallback: '(#{$feature}resolution: #{$value / 1dppx * 96dpi})';
+ // Append to output
+ $output: append($output, $standard, space);
+ $output: append($output, $webkit, space);
+ $output: append($output, $moz, space);
+ $output: append($output, $fallback, space);
+ }
+
+ }
+
+ @return $output;
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/single/_default.scss b/assets/_scss/vendor/breakpoint/parsers/single/_default.scss
new file mode 100644
index 00000000..503ef427
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/single/_default.scss
@@ -0,0 +1,13 @@
+@function breakpoint-parse-default($feature) {
+ $default: breakpoint-get('default feature');
+
+ // Set Context
+ $context-setter: private-breakpoint-set-context($default, $feature);
+
+ @if (breakpoint-get('to ems') == true) and (type-of($feature) == 'number') {
+ @return '#{$default}: #{breakpoint-to-base-em($feature)}';
+ }
+ @else {
+ @return '#{$default}: #{$feature}';
+ }
+}
diff --git a/assets/_scss/vendor/breakpoint/parsers/triple/_default.scss b/assets/_scss/vendor/breakpoint/parsers/triple/_default.scss
new file mode 100644
index 00000000..7fa418dd
--- /dev/null
+++ b/assets/_scss/vendor/breakpoint/parsers/triple/_default.scss
@@ -0,0 +1,18 @@
+@function breakpoint-parse-triple-default($feature, $first, $second) {
+
+ // Sort into min and max
+ $min: min($first, $second);
+ $max: max($first, $second);
+
+ // Set Context
+ $context-setter: private-breakpoint-set-context(min-#{$feature}, $min);
+ $context-setter: private-breakpoint-set-context(max-#{$feature}, $max);
+
+ // Make them EMs if need be
+ @if (breakpoint-get('to ems') == true) {
+ $min: breakpoint-to-base-em($min);
+ $max: breakpoint-to-base-em($max);
+ }
+
+ @return '(min-#{$feature}: #{$min}) and (max-#{$feature}: #{$max})';
+}
diff --git a/_assets/css/vendor/font-awesome/_animated.scss b/assets/_scss/vendor/font-awesome/_animated.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_animated.scss
rename to assets/_scss/vendor/font-awesome/_animated.scss
diff --git a/_assets/css/vendor/font-awesome/_bordered-pulled.scss b/assets/_scss/vendor/font-awesome/_bordered-pulled.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_bordered-pulled.scss
rename to assets/_scss/vendor/font-awesome/_bordered-pulled.scss
diff --git a/_assets/css/vendor/font-awesome/_core.scss b/assets/_scss/vendor/font-awesome/_core.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_core.scss
rename to assets/_scss/vendor/font-awesome/_core.scss
diff --git a/_assets/css/vendor/font-awesome/_fixed-width.scss b/assets/_scss/vendor/font-awesome/_fixed-width.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_fixed-width.scss
rename to assets/_scss/vendor/font-awesome/_fixed-width.scss
diff --git a/_assets/css/vendor/font-awesome/_font-awesome.scss b/assets/_scss/vendor/font-awesome/_font-awesome.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_font-awesome.scss
rename to assets/_scss/vendor/font-awesome/_font-awesome.scss
diff --git a/_assets/css/vendor/font-awesome/_icons.scss b/assets/_scss/vendor/font-awesome/_icons.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_icons.scss
rename to assets/_scss/vendor/font-awesome/_icons.scss
diff --git a/_assets/css/vendor/font-awesome/_larger.scss b/assets/_scss/vendor/font-awesome/_larger.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_larger.scss
rename to assets/_scss/vendor/font-awesome/_larger.scss
diff --git a/_assets/css/vendor/font-awesome/_list.scss b/assets/_scss/vendor/font-awesome/_list.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_list.scss
rename to assets/_scss/vendor/font-awesome/_list.scss
diff --git a/_assets/css/vendor/font-awesome/_mixins.scss b/assets/_scss/vendor/font-awesome/_mixins.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_mixins.scss
rename to assets/_scss/vendor/font-awesome/_mixins.scss
diff --git a/_assets/css/vendor/font-awesome/_path.scss b/assets/_scss/vendor/font-awesome/_path.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_path.scss
rename to assets/_scss/vendor/font-awesome/_path.scss
diff --git a/_assets/css/vendor/font-awesome/_rotated-flipped.scss b/assets/_scss/vendor/font-awesome/_rotated-flipped.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_rotated-flipped.scss
rename to assets/_scss/vendor/font-awesome/_rotated-flipped.scss
diff --git a/_assets/css/vendor/font-awesome/_stacked.scss b/assets/_scss/vendor/font-awesome/_stacked.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_stacked.scss
rename to assets/_scss/vendor/font-awesome/_stacked.scss
diff --git a/_assets/css/vendor/font-awesome/_variables.scss b/assets/_scss/vendor/font-awesome/_variables.scss
similarity index 100%
rename from _assets/css/vendor/font-awesome/_variables.scss
rename to assets/_scss/vendor/font-awesome/_variables.scss
diff --git a/_assets/css/vendor/magnific-popup/_magnific-popup.scss b/assets/_scss/vendor/magnific-popup/_magnific-popup.scss
similarity index 99%
rename from _assets/css/vendor/magnific-popup/_magnific-popup.scss
rename to assets/_scss/vendor/magnific-popup/_magnific-popup.scss
index 64b8acdd..27b27bcc 100644
--- a/_assets/css/vendor/magnific-popup/_magnific-popup.scss
+++ b/assets/_scss/vendor/magnific-popup/_magnific-popup.scss
@@ -292,7 +292,7 @@ button {
font-style: normal;
font-size: 28px;
- font-family: Arial, Baskerville, monospace;
+ font-family: $serif;
&:hover,
&:focus {
@@ -500,6 +500,10 @@ button {
figure {
margin: 0;
}
+ figcaption {
+ margin-top: 0;
+ margin-bottom: 0; // reset for bottom spacing
+ }
}
.mfp-bottom-bar {
margin-top: -$mfp-image-padding-bottom + 4;
diff --git a/_assets/css/vendor/magnific-popup/_settings.scss b/assets/_scss/vendor/magnific-popup/_settings.scss
similarity index 72%
rename from _assets/css/vendor/magnific-popup/_settings.scss
rename to assets/_scss/vendor/magnific-popup/_settings.scss
index a2fb4194..caaca026 100644
--- a/_assets/css/vendor/magnific-popup/_settings.scss
+++ b/assets/_scss/vendor/magnific-popup/_settings.scss
@@ -3,7 +3,7 @@
////////////////////////
// overlay
-$mfp-overlay-color: $black; // Color of overlay screen
+$mfp-overlay-color: #000; // Color of overlay screen
$mfp-overlay-opacity: 0.8; // Opacity of overlay screen
$mfp-shadow: 0 0 8px rgba(0, 0, 0, 0.6); // Shadow on image or iframe
@@ -16,11 +16,11 @@ $mfp-z-index-base: 1040; // Base z-inde
// controls
$mfp-include-arrows: true; // Include styles for nav arrows
$mfp-controls-opacity: 1; // Opacity of controls
-$mfp-controls-color: $white; // Color of controls
-$mfp-controls-border-color: $white; // Border color of controls
-$mfp-inner-close-icon-color: $white; // Color of close button when inside
-$mfp-controls-text-color: #CCC; // Color of preloader and "1 of X" indicator
-$mfp-controls-text-color-hover: $white; // Hover color of preloader and "1 of X" indicator
+$mfp-controls-color: #fff; // Color of controls
+$mfp-controls-border-color: #fff; // Border color of controls
+$mfp-inner-close-icon-color: #fff; // Color of close button when inside
+$mfp-controls-text-color: #ccc; // Color of preloader and "1 of X" indicator
+$mfp-controls-text-color-hover: #fff; // Hover color of preloader and "1 of X" indicator
$mfp-IE7support: true; // Very basic IE7 support
// Iframe-type options
@@ -38,9 +38,9 @@ $mfp-image-padding-bottom: 40px; // Image paddi
$mfp-include-mobile-layout-for-image: true; // Removes paddings from top and bottom
// Image caption options
-$mfp-caption-title-color: #F3F3F3; // Caption title color
-$mfp-caption-subtitle-color: #BDBDBD; // Caption subtitle color
-.mfp-counter { font-family: $alt-font; } // Caption font family
+$mfp-caption-title-color: #f3f3f3; // Caption title color
+$mfp-caption-subtitle-color: #bdbdbd; // Caption subtitle color
+.mfp-counter { font-family: $serif; } // Caption font family
// A11y
$mfp-use-visuallyhidden: false;
diff --git a/assets/_scss/vendor/susy/_su.scss b/assets/_scss/vendor/susy/_su.scss
new file mode 100644
index 00000000..83386adb
--- /dev/null
+++ b/assets/_scss/vendor/susy/_su.scss
@@ -0,0 +1,4 @@
+// Su
+// ==
+
+@import 'susy/su';
diff --git a/assets/_scss/vendor/susy/_susy.scss b/assets/_scss/vendor/susy/_susy.scss
new file mode 100644
index 00000000..224e98ad
--- /dev/null
+++ b/assets/_scss/vendor/susy/_susy.scss
@@ -0,0 +1,4 @@
+// Susy
+// ====
+
+@import 'susy/language/susy';
diff --git a/assets/_scss/vendor/susy/_susyone.scss b/assets/_scss/vendor/susy/_susyone.scss
new file mode 100644
index 00000000..5b934c68
--- /dev/null
+++ b/assets/_scss/vendor/susy/_susyone.scss
@@ -0,0 +1,4 @@
+// Susy
+// ====
+
+@import 'susy/language/susyone';
diff --git a/assets/_scss/vendor/susy/susy/_su.scss b/assets/_scss/vendor/susy/susy/_su.scss
new file mode 100644
index 00000000..a1454157
--- /dev/null
+++ b/assets/_scss/vendor/susy/susy/_su.scss
@@ -0,0 +1,7 @@
+// Su
+// ==
+
+@import "su/utilities";
+@import "su/settings";
+@import "su/validation";
+@import "su/grid";
diff --git a/assets/_scss/vendor/susy/susy/language/_susy.scss b/assets/_scss/vendor/susy/susy/language/_susy.scss
new file mode 100644
index 00000000..0ee9cae2
--- /dev/null
+++ b/assets/_scss/vendor/susy/susy/language/_susy.scss
@@ -0,0 +1,24 @@
+// Susy Next Syntax
+// ================
+
+$susy-version: 2.1;
+
+@import "../su";
+@import "../output/float";
+
+@import "susy/settings";
+@import "susy/validation";
+@import "susy/grids";
+@import "susy/box-sizing";
+@import "susy/context";
+@import "susy/background";
+@import "susy/container";
+@import "susy/span";
+@import "susy/gutters";
+@import "susy/isolate";
+@import "susy/gallery";
+@import "susy/rows";
+@import "susy/margins";
+@import "susy/padding";
+@import "susy/bleed";
+@import "susy/breakpoint-plugin";
diff --git a/assets/_scss/vendor/susy/susy/language/_susyone.scss b/assets/_scss/vendor/susy/susy/language/_susyone.scss
new file mode 100644
index 00000000..a783d3a8
--- /dev/null
+++ b/assets/_scss/vendor/susy/susy/language/_susyone.scss
@@ -0,0 +1,13 @@
+// ---------------------------------------------------------------------------
+// Partials
+
+$susy-version: 1.5;
+
+@import "susyone/settings";
+@import "susyone/functions";
+@import "susyone/grid";
+@import "susyone/isolation";
+@import "susyone/padding";
+@import "susyone/margin";
+@import "susyone/media";
+@import "susyone/background";
diff --git a/assets/_scss/vendor/susy/susy/language/susy/_background.scss b/assets/_scss/vendor/susy/susy/language/susy/_background.scss
new file mode 100644
index 00000000..d39dc721
--- /dev/null
+++ b/assets/_scss/vendor/susy/susy/language/susy/_background.scss
@@ -0,0 +1,385 @@
+// Background Grid Syntax
+// ======================
+
+$susy-overlay-grid-head-exists: false;
+
+
+// Show Grid/s
+// -----------
+// Show grid on any element using either background or overlay.
+// - [$grid] :