9 files changed, 743 insertions, 0 deletions
diff --git a/_sass/tiny/_base.scss b/_sass/tiny/_base.scss
new file mode 100644
index 0000000..ba6d78a
--- /dev/null
+++ b/_sass/tiny/_base.scss
@@ -0,0 +1,62 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-size: $base-font-size;
+  color: $base-color;
+}
+
+a {
+  color: $brand-color;
+  text-decoration: none;
+
+  &:hover,
+  &:active {
+    color: $alternate-color;
+  }
+}
+
+// Horizontal lines
+hr {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid $muted-color;
+  @include clearfix();
+}
+
+p {
+  line-height: 2em;
+}
+
+li {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+
+pre {
+  line-height: 1.5em;
+}
+
+blockquote {
+  font-style: italic;
+}
+
+.main-header {
+  padding: 10px;
+  text-align: center;
+  font-family: $sans;
+  @include gradient(lighten($brand-color, 3%), darken($brand-color, 3%));
+  a {
+    color: white;
+    padding: 15px;
+
+    &:active,
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
diff --git a/_sass/tiny/_fonts.scss b/_sass/tiny/_fonts.scss
new file mode 100644
index 0000000..1b60da6
--- /dev/null
+++ b/_sass/tiny/_fonts.scss
@@ -0,0 +1,30 @@
+// Open Sans
+@font-face {
+    font-family: 'open_sans';
+    src: url('/assets/fonts/OpenSans-Light.eot');
+    src: url('/assets/fonts/OpenSans-Light.woff') format('woff'),
+        url('/assets/fonts/OpenSans-Light.ttf') format('truetype');
+    font-weight: 200;
+    font-style: normal;
+}
+
+// Merriweather
+@font-face {
+    font-family: 'merriweather_light';
+    src: url('/assets/fonts/merriweather-lightitalic-webfont.eot');
+    src: url('/assets/fonts/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/assets/fonts/merriweather-lightitalic-webfont.woff') format('woff'),
+         url('/assets/fonts/merriweather-lightitalic-webfont.ttf') format('truetype');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'merriweather_light';
+    src: url('/assets/fonts/merriweather_light-webfont.eot');
+    src: url('/assets/fonts/merriweather_light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('/assets/fonts/merriweather_light-webfont.woff') format('woff'),
+         url('/assets/fonts/merriweather_light-webfont.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
diff --git a/_sass/tiny/_layout.scss b/_sass/tiny/_layout.scss
new file mode 100644
index 0000000..bf44757
--- /dev/null
+++ b/_sass/tiny/_layout.scss
@@ -0,0 +1,69 @@
+// Fixed-width, centered column for site content.
+.container {
+  width: $container-width;
+  margin-right: auto;
+  margin-left: auto;
+  @include clearfix;
+}
+
+// Grid system
+//
+// Create rows with `.columns` to clear the floated columns and outdent the
+// padding on `.column`s with negative margin for alignment.
+
+.columns {
+  margin-right: -$grid-gutter;
+  margin-left: -$grid-gutter;
+  @include clearfix;
+}
+
+// Base class for every column (requires a column width from below)
+.column {
+  float: left;
+  padding-right: $grid-gutter;
+  padding-left: $grid-gutter;
+}
+
+// Column widths
+.one-third {
+  width: 33.333333%;
+}
+
+// .two-thirds {
+//   width: 66.666667%;
+// }
+
+// .one-fourth {
+//   width: 25%;
+// }
+
+.one-half {
+  width: 50%;
+}
+
+// .three-fourths {
+//   width: 75%;
+// }
+
+// .one-fifth {
+//   width: 20%;
+// }
+
+// .four-fifths {
+//   width: 80%;
+// }
+
+// Single column hack
+.single-column {
+  padding-right: $grid-gutter;
+  padding-left: $grid-gutter;
+}
+
+// Equal width columns via table sorcery.
+// .table-column {
+//   display: table-cell;
+//   width: 1%;
+//   padding-right: $grid-gutter;
+//   padding-left: $grid-gutter;
+//   vertical-align: top;
+// }
diff --git a/_sass/tiny/_mixins.scss b/_sass/tiny/_mixins.scss
new file mode 100644
index 0000000..3afa7e9
--- /dev/null
+++ b/_sass/tiny/_mixins.scss
@@ -0,0 +1,36 @@
+// Clearfix
+//
+// Clears floats via mixin (avoid using as a class).
+
+@mixin clearfix {
+  &:before {
+    display: table;
+    content: "";
+  }
+
+  &:after {
+    display: table;
+    clear: both;
+    content: "";
+  }
+}
+
+// Text hiding for image based text replacement.
+// Higher performance than -9999px because it only renders
+// the size of the actual text, not a full 9999px box.
+
+@mixin hide-text() {
+  overflow: hidden;
+  text-indent: 100%;
+  white-space: nowrap;
+}
+
+@mixin gradient($start: #fafafa, $end: #eaeaea) {
+  background-color: $end;
+  // FF 3.6+
+  background-image: -moz-linear-gradient($start, $end);
+  // Safari 5.1+, Chrome 10+
+  background-image: -webkit-linear-gradient($start, $end);
+  background-image: linear-gradient($start, $end);
+  background-repeat: repeat-x;
+}
diff --git a/_sass/tiny/_normalize.scss b/_sass/tiny/_normalize.scss
new file mode 100644
index 0000000..4ccb777
--- /dev/null
+++ b/_sass/tiny/_normalize.scss
@@ -0,0 +1,423 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+  font-family: $serif; /* 1 */
+  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/10/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 of focused elements when they are also in an
+ * active/hover state.
+ */
+
+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 {
+  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;
+  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.
+ */
+
+// input[type="search"] {
+//   -webkit-appearance: textfield; /* 1 */
+//   box-sizing: content-box; /* 2 */
+// }
+
+/**
+ * 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;
+}
diff --git a/_sass/tiny/_syntax.scss b/_sass/tiny/_syntax.scss
new file mode 100644
index 0000000..1e651cf
--- /dev/null
+++ b/_sass/tiny/_syntax.scss
@@ -0,0 +1,60 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+\ No newline at end of file
diff --git a/_sass/tiny/_type.scss b/_sass/tiny/_type.scss
new file mode 100644
index 0000000..8f873ac
--- /dev/null
+++ b/_sass/tiny/_type.scss
@@ -0,0 +1,12 @@
+h1, h2 {
+  font-family: $sans;
+  font-weight: 200;
+}
+
+h1 {
+  font-size: 3rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
diff --git a/_sass/tiny/_utility.scss b/_sass/tiny/_utility.scss
new file mode 100644
index 0000000..1213070
--- /dev/null
+++ b/_sass/tiny/_utility.scss
@@ -0,0 +1,39 @@
+// Layout
+.centered {
+  display: block;
+  float: none;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Text alignment
+.text-right { text-align: right; }
+.text-left { text-align: left; }
+.text-center { text-align: center; }
+
+.sans {
+  font-family: $sans;
+}
+
+.muted {
+  color: $muted-color;
+  a {
+    color: $muted-color;
+    &:active,
+    &:hover {
+      color: $alternate-color;
+    }
+  }
+}
+
+.fancy-table {
+  font-family: $sans;
+  font-size: 80%;
+  td {
+    padding: 7px;
+  }
+
+  tbody tr:nth-child(even) {
+    background-color: #eee;
+  }
+}
diff --git a/_sass/tiny/_variables.scss b/_sass/tiny/_variables.scss
new file mode 100644
index 0000000..1b1a873
--- /dev/null
+++ b/_sass/tiny/_variables.scss
@@ -0,0 +1,12 @@
+$brand-color: #00819B;
+$alternate-color: adjust-hue($brand-color, -120);
+$muted-color: desaturate($brand-color, 100%);
+$base-color: #222;
+
+$base-font-size: 20px;
+$sans: 'open_sans', Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif;
+$serif: 'merriweather_light';
+$monospace: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
+
+$container-width: 900px;
+$grid-gutter: 10px;