zaunkoenig 0.0.3 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 331a01f8fae22b1bc61ea3f313ccc330513f5bd3d663210ae053ab3a153ad9a5
-  data.tar.gz: 2557320042343ab84bfb358d290705117bf12396f1207cf2d52d0ee4907b2c1a
+  metadata.gz: 1c63e6c512092704e601deec3957314cfd80fb6b7c5b5969cef8c70da2457f41
+  data.tar.gz: 2940bd19ae38effc92fb8f56a4f632ca488b5e07d3b5ba943a23b1acaae86ec5
 SHA512:
-  metadata.gz: f7cb91c9fa55db1edad7f04ef707aa55a7224c027ae4fd4a521096f6d76b94ed54e037b066f7c2aeeaba4458e3e0204802fae951b40b4c5a8498d502b9b7945d
-  data.tar.gz: 85d969caf122e153477fbd96178325593caefa11dca8347ef861c5b3365e96bfbdea642aaf38d37e61405aa73c01ed2ca50e5fc9df53532f53cce692ad3c51df
+  metadata.gz: 584ba24792db672283c3ed572eb94452cc21da49a45040c7098de5373705393441c93751b9df1e11b99b471fcaad0384a71693c4b7608960492b1e91e648b30d
+  data.tar.gz: 2310fe6e7de51dea6a3cd6d304dfd6f0b98e38e5ea5c8194a22c9e0b12389de265c25931b2a808ce3c62aa886216250dc80058372ad32bd42b04514ecd67dfe4

data/_config.yml

@@ -2,5 +2,4 @@ copyright: Acme Inc
 title: Zaunkönig
 
 sass:
-  sass_dir:          _scss
-  style:            :compressed
+  style: :compressed

data/_includes/head.html

@@ -6,12 +6,8 @@
   {% endif %}
 
   <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
-  <meta name="theme-color" content="#000000"/>
-
-  <link rel="icon" href="/assets/favicon-192x192.png" sizes="192x192">
-  <link rel="icon" href="/assets/favicon-64x64.png" sizes="64x64">
-  <link rel="icon" href="/assets/favicon-32x32.png" sizes="32x32">
   <link rel="alternate" type="application/rss+xml" title="Techgenossen Blog" href="/feed.xml" />
 
-  {% include inline_styles.html %}
+  {% include customn_head.html %}
+  {% include styles.html %}
 </head>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: zaunkoenig
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
 platform: ruby
 authors:
 - Robert Curth
@@ -40,18 +40,10 @@ files:
 - _includes/head.html
 - _includes/header.html
 - _includes/header_logo.html
-- _includes/inline.scss
-- _includes/inline_styles.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/page.html
 - _layouts/post.html
-- _scss/zaunkoenig/base.scss
-- _scss/zaunkoenig/header.scss
-- _scss/zaunkoenig/homepageTeaser.scss
-- _scss/zaunkoenig/image.scss
-- _scss/zaunkoenig/normalize.scss
-- _scss/zaunkoenig/skeleton.scss
 homepage: https://zaunkoenig.techgenossen.de
 licenses:
 - MIT

data/_includes/inline.scss

@@ -1,7 +0,0 @@
-@import "zaunkoenig/normalize";
-@import "zaunkoenig/skeleton";
-
-@import "zaunkoenig/base";
-@import "zaunkoenig/header";
-@import "zaunkoenig/homepageTeaser";
-@import "zaunkoenig/image";

data/_includes/inline_styles.html

@@ -1,3 +0,0 @@
-
-{% capture styles %}{% include inline.scss %}{% endcapture %}
-<style>{{ styles | scssify }}</style>

data/_scss/zaunkoenig/base.scss

@@ -1,191 +0,0 @@
-$color_primary: #F50202;
-$color_primary_hover: #F50202;
-$color_font: #444444;
-$color_font_dark: #222222;
-$color_font_inverse: #cccccc;
-$color_font_inverse_light: #ffffff;
-$color_background: #ffffff;
-$color_background_inverse: #000000;
-$color_border: #efefef;
-$font_text: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
-$font_decoration: "Century Gothic", CenturyGothic, Futura, sans-serif;
-
-
-@mixin hyphens(){
-  word-wrap: break-word;
-  overflow-wrap: break-word;
--webkit-hyphens: auto;
-   -moz-hyphens: auto;
-        hyphens: auto;
-}
-
-@mixin body-font(){
-
-  font-size: 1.4rem;
-  @media (min-width: 400px) {
-    font-size: 1.5rem;
-  }
-  /* Larger than phablet (also point when grid becomes active) */
-  @media (min-width: 550px) {
-    font-size: 1.6rem;
-  }
-  /* Larger than tablet */
-  @media (min-width: 750px) {
-    font-size: 1.7rem;
-  }
-}
-
-body {
-  font-family: $font_text;
-  font-size: 1.5em;
-  @include body-font();
-  color: $color_font;
-  font-weight:400;
-  color: $color_font;
-}
-h1, h2, h3 {
-  font-family: $font_decoration;
-  @include hyphens();
-}
-
-.header {
-  color: $color_font_inverse_light;
-  background-color: $color_background_inverse;
-}
-
-#content {
-  margin-bottom: 5em;
-}
-
-.container {
-  max-width: 960px;
-
-    &.start {
-      margin-top: 2em;
-    }
-
-    img, picture {
-      max-width: 100%;
-    }
-  }
-svg.logo-icon {
-  fill:$color_primary;
-}
-
-a {
-  color: $color_primary;
-  text-decoration: none;
-
-  &:hover {
-    color: $color_primary_hover;
-    text-decoration: underline;
-  }
-}
-
-hr {
-  clear: both;
-}
-
-img {
-  height: auto;
-}
-
-h1 {
-  font-size: 2.5em;
-  font-weight: 800;
-  line-height: 1.1em;
-  letter-spacing: -0.05em;
-  color: $color_font_dark;
-  /* Larger than mobile */
-  @media (min-width: 400px) {
-    font-size: 3em;
-  }
-  /* Larger than phablet (also point when grid becomes active) */
-  @media (min-width: 550px) {
-    font-size: 4em;
-  }
-  /* Larger than tablet */
-  @media (min-width: 750px) {
-    font-size: 5em;
-  }
-}
-
-table, pre {
-  display: block;
-  overflow-x: auto;
-}
-
-h2 {
-  font-size: 2.25em;
-  font-weight: 600;
-  padding:1.2em 0 0.3em;
-}
-h3 {
-  font-size: 1.5em;
-  font-weight: 600;
-}
-
-p {
-  font-size: 1.1em;
-  line-height: 1.8em;
-}
-
-blockquote {
-  background: #f9f9f9;
-  border-left: 10px solid #ccc;
-  margin: 1.5em 10px;
-  padding: 0.5em 10px;
-  quotes: "\201C""\201D""\2018""\2019";
-}
-blockquote:before {
-  color: #ccc;
-  content: open-quote;
-  font-size: 4em;
-  line-height: 0.1em;
-  vertical-align: -0.4em;
-}
-blockquote p {
-  display: inline;
-}
-
-button, .button {
-  text-transform: uppercase;
-  border:2px solid $color_primary;
-  color:$color_primary;
-  font-family: $font_decoration;
-  font-weight:normal;
-  @include body-font();
-  padding: 8px 22px;
-  letter-spacing: 0.02rem;
-  height:auto;
-  border-radius: 50px;
-  white-space: normal;
-}
-button:hover, .button:hover {
-  text-decoration: none;
-  color:#fff;
-  background-color: $color_primary;
-  border-color: $color_primary;
-}
-
-.footer {
-  text-align: center;
-  border-top: 5px solid $color_primary;
-  padding: 1em 0 3em;
-}
-
-.footer-logo {
-  color: $color_font_dark;
-  font-size: 1.5em;
-}
-
-.footer-nav, .footer-logo, .footer-copyright {
-  margin-bottom: 1em;
-}
-
-.footer-nav {
-  a {
-    padding-right: 5px;
-    text-decoration: none;
-  }
-}

data/_scss/zaunkoenig/header.scss

@@ -1,87 +0,0 @@
-.header-logo {
-  display: inline-block;
-  padding: 1em 0 0.7em;
-  font-size: 1.5em;
-  color: $color_font_inverse_light;
-}
-
-.header-nav {
-  float: right;
-
-  label, #hamburger { display: none; }
-}
-
-.header-navItems {
-  display: flex;
-  justify-content: flex-end;
-
-  a {
-    box-sizing: border-box;
-    margin: 0;
-    font-size: 1.5rem;
-    padding:0.6rem 1rem;
-    font-family: $font_decoration;
-    color: $color_font_inverse;
-    text-transform: uppercase;
-    font-weight:400;
-    text-align: center;
-    text-decoration: none;
-    border-radius: 50px;
-    margin: 3.6rem 0.2rem 0;
-    &:hover {
-      background-color: $color_primary;
-      color: $color_font_inverse_light;
-    }
-    &.active {
-      color: $color_font_inverse_light; cursor: default;
-    }
-  }
-}
-
-@media screen and (max-width: 1024px){
-  .header-nav {
-    width: auto;
-    height: 1.4em;
-    margin: 15px 0 0 0;
-
-    label {
-      display: inline-block;
-      font-style: normal;
-      font-size: 2.3em;
-      line-height: 1em;
-      padding: 10px;
-    }
-  }
-
-  .header-navItems {
-    display: none;
-    position: fixed;
-    width: 100%;
-    left: 0;
-    top: 89px;
-    z-index: 1;
-
-    a {
-      display: block;
-      box-sizing: border-box;
-      background: $color_background_inverse;
-      width: 100%;
-      padding: 20px 0;
-      border-top: 1px solid $color_font_dark;
-      color: $color_font_inverse_light;
-      font-size: 1.1em;
-      font-weight: 400;
-      border-radius: 0;
-      margin: 0;
-      &:hover,
-      &:active {
-        color: $color_font_inverse_light;
-        background-color: $color_primary;
-      }
-    }
-  }
-
-  .header-nav input:checked ~ .header-navItems {
-    display: block;
-  }
-}

data/_scss/zaunkoenig/homepageTeaser.scss

@@ -1,23 +0,0 @@
-.homepageTeaser {
-  background-color: $color_background_inverse;
-  color: $color_font_inverse;
-  padding:2em 0;
-  margin-bottom: 1em;
-
-  h1 {
-    color: $color_font_inverse_light;
-    margin-bottom: 6rem;
-    font-size: 2.5em;
-    @media (min-width: 400px) {
-      font-size: 3.5em;
-    }
-    /* Larger than phablet (also point when grid becomes active) */
-    @media (min-width: 550px) {
-      font-size: 4.5em;
-    }
-    /* Larger than tablet */
-    @media (min-width: 750px) {
-      font-size: 5.5em;
-    }
-  }
-}

data/_scss/zaunkoenig/image.scss

@@ -1,20 +0,0 @@
-.image-left, .image-right {
-  box-sizing: border-box;
-  width: 100%;
-}
-
-@media (min-width: 750px) {
-  .image-left, .image-right {
-    width: 50%;
-  }
-
-  .image-right {
-    padding: 0 0 1em 1em;
-    float: right;
-  }
-
-  .image-left {
-    padding: 0 1em 1em 0;
-    float: left;
-  }
-}

data/_scss/zaunkoenig/normalize.scss

@@ -1,427 +0,0 @@
-/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
-
-/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS text size adjust after orientation change, without disabling
- *    user zoom.
- */
-
- html {
-  font-family: sans-serif; /* 1 */
-  -ms-text-size-adjust: 100%; /* 2 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/**
- * Remove default margin.
- */
-
-body {
-  margin: 0;
-}
-
-/* HTML5 display definitions
-   ========================================================================== */
-
-/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
- */
-
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-
-/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-
-audio,
-canvas,
-progress,
-video {
-  display: inline-block; /* 1 */
-  vertical-align: baseline; /* 2 */
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
- */
-
-[hidden],
-template {
-  display: none;
-}
-
-/* Links
-   ========================================================================== */
-
-/**
- * Remove the gray background color from active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * Improve readability when focused and also mouse hovered in all browsers.
- */
-
-a:active,
-a:hover {
-  outline: 0;
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-
-abbr[title] {
-  border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-
-b,
-strong {
-  font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-
-dfn {
-  font-style: italic;
-}
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/**
- * Address styling not present in IE 8/9.
- */
-
-mark {
-  background: #ff0;
-  color: #000;
-}
-
-/**
- * Address inconsistent and variable font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove border when inside `a` element in IE 8/9/10.
- */
-
-img {
-  border: 0;
-}
-
-/**
- * Correct overflow not hidden in IE 9/10/11.
- */
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-
-figure {
-  margin: 1em 40px;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-
-hr {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
-  height: 0;
-}
-
-/**
- * Contain overflow in all browsers.
- */
-
-pre {
-  overflow: auto;
-}
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-
-/**
- * 1. Correct color not being inherited.
- *    Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit; /* 1 */
-  font: inherit; /* 2 */
-  margin: 0; /* 3 */
-}
-
-/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
- */
-
-button {
-  overflow: visible;
-}
-
-/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
- */
-
-button,
-select {
-  text-transform: none;
-}
-
-/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- *    and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- *    `input` and others.
- */
-
-button,
-html input[type="button"], /* 1 */
-input[type="reset"],
-input[type="submit"] {
-  -webkit-appearance: button; /* 2 */
-  cursor: pointer; /* 3 */
-}
-
-/**
- * Re-set default cursor for disabled elements.
- */
-
-button[disabled],
-html input[disabled] {
-  cursor: default;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
- */
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
- */
-
-input {
-  line-height: normal;
-}
-
-/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-
-input[type="checkbox"],
-input[type="radio"] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
- *    (include `-moz` to future-proof).
- */
-
-input[type="search"] {
-  -webkit-appearance: textfield; /* 1 */
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; /* 2 */
-  box-sizing: content-box;
-}
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * Define consistent border, margin, and padding.
- */
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
- */
-
-legend {
-  border: 0; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
- */
-
-optgroup {
-  font-weight: bold;
-}
-
-/* Tables
-   ========================================================================== */
-
-/**
- * Remove most spacing between table cells.
- */
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}

data/_scss/zaunkoenig/skeleton.scss

@@ -1,345 +0,0 @@
-/*
-* Skeleton V2.0.4
-* Copyright 2014, Dave Gamache
-* www.getskeleton.com
-* Free to use under the MIT license.
-* http://www.opensource.org/licenses/mit-license.php
-* 12/29/2014
-*/
-
-
-/* Table of contents
-––––––––––––––––––––––––––––––––––––––––––––––––––
-- Grid
-- Base Styles
-- Typography
-- Links
-- Buttons
-- Forms
-- Lists
-- Code
-- Tables
-- Spacing
-- Utilities
-- Clearing
-- Media Queries
-*/
-
-
-/* Grid
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-.container {
-  position: relative;
-  width: 100%;
-  max-width: 960px;
-  margin: 0 auto;
-  padding: 0 20px;
-  box-sizing: border-box; }
-.column,
-.columns {
-  width: 100%;
-  float: left;
-  box-sizing: border-box; }
-
-/* For devices larger than 400px */
-@media (min-width: 400px) {
-  .container {
-    width: 85%;
-    padding: 0; }
-}
-
-/* For devices larger than 550px */
-@media (min-width: 550px) {
-  .container {
-    width: 80%; }
-  .column,
-  .columns {
-    margin-left: 4%; }
-  .column:first-child,
-  .columns:first-child {
-    margin-left: 0; }
-
-  .one.column,
-  .one.columns                    { width: 4.66666666667%; }
-  .two.columns                    { width: 13.3333333333%; }
-  .three.columns                  { width: 22%;            }
-  .four.columns                   { width: 30.6666666667%; }
-  .five.columns                   { width: 39.3333333333%; }
-  .six.columns                    { width: 48%;            }
-  .seven.columns                  { width: 56.6666666667%; }
-  .eight.columns                  { width: 65.3333333333%; }
-  .nine.columns                   { width: 74.0%;          }
-  .ten.columns                    { width: 82.6666666667%; }
-  .eleven.columns                 { width: 91.3333333333%; }
-  .twelve.columns                 { width: 100%; margin-left: 0; }
-
-  .one-third.column               { width: 30.6666666667%; }
-  .two-thirds.column              { width: 65.3333333333%; }
-
-  .one-half.column                { width: 48%; }
-}
-
-
-/* Base Styles
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-/* NOTE
-html is set to 62.5% so that all the REM measurements throughout Skeleton
-are based on 10px sizing. So basically 1.5rem = 15px :) */
-html {
-  font-size: 62.5%; }
-body {
-  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
-  line-height: 1.6;
-  font-weight: 400;
-  font-family: font_text;
-  color: #222; }
-
-
-/* Typography
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-h1, h2, h3, h4, h5, h6 {
-  margin-top: 0;
-  margin-bottom: 2rem;
-  font-weight: 300; }
-h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
-h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
-h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
-h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
-h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
-h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
-
-/* Larger than phablet */
-@media (min-width: 550px) {
-  h1 { font-size: 5.0rem; }
-  h2 { font-size: 4.2rem; }
-  h3 { font-size: 3.6rem; }
-  h4 { font-size: 3.0rem; }
-  h5 { font-size: 2.4rem; }
-  h6 { font-size: 1.5rem; }
-}
-
-p {
-  margin-top: 0; }
-
-
-/* Links
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-a {
-  color: #1EAEDB; }
-a:hover {
-  color: #0FA0CE; }
-
-
-/* Buttons
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-.button,
-button,
-input[type="submit"],
-input[type="reset"],
-input[type="button"] {
-  display: inline-block;
-  height: 38px;
-  padding: 0 30px;
-  color: #555;
-  text-align: center;
-  font-size: 11px;
-  font-weight: 600;
-  line-height: 38px;
-  letter-spacing: .1rem;
-  text-transform: uppercase;
-  text-decoration: none;
-  white-space: nowrap;
-  background-color: transparent;
-  border-radius: 4px;
-  border: 1px solid #bbb;
-  cursor: pointer;
-  box-sizing: border-box; }
-.button:hover,
-button:hover,
-input[type="submit"]:hover,
-input[type="reset"]:hover,
-input[type="button"]:hover,
-.button:focus,
-button:focus,
-input[type="submit"]:focus,
-input[type="reset"]:focus,
-input[type="button"]:focus {
-  color: #333;
-  border-color: #888;
-  outline: 0; }
-.button.button-primary,
-button.button-primary,
-input[type="submit"].button-primary,
-input[type="reset"].button-primary,
-input[type="button"].button-primary {
-  color: #FFF;
-  background-color: #33C3F0;
-  border-color: #33C3F0; }
-.button.button-primary:hover,
-button.button-primary:hover,
-input[type="submit"].button-primary:hover,
-input[type="reset"].button-primary:hover,
-input[type="button"].button-primary:hover,
-.button.button-primary:focus,
-button.button-primary:focus,
-input[type="submit"].button-primary:focus,
-input[type="reset"].button-primary:focus,
-input[type="button"].button-primary:focus {
-  color: #FFF;
-  background-color: #1EAEDB;
-  border-color: #1EAEDB; }
-
-
-/* Forms
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-input[type="email"],
-input[type="number"],
-input[type="search"],
-input[type="text"],
-input[type="tel"],
-input[type="url"],
-input[type="password"],
-textarea,
-select {
-  height: 38px;
-  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
-  background-color: #fff;
-  border: 1px solid #D1D1D1;
-  border-radius: 4px;
-  box-shadow: none;
-  box-sizing: border-box; }
-/* Removes awkward default styles on some inputs for iOS */
-input[type="email"],
-input[type="number"],
-input[type="search"],
-input[type="text"],
-input[type="tel"],
-input[type="url"],
-input[type="password"],
-textarea {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none; }
-textarea {
-  min-height: 65px;
-  padding-top: 6px;
-  padding-bottom: 6px; }
-input[type="email"]:focus,
-input[type="number"]:focus,
-input[type="search"]:focus,
-input[type="text"]:focus,
-input[type="tel"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-textarea:focus,
-select:focus {
-  border: 1px solid #33C3F0;
-  outline: 0; }
-label,
-legend {
-  display: block;
-  margin-bottom: .5rem;
-  font-weight: 600; }
-fieldset {
-  padding: 0;
-  border-width: 0; }
-input[type="checkbox"],
-input[type="radio"] {
-  display: inline; }
-label > .label-body {
-  display: inline-block;
-  margin-left: .5rem;
-  font-weight: normal; }
-
-
-/* Lists
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-ul {
-  list-style: circle inside; }
-ol {
-  list-style: decimal inside; }
-ol, ul {
-  padding-left: 0;
-  margin-top: 0; }
-ul ul,
-ul ol,
-ol ol,
-ol ul {
-  margin: 1.5rem 0 1.5rem 3rem;
-}
-li {
-  margin-bottom: 1rem; }
-
-
-/* Code
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-code {
-  padding: .2rem .5rem;
-  margin: 0 .2rem;
-  font-size: 90%;
-  white-space: nowrap;
-  background: #F1F1F1;
-  border: 1px solid #E1E1E1;
-  border-radius: 4px; }
-pre > code {
-  display: block;
-  padding: 1rem 1.5rem;
-  white-space: pre; }
-
-
-/* Tables
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-th,
-td {
-  padding: 12px 15px;
-  text-align: left;
-  border-bottom: 1px solid #E1E1E1; }
-th:first-child,
-td:first-child {
-  padding-left: 0; }
-th:last-child,
-td:last-child {
-  padding-right: 0; }
-
-
-/* Spacing
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-button,
-.button {
-  margin-bottom: 1rem; }
-input,
-textarea,
-select,
-fieldset {
-  margin-bottom: 1.5rem; }
-pre,
-blockquote,
-dl,
-figure,
-table,
-p,
-ul,
-ol,
-form {
-  margin-bottom: 2.5rem; }
-
-
-/* Misc
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-hr {
-  margin-top: 3rem;
-  margin-bottom: 3.5rem;
-  border-width: 0;
-  border-top: 1px solid #E1E1E1; }
-
-
-/* Clearing
-–––––––––––––––––––––––––––––––––––––––––––––––––– */
-
-/* Self Clearing Goodness */
-.container:after,
-.row:after,
-.u-cf {
-  content: "";
-  display: table;
-  clear: both; }