diff --git a/.gitignore b/.gitignore
new file mode 100644
index 00000000..1970f319
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+_site
+.sass-cache
+Gemfile.lock
+\.DS_Store
diff --git a/assets/css/stately.scss b/assets/css/stately.scss
index 27183cbf..1cb0776e 100755
--- a/assets/css/stately.scss
+++ b/assets/css/stately.scss
@@ -3,7 +3,11 @@
 
 // Import dev dependancies (pulled in via npm)
 // Primer CSS
-@import "./primer.scss";
+@import "./primer-support/index.scss";
+@import "./primer-base/index.scss";
+@import "./primer-layout/index.scss";
+@import "./primer-utilities/index.scss";
+@import "./primer-alerts/index.scss";
 
 @import "./support/variables.scss";
 @import "./utilities/utilities.scss";
diff --git a/node_modules/primer-alerts/LICENSE b/node_modules/primer-alerts/LICENSE
new file mode 100644
index 00000000..5715c136
--- /dev/null
+++ b/node_modules/primer-alerts/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 GitHub Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/primer-alerts/index.scss b/node_modules/primer-alerts/index.scss
new file mode 100644
index 00000000..6f60ab33
--- /dev/null
+++ b/node_modules/primer-alerts/index.scss
@@ -0,0 +1,3 @@
+// support files
+@import "primer-support/index.scss";
+@import "./lib/flash.scss";
diff --git a/node_modules/primer-alerts/lib/flash.scss b/node_modules/primer-alerts/lib/flash.scss
new file mode 100644
index 00000000..1a7a35ab
--- /dev/null
+++ b/node_modules/primer-alerts/lib/flash.scss
@@ -0,0 +1,99 @@
+// Default flash
+// stylelint-disable selector-no-type
+.flash {
+  position: relative;
+  padding: 15px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: $flash-text-blue;
+  background-color: $flash-bg-blue;
+  border: 1px solid $flash-border-blue;
+  border-radius: 3px;
+
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+// Contain the flash messages
+.flash-messages {
+  margin-bottom: 20px;
+}
+
+// Close button
+.flash-close {
+  float: right;
+  width: 34px;
+  height: 44px;
+  margin: -11px;
+  line-height: 40px;
+  color: inherit;
+  text-align: center;
+  cursor: pointer;
+  // Undo `<button>` styles
+  background: none;
+  border: 0;
+  appearance: none;
+  opacity: 0.6;
+
+  &:hover {
+    opacity: 1;
+  }
+}
+
+// Action button
+.flash-action {
+  float: right;
+  margin-top: -4px;
+  margin-left: 20px;
+}
+
+//
+// Variations
+//
+
+.flash-warn {
+  color: $flash-text-yellow;
+  background-color: $flash-bg-yellow;
+  border-color: $flash-border-yellow;
+}
+
+.flash-error {
+  color: $flash-text-red;
+  background-color: $flash-bg-red;
+  border-color: $flash-border-red;
+}
+
+.flash-full {
+  margin-top: -1px;
+  border-width: 1px 0;
+  border-radius: 0;
+}
+
+.flash-with-icon {
+  .container {
+    padding-left: 40px;
+  }
+
+  .flash-icon {
+    float: left;
+    margin-top: 3px;
+    margin-left: -25px;
+  }
+}
+
+// Content within
+//
+// Reset margins on headings and paragraphs within alerts.
+.flash-content {
+  margin-top: 0;
+  margin-bottom: 0;
+  line-height: 1.5;
+}
+
+.warning {
+  padding: 0.5em;
+  margin-bottom: 0.8em;
+  font-weight: bold;
+  background-color: #fffccc;
+}
diff --git a/node_modules/primer-alerts/package.json b/node_modules/primer-alerts/package.json
new file mode 100644
index 00000000..bb1618cc
--- /dev/null
+++ b/node_modules/primer-alerts/package.json
@@ -0,0 +1,101 @@
+{
+  "_args": [
+    [
+      "primer-alerts@^0.4.0",
+      "/Users/pmarsceill/_projects/stately"
+    ]
+  ],
+  "_from": "primer-alerts@>=0.4.0 <0.5.0",
+  "_id": "primer-alerts@0.4.0",
+  "_inCache": true,
+  "_installable": true,
+  "_location": "/primer-alerts",
+  "_nodeVersion": "5.12.0",
+  "_npmOperationalInternal": {
+    "host": "packages-18-east.internal.npmjs.com",
+    "tmp": "tmp/primer-alerts-0.4.0.tgz_1478178129740_0.8974032804835588"
+  },
+  "_npmUser": {
+    "email": "yes@jonrohan.codes",
+    "name": "jonrohan"
+  },
+  "_npmVersion": "3.8.6",
+  "_phantomChildren": {},
+  "_requested": {
+    "name": "primer-alerts",
+    "raw": "primer-alerts@^0.4.0",
+    "rawSpec": "^0.4.0",
+    "scope": null,
+    "spec": ">=0.4.0 <0.5.0",
+    "type": "range"
+  },
+  "_requiredBy": [
+    "#DEV:/"
+  ],
+  "_resolved": "https://registry.npmjs.org/primer-alerts/-/primer-alerts-0.4.0.tgz",
+  "_shasum": "9bfe6545823eebf67738b68fb0dd5d5e355900d6",
+  "_shrinkwrap": null,
+  "_spec": "primer-alerts@^0.4.0",
+  "_where": "/Users/pmarsceill/_projects/stately",
+  "author": {
+    "name": "GitHub, Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/primer/primer-alerts/issues"
+  },
+  "dependencies": {
+    "primer-support": "*"
+  },
+  "description": "Flash messages, or alerts, inform users of successful or pending actions.",
+  "devDependencies": {
+    "autoprefixer": "^6.3.6",
+    "node-sass": "^3.7.0",
+    "postcss-cli": "^2.5.2",
+    "stylelint": "^7.0.3",
+    "stylelint-config-primer": "^1.1.0"
+  },
+  "directories": {},
+  "dist": {
+    "shasum": "9bfe6545823eebf67738b68fb0dd5d5e355900d6",
+    "tarball": "https://registry.npmjs.org/primer-alerts/-/primer-alerts-0.4.0.tgz"
+  },
+  "files": [
+    "build",
+    "index.scss",
+    "lib"
+  ],
+  "gitHead": "d863362f7d340229431498cb6ee49732f2058ab2",
+  "homepage": "http://primercss.io/",
+  "keywords": [
+    "alerts",
+    "callouts",
+    "css",
+    "flash",
+    "github",
+    "primer",
+    "primercss",
+    "style"
+  ],
+  "license": "MIT",
+  "maintainers": [
+    {
+      "name": "jonrohan",
+      "email": "yes@jonrohan.codes"
+    }
+  ],
+  "name": "primer-alerts",
+  "optionalDependencies": {},
+  "readme": "ERROR: No README data found!",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/primer-alerts.git"
+  },
+  "scripts": {
+    "build": "node-sass index.scss --include-path node_modules --output-style compressed | postcss -c .postcss.json -o build/build.css",
+    "prepublish": "npm run setup && npm run build",
+    "setup": "if [ ! -d \"node_modules\" ]; then npm install; fi",
+    "test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
+  },
+  "style": "index.scss",
+  "version": "0.4.0"
+}
diff --git a/node_modules/primer-base/LICENSE b/node_modules/primer-base/LICENSE
new file mode 100644
index 00000000..5715c136
--- /dev/null
+++ b/node_modules/primer-base/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 GitHub Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/primer-base/index.scss b/node_modules/primer-base/index.scss
new file mode 100644
index 00000000..2ce815d1
--- /dev/null
+++ b/node_modules/primer-base/index.scss
@@ -0,0 +1,5 @@
+@import "primer-support/index.scss";
+
+@import "./lib/normalize.scss";
+@import "./lib/base.scss";
+@import "./lib/typography-base.scss";
diff --git a/node_modules/primer-base/lib/base.scss b/node_modules/primer-base/lib/base.scss
new file mode 100644
index 00000000..d9c77a9e
--- /dev/null
+++ b/node_modules/primer-base/lib/base.scss
@@ -0,0 +1,67 @@
+// stylelint-disable selector-no-type
+* {
+  box-sizing: border-box;
+}
+
+input,
+select,
+textarea,
+button {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+body {
+  font-family: $body-font;
+  font-size: $body-font-size;
+  line-height: $body-line-height;
+  color: $text-gray-dark;
+  background-color: $bg-white;
+}
+
+a {
+  color: $text-blue;
+  text-decoration: none;
+
+  &:hover,
+  &:active {
+    text-decoration: underline;
+  }
+}
+
+strong {
+  font-weight: $font-weight-bold;
+}
+
+// Horizontal lines
+//
+// TODO-MDO: Remove `.rule` from everywhere and replace with `<hr>`s
+hr,
+.rule {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #ddd;
+  @include clearfix();
+}
+
+//
+// Remove most spacing between table cells.
+//
+
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+
+td,
+th {
+  padding: 0;
+}
+
+button {
+  cursor: pointer;
+}
diff --git a/node_modules/primer-base/lib/normalize.scss b/node_modules/primer-base/lib/normalize.scss
new file mode 100644
index 00000000..bca298e7
--- /dev/null
+++ b/node_modules/primer-base/lib/normalize.scss
@@ -0,0 +1,423 @@
+// stylelint-disable
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+  margin: 0;
+}
+
+/* HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
+ */
+
+article,
+aside,
+details, /* 1 */
+figcaption,
+figure,
+footer,
+header,
+main, /* 2 */
+menu,
+nav,
+section { /* 1 */
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+
+template, /* 1 */
+[hidden] {
+  display: none;
+}
+
+/* Links
+   ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+  background-color: transparent; /* 1 */
+  -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+  outline-width: 0;
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+  font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+  background-color: #ff0;
+  color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+  border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+  margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+select,
+textarea {
+  font: inherit; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Restore the font weight unset by the previous rule.
+ */
+
+optgroup {
+  font-weight: bold;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ *    controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
diff --git a/node_modules/primer-base/lib/typography-base.scss b/node_modules/primer-base/lib/typography-base.scss
new file mode 100644
index 00000000..4a6a39ad
--- /dev/null
+++ b/node_modules/primer-base/lib/typography-base.scss
@@ -0,0 +1,85 @@
+// Headings
+// --------------------------------------------------
+// stylelint-disable selector-no-type
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+h1 { @include h1; }
+h2 { @include h2; }
+h3 { @include h3; }
+h4 { @include h4; }
+h5 { @include h5; }
+h6 { @include h6; }
+
+// Body text
+// --------------------------------------------------
+
+p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+small {
+  font-size: 90%;
+}
+
+blockquote {
+  margin: 0;
+}
+
+// Lists
+// --------------------------------------------------
+
+ul,
+ol {
+  padding-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+ol ol,
+ul ol {
+  list-style-type: lower-roman;
+}
+
+ul ul ol,
+ul ol ol,
+ol ul ol,
+ol ol ol {
+  list-style-type: lower-alpha;
+}
+
+dd {
+  margin-left: 0;
+}
+
+// Code
+// --------------------------------------------------
+
+tt,
+code {
+  font-family: $mono-font;
+  font-size: 12px;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 0;
+  font: 12px $mono-font;
+}
+
+// Octicons
+// --------------------------------------------------
+
+// Move this over here as a temporary override to the octicons source repo
+// instead of updating that upstream.
+.octicon {
+  vertical-align: text-bottom;
+}
diff --git a/node_modules/primer-base/package.json b/node_modules/primer-base/package.json
new file mode 100644
index 00000000..fec9a8d5
--- /dev/null
+++ b/node_modules/primer-base/package.json
@@ -0,0 +1,102 @@
+{
+  "_args": [
+    [
+      "primer-base@0.4.2",
+      "/Users/pmarsceill/_projects/stately"
+    ]
+  ],
+  "_from": "primer-base@0.4.2",
+  "_id": "primer-base@0.4.2",
+  "_inCache": true,
+  "_installable": true,
+  "_location": "/primer-base",
+  "_nodeVersion": "7.4.0",
+  "_npmOperationalInternal": {
+    "host": "packages-18-east.internal.npmjs.com",
+    "tmp": "tmp/primer-base-0.4.2.tgz_1484826723227_0.8080247030593455"
+  },
+  "_npmUser": {
+    "email": "yes@jonrohan.codes",
+    "name": "jonrohan"
+  },
+  "_npmVersion": "4.0.5",
+  "_phantomChildren": {},
+  "_requested": {
+    "name": "primer-base",
+    "raw": "primer-base@0.4.2",
+    "rawSpec": "0.4.2",
+    "scope": null,
+    "spec": "0.4.2",
+    "type": "version"
+  },
+  "_requiredBy": [
+    "#DEV:/"
+  ],
+  "_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-0.4.2.tgz",
+  "_shasum": "10bea7bdd454c447b1ed6e801595f3888b30f01f",
+  "_shrinkwrap": null,
+  "_spec": "primer-base@0.4.2",
+  "_where": "/Users/pmarsceill/_projects/stately",
+  "author": {
+    "name": "GitHub, Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/primer/primer-base/issues"
+  },
+  "dependencies": {
+    "primer-support": "*"
+  },
+  "description": "CSS to reset the browsers default styles",
+  "devDependencies": {
+    "primer-module-build": "*",
+    "stylelint": "*",
+    "stylelint-config-primer": "*"
+  },
+  "directories": {},
+  "dist": {
+    "shasum": "10bea7bdd454c447b1ed6e801595f3888b30f01f",
+    "tarball": "https://registry.npmjs.org/primer-base/-/primer-base-0.4.2.tgz"
+  },
+  "files": [
+    "build",
+    "index.scss",
+    "lib"
+  ],
+  "gitHead": "0b48007af04945594bf6028d60971f0e57854aa3",
+  "homepage": "http://primercss.io/",
+  "keywords": [
+    "base",
+    "css",
+    "github",
+    "normalize",
+    "primer",
+    "primercss",
+    "reset"
+  ],
+  "license": "MIT",
+  "main": "build/index.js",
+  "maintainers": [
+    {
+      "name": "broccolini",
+      "email": "diana.mounter@gmail.com"
+    },
+    {
+      "name": "jonrohan",
+      "email": "yes@jonrohan.codes"
+    }
+  ],
+  "name": "primer-base",
+  "optionalDependencies": {},
+  "readme": "ERROR: No README data found!",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/primer-base.git"
+  },
+  "scripts": {
+    "build": "primer-module-build index.scss",
+    "prepublish": "npm run build",
+    "test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
+  },
+  "style": "index.scss",
+  "version": "0.4.2"
+}
diff --git a/node_modules/primer-layout/LICENSE b/node_modules/primer-layout/LICENSE
new file mode 100644
index 00000000..5715c136
--- /dev/null
+++ b/node_modules/primer-layout/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 GitHub Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/primer-layout/index.scss b/node_modules/primer-layout/index.scss
new file mode 100644
index 00000000..43a0d3e5
--- /dev/null
+++ b/node_modules/primer-layout/index.scss
@@ -0,0 +1,5 @@
+@import "primer-support/index.scss";
+@import "./lib/container.scss";
+@import "./lib/columns.scss";
+@import "./lib/grid.scss";
+@import "./lib/grid-offset.scss";
diff --git a/node_modules/primer-layout/lib/columns.scss b/node_modules/primer-layout/lib/columns.scss
new file mode 100644
index 00000000..fd74f7d2
--- /dev/null
+++ b/node_modules/primer-layout/lib/columns.scss
@@ -0,0 +1,69 @@
+// 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;
+}
+
+// Centers content horizontally. Can be used inside or outside the grid.
+.centered {
+  display: block;
+  float: none;
+  margin-right: auto;
+  margin-left: auto;
+}
diff --git a/node_modules/primer-layout/lib/container.scss b/node_modules/primer-layout/lib/container.scss
new file mode 100644
index 00000000..3905d577
--- /dev/null
+++ b/node_modules/primer-layout/lib/container.scss
@@ -0,0 +1,33 @@
+// Fixed-width, centered column for site content.
+// This will be deprecated and replaced with container-lg in future
+.container {
+  width: $container-width;
+  margin-right: auto;
+  margin-left: auto;
+  @include clearfix;
+}
+
+// Handy container styles that match our breakpoints
+// 768px
+.container-md {
+  max-width: $container-md;
+  margin-right: auto;
+  margin-left: auto;
+  @include clearfix;
+}
+
+// 1004px - this matches the current fixed width: 980px + padding: px-3
+.container-lg {
+  max-width: $container-lg;
+  margin-right: auto;
+  margin-left: auto;
+  @include clearfix;
+}
+
+// 1280px
+.container-xl {
+  max-width: $container-xl;
+  margin-right: auto;
+  margin-left: auto;
+  @include clearfix;
+}
diff --git a/node_modules/primer-layout/lib/grid-offset.scss b/node_modules/primer-layout/lib/grid-offset.scss
new file mode 100644
index 00000000..e638d385
--- /dev/null
+++ b/node_modules/primer-layout/lib/grid-offset.scss
@@ -0,0 +1,30 @@
+// Optional offset options to work with grid.scss
+
+// Offset Columns
+.offset-1 { margin-left: (1 / 12 * 100%); }
+.offset-2 { margin-left: (2 / 12 * 100%); }
+.offset-3 { margin-left: (3 / 12 * 100%); }
+.offset-4 { margin-left: (4 / 12 * 100%); }
+.offset-5 { margin-left: (5 / 12 * 100%); }
+.offset-6 { margin-left: (6 / 12 * 100%); }
+.offset-7 { margin-left: (7 / 12 * 100%); }
+.offset-8 { margin-left: (8 / 12 * 100%); }
+.offset-9 { margin-left: (9 / 12 * 100%); }
+.offset-10 { margin-left: (10 / 12 * 100%); }
+.offset-11 { margin-left: (11 / 12 * 100%); }
+
+@each $breakpoint in map-keys($breakpoints) {
+  @include breakpoint($breakpoint) {
+    .offset-#{$breakpoint}-1 { margin-left: (1 / 12 * 100%); }
+    .offset-#{$breakpoint}-2 { margin-left: (2 / 12 * 100%); }
+    .offset-#{$breakpoint}-3 { margin-left: (3 / 12 * 100%); }
+    .offset-#{$breakpoint}-4 { margin-left: (4 / 12 * 100%); }
+    .offset-#{$breakpoint}-5 { margin-left: (5 / 12 * 100%); }
+    .offset-#{$breakpoint}-6 { margin-left: (6 / 12 * 100%); }
+    .offset-#{$breakpoint}-7 { margin-left: (7 / 12 * 100%); }
+    .offset-#{$breakpoint}-8 { margin-left: (8 / 12 * 100%); }
+    .offset-#{$breakpoint}-9 { margin-left: (9 / 12 * 100%); }
+    .offset-#{$breakpoint}-10 { margin-left: (10 / 12 * 100%); }
+    .offset-#{$breakpoint}-11 { margin-left: (11 / 12 * 100%); }
+  }
+}
diff --git a/node_modules/primer-layout/lib/grid.scss b/node_modules/primer-layout/lib/grid.scss
new file mode 100644
index 00000000..9960239b
--- /dev/null
+++ b/node_modules/primer-layout/lib/grid.scss
@@ -0,0 +1,47 @@
+// GRID
+
+// Columns
+.col-1 { width: (1 / 12 * 100%); }
+.col-2 { width: (2 / 12 * 100%); }
+.col-3 { width: (3 / 12 * 100%); }
+.col-4 { width: (4 / 12 * 100%); }
+.col-5 { width: (5 / 12 * 100%); }
+.col-6 { width: (6 / 12 * 100%); }
+.col-7 { width: (7 / 12 * 100%); }
+.col-8 { width: (8 / 12 * 100%); }
+.col-9 { width: (9 / 12 * 100%); }
+.col-10 { width: (10 / 12 * 100%); }
+.col-11 { width: (11 / 12 * 100%); }
+.col-12 { width: 100%; }
+
+@each $breakpoint in map-keys($breakpoints) {
+  @include breakpoint($breakpoint) {
+    .col-#{$breakpoint}-1 { width: ( 1 / 12 * 100%); }
+    .col-#{$breakpoint}-2 { width: ( 2 / 12 * 100%); }
+    .col-#{$breakpoint}-3 { width: ( 3 / 12 * 100%); }
+    .col-#{$breakpoint}-4 { width: ( 4 / 12 * 100%); }
+    .col-#{$breakpoint}-5 { width: ( 5 / 12 * 100%); }
+    .col-#{$breakpoint}-6 { width: ( 6 / 12 * 100%); }
+    .col-#{$breakpoint}-7 { width: ( 7 / 12 * 100%); }
+    .col-#{$breakpoint}-8 { width: ( 8 / 12 * 100%); }
+    .col-#{$breakpoint}-9 { width: ( 9 / 12 * 100%); }
+    .col-#{$breakpoint}-10 { width: ( 10 / 12 * 100%); }
+    .col-#{$breakpoint}-11 { width: ( 11 / 12 * 100%); }
+    .col-#{$breakpoint}-12 { width: 100%; }
+  }
+}
+
+// Gutters apply padding and a negative margin to the outside of the container
+@mixin gutters ($gutter-width: $spacer3) {
+  margin-right: -$gutter-width;
+  margin-left: -$gutter-width;
+
+  > [class*="col-"] {
+    padding-right: $gutter-width !important;
+    padding-left: $gutter-width !important;
+  }
+}
+
+.gut-sm { @include gutters($spacer-2); }
+.gut-md { @include gutters($spacer-3); }
+.gut-lg { @include gutters($spacer-4); }
diff --git a/node_modules/primer-layout/package.json b/node_modules/primer-layout/package.json
new file mode 100644
index 00000000..4e77be9f
--- /dev/null
+++ b/node_modules/primer-layout/package.json
@@ -0,0 +1,95 @@
+{
+  "_args": [
+    [
+      "primer-layout@0.3.1",
+      "/Users/pmarsceill/_projects/stately"
+    ]
+  ],
+  "_from": "primer-layout@0.3.1",
+  "_id": "primer-layout@0.3.1",
+  "_inCache": true,
+  "_installable": true,
+  "_location": "/primer-layout",
+  "_nodeVersion": "7.4.0",
+  "_npmOperationalInternal": {
+    "host": "packages-18-east.internal.npmjs.com",
+    "tmp": "tmp/primer-layout-0.3.1.tgz_1484826787573_0.9631760914344341"
+  },
+  "_npmUser": {
+    "email": "yes@jonrohan.codes",
+    "name": "jonrohan"
+  },
+  "_npmVersion": "4.0.5",
+  "_phantomChildren": {},
+  "_requested": {
+    "name": "primer-layout",
+    "raw": "primer-layout@0.3.1",
+    "rawSpec": "0.3.1",
+    "scope": null,
+    "spec": "0.3.1",
+    "type": "version"
+  },
+  "_requiredBy": [
+    "#DEV:/"
+  ],
+  "_resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-0.3.1.tgz",
+  "_shasum": "f62fa777020a9d6183f77ecef18c3174f0833756",
+  "_shrinkwrap": null,
+  "_spec": "primer-layout@0.3.1",
+  "_where": "/Users/pmarsceill/_projects/stately",
+  "author": {
+    "name": "GitHub, Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/primer/primer-layout/issues"
+  },
+  "dependencies": {
+    "primer-support": "*"
+  },
+  "description": "Containers, rows, and columns for creating page layout.",
+  "devDependencies": {
+    "primer-module-build": "*",
+    "stylelint": "*",
+    "stylelint-config-primer": "*"
+  },
+  "directories": {},
+  "dist": {
+    "shasum": "f62fa777020a9d6183f77ecef18c3174f0833756",
+    "tarball": "https://registry.npmjs.org/primer-layout/-/primer-layout-0.3.1.tgz"
+  },
+  "files": [
+    "build",
+    "index.scss",
+    "lib"
+  ],
+  "gitHead": "d884335b0eb05ee8cac2b70e5587d4be3c8e8cdd",
+  "homepage": "http://primercss.io/",
+  "keywords": [
+    "css",
+    "github",
+    "primer",
+    "primercss"
+  ],
+  "license": "MIT",
+  "main": "build/index.js",
+  "maintainers": [
+    {
+      "name": "jonrohan",
+      "email": "yes@jonrohan.codes"
+    }
+  ],
+  "name": "primer-layout",
+  "optionalDependencies": {},
+  "readme": "ERROR: No README data found!",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/primer-layout.git"
+  },
+  "scripts": {
+    "build": "primer-module-build index.scss",
+    "prepublish": "npm run build",
+    "test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
+  },
+  "style": "index.scss",
+  "version": "0.3.1"
+}
diff --git a/node_modules/primer-support/LICENSE b/node_modules/primer-support/LICENSE
new file mode 100644
index 00000000..5715c136
--- /dev/null
+++ b/node_modules/primer-support/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 GitHub Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/primer-support/index.scss b/node_modules/primer-support/index.scss
new file mode 100644
index 00000000..7a91cda9
--- /dev/null
+++ b/node_modules/primer-support/index.scss
@@ -0,0 +1,8 @@
+// variables
+@import "./lib/variables.scss";
+
+// mixins
+@import "./lib/mixins/typography.scss";
+@import "./lib/mixins/layout.scss";
+@import "./lib/mixins/buttons.scss";
+@import "./lib/mixins/misc.scss";
diff --git a/node_modules/primer-support/lib/mixins/buttons.scss b/node_modules/primer-support/lib/mixins/buttons.scss
new file mode 100644
index 00000000..298dabf7
--- /dev/null
+++ b/node_modules/primer-support/lib/mixins/buttons.scss
@@ -0,0 +1,137 @@
+// Button color generator for primary and themed buttons
+
+@mixin solid-btn($foreground: $text-gray-dark, $background: #eee) {
+  color: $foreground;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
+  background-color: $background;
+  background-image: linear-gradient(saturate(lighten($background, 13%), 8%), saturate(darken($background, 9%), 5%));
+  border: 1px solid darken($background, 8%);
+
+  .counter {
+    color: saturate(darken($background, 9%), 5%);
+    background: $foreground;
+  }
+
+  &:hover,
+  &:active,
+  &.zeroclipboard-is-hover,
+  &.zeroclipboard-is-active {
+    background-color: darken($background, 10%);
+    background-image: linear-gradient(lighten($background, 8%), darken($background, 13%));
+    border-color: darken($background, 12%);
+  }
+
+  &:active,
+  &.selected,
+  &.zeroclipboard-is-active {
+    background-color: darken($background, 15%);
+    background-image: none;
+    border-color: darken($background, 20%);
+    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
+  }
+
+  &.selected:hover {
+    background-color: darken($background, 20%);
+  }
+
+  &:disabled,
+  &.disabled {
+    &,
+    &:hover {
+      color: $foreground;
+      cursor: default;
+      background-color: mix(#fff, $background, 50%);
+      background-image: linear-gradient(mix(#fff, $background, 60%), mix(#fff, darken($background, 5%), 45%));
+      border-color: mix(#fff, $background, 40%);
+      box-shadow: none;
+    }
+  }
+}
+
+// Button color generator for default-y buttons with grey bgs and colored text, like btn-danger
+
+@mixin inverse-hover-btn($foreground: $text-gray-dark) {
+  color: $foreground;
+
+  &:hover {
+    color: $text-white;
+    background-color: $foreground;
+    background-image: linear-gradient(lighten($foreground, 30%), lighten($foreground, 10%));
+    border-color: $foreground;
+  }
+
+  &:active,
+  &.selected {
+    color: $text-white;
+    background-color: darken($foreground, 5%);
+    background-image: none;
+    border-color: darken($foreground, 8%);
+  }
+
+  &.selected:hover {
+    background-color: darken($foreground, 5%);
+  }
+
+  &:disabled,
+  &.disabled {
+    &,
+    &:hover {
+      color: mix(#fff, $foreground, 50%);
+      background-color: #efefef;
+      background-image: linear-gradient(#fefefe, #efefef);
+      border-color: #e1e1e1;
+    }
+  }
+
+  &:hover,
+  &:active,
+  &.selected {
+    .counter {
+      color: $text-white;
+    }
+  }
+}
+
+// Outline color generator for btn-outline to make the hover state inverse the text and bg colors.
+
+@mixin outline-btn($text-color: $text-blue, $bg-color: $bg-white) {
+  color: $text-color;
+  background-color: $bg-color;
+  background-image: none;
+  border: 1px solid $border-gray;
+
+  .counter {
+    background-color: rgba(0, 0, 0, 0.07);
+  }
+
+  &:hover,
+  &:active,
+  &.selected,
+  &.zeroclipboard-is-hover,
+  &.zeroclipboard-is-active {
+    color: $bg-color;
+    background-color: $text-color;
+    background-image: none;
+    border-color: $text-color;
+
+    .counter {
+      color: $text-color;
+      background-color: $bg-color;
+    }
+  }
+
+  &.selected:hover {
+    background-color: darken($text-color, 5%);
+  }
+
+  &:disabled,
+  &.disabled {
+    &,
+    &:hover {
+      color: $text-gray;
+      background-color: $bg-white;
+      background-image: none;
+      border-color: $border-gray;
+    }
+  }
+}
diff --git a/node_modules/primer-support/lib/mixins/layout.scss b/node_modules/primer-support/lib/mixins/layout.scss
new file mode 100644
index 00000000..ec319d4f
--- /dev/null
+++ b/node_modules/primer-support/lib/mixins/layout.scss
@@ -0,0 +1,52 @@
+// Responsive media queries
+
+@mixin breakpoint($breakpoint) {
+  // Retrieves the value from the key
+  $value: map-get($breakpoints, $breakpoint);
+
+  // If the key exists in the map
+  @if $value != null {
+    // Prints a media query based on the value
+    @media (min-width: $value) {
+      @content;
+    }
+  }
+
+  // If the key doesn't exist in the map
+  @else {
+    @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
+      + "Please make sure it is defined in `$breakpoints` map.";
+  }
+}
+
+// Retina media query
+
+@mixin retina-media-query {
+  @media
+    only screen and (-webkit-min-device-pixel-ratio: 2),
+    only screen and (min--moz-device-pixel-ratio: 2),
+    only screen and (-moz-min-device-pixel-ratio: 2),
+    only screen and (-o-min-device-pixel-ratio: 2/1),
+    only screen and (min-device-pixel-ratio: 2),
+    only screen and (min-resolution: 192dpi),
+    only screen and (min-resolution: 2dppx) {
+    @content;
+  }
+}
+
+// Clearfix
+//
+// Clears floats via mixin.
+
+@mixin clearfix {
+  &::before {
+    display: table;
+    content: "";
+  }
+
+  &::after {
+    display: table;
+    clear: both;
+    content: "";
+  }
+}
diff --git a/node_modules/primer-support/lib/mixins/misc.scss b/node_modules/primer-support/lib/mixins/misc.scss
new file mode 100644
index 00000000..5e399046
--- /dev/null
+++ b/node_modules/primer-support/lib/mixins/misc.scss
@@ -0,0 +1,29 @@
+// Generate a two-color caret for any element.
+@mixin double-caret($foreground: #fff, $background: #ddd) {
+  &::after,
+  &::before {
+    position: absolute;
+    top: 11px;
+    right: 100%;
+    left: -16px;
+    display: block;
+    width: 0;
+    height: 0;
+    pointer-events: none;
+    content: " ";
+    border-color: transparent;
+    border-style: solid solid outset;
+  }
+
+  &::after {
+    margin-top: 1px;
+    margin-left: 2px;
+    border-width: 7px;
+    border-right-color: $foreground;
+  }
+
+  &::before {
+    border-width: 8px;
+    border-right-color: $background;
+  }
+}
diff --git a/node_modules/primer-support/lib/mixins/typography.scss b/node_modules/primer-support/lib/mixins/typography.scss
new file mode 100644
index 00000000..a3562930
--- /dev/null
+++ b/node_modules/primer-support/lib/mixins/typography.scss
@@ -0,0 +1,76 @@
+// 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;
+}
+
+// Heading mixins for use within components
+// These match heading utilities in utilities/typography
+@mixin h1 {
+  font-size: $h1-size;
+  font-weight: $font-weight-bold;
+}
+
+@mixin h2 {
+  font-size: $h2-size;
+  font-weight: $font-weight-bold;
+}
+
+@mixin h3 {
+  font-size: $h3-size;
+  font-weight: $font-weight-bold;
+}
+
+@mixin h4 {
+  font-size: $h4-size;
+  font-weight: $font-weight-bold;
+}
+
+@mixin h5 {
+  font-size: $h5-size;
+  font-weight: $font-weight-bold;
+}
+
+@mixin h6 {
+  font-size: $h6-size;
+  font-weight: $font-weight-bold;
+}
+
+// Responsive heading mixins
+// There are no responsive mixins for h5 and h6 because they are small
+// and don't need to be smaller on mobile.
+@mixin h1-reponsive {
+  font-size: 26px;
+  font-weight: $font-weight-bold;
+
+  // Up to 32px in future
+  @include breakpoint(md) { font-size: 30px; }
+
+}
+
+@mixin h2-responsive {
+  font-size: 20px;
+  font-weight: $font-weight-bold;
+
+  // Up to 22px or 24px in future
+  @include breakpoint(md) { font-size: 21px; }
+}
+
+@mixin h3-responsive {
+  font-size: 14px;
+  font-weight: $font-weight-bold;
+
+  @include breakpoint(md) { font-size: 16px; }
+
+}
+
+@mixin h4-responsive {
+  font-size: 13px;
+  font-weight: $font-weight-bold;
+
+  @include breakpoint(md) { font-size: 14px; }
+
+}
diff --git a/node_modules/primer-support/lib/variables.scss b/node_modules/primer-support/lib/variables.scss
new file mode 100644
index 00000000..de343142
--- /dev/null
+++ b/node_modules/primer-support/lib/variables.scss
@@ -0,0 +1,201 @@
+// variables
+// stylelint-disable declaration-bang-space-before
+// These are our margin and padding utility spacers. The default step size we
+// use is 8px. This gives us a key of:
+//    0 => 0px
+//    1 => 4px
+//    2 => 8px
+//    3 => 12px
+//    4 => 24px
+//    5 => 32px
+//    6 => 40px
+$spacer: 8px !default;
+$spacers: (
+  0,
+  round($spacer / 2),
+  $spacer,
+  $spacer * 2,
+  $spacer * 3,
+  $spacer * 4,
+  $spacer * 5
+) !default;
+
+// Aliases for easy use
+$spacer-1: nth($spacers, 2) !default; // 4px
+$spacer-2: nth($spacers, 3) !default; // 8px
+$spacer-3: nth($spacers, 4) !default; // 12px
+$spacer-4: nth($spacers, 5) !default; // 24px
+$spacer-5: nth($spacers, 6) !default; // 32px
+$spacer-6: nth($spacers, 7) !default; // 40px
+
+$container-width: 980px !default;
+$grid-gutter:     10px !default;
+
+// breakpoints
+$width-xs: 0;
+$width-sm: 544px;
+$width-md: 768px;
+$width-lg: 1012px;
+$width-xl: 1280px;
+
+// New responsive container-width
+$container-md: $width-md !default;
+$container-lg: $width-lg !default;
+$container-xl: $width-xl !default;
+
+// Breakpoints
+$breakpoints: (
+  // Small screen / phone
+  sm: $width-sm,
+  // Medium screen / tablet
+  md: $width-md,
+  // Large screen / desktop (980 + (12 * 2)) <= container + gutters
+  lg: $width-lg,
+  // Extra large screen / wide desktop
+  xl: $width-xl
+) !default;
+
+// ---- Colors ----
+
+// Brand
+$blue:              #4078c0 !default;
+$gray-dark:         #333    !default;
+$gray-light:        #999    !default;
+$gray:              #767676 !default;
+$green:             #6cc644 !default;
+$orange:            #c9510c !default;
+$purple:            #6e5494 !default;
+$red:               #bd2c00 !default;
+$yellow:            #ffd36b !default;
+$white:             #fff !default;
+
+// State indicators.
+$status-renamed:    #fffa5d !default;
+$status-pending:    #cea61b !default;
+
+// Repository type colors
+$repo-private-text: #4c4a42 !default;
+$repo-private-bg:   #fff9ea !default;
+$repo-private-icon: #e9dba5 !default;
+
+// Alerts
+$flash-border-blue: #bac6d3 !default;
+$flash-bg-blue: #e2eef9 !default;
+$flash-text-blue: #246 !default;
+
+$flash-border-yellow: #dfd8c2 !default;
+$flash-bg-yellow: #fff9ea !default;
+$flash-text-yellow: #4c4a42 !default;
+
+$flash-border-red: #d2b2b2 !default;
+$flash-bg-red:     #fcdede !default;
+$flash-text-red:   #911 !default;
+
+$flash-border-green: #bad3be !default;
+$flash-bg-green:     #e2f9e5 !default;
+$flash-text-green:   #22662c !default;
+
+// Border colors
+$border-blue:       #c5d5dd !default;
+$border-blue-light: #c9e6f2 !default;
+$border-blue-dark:  $blue !default;
+$border-red:        $flash-border-red !default;
+$border-red-dark:   $red !default;
+$border-gray-dark:  #ddd !default;
+$border-gray-darker: #444 !default;
+$border-gray-light: #eee !default;
+$border-gray:       #e5e5e5 !default;
+
+// Background colors
+$bg-blue-light:     #f2f8fa !default;
+$bg-blue:           $blue !default;
+$bg-gray-dark:      $gray-dark !default;
+$bg-gray-light:     #fafafa !default;
+$bg-gray:           #f5f5f5 !default;
+$bg-green:          $green !default;
+$bg-green-light:    #eaffea !default;
+$bg-orange:         $orange !default;
+$bg-purple:         $purple !default;
+$bg-red:            $red !default;
+$bg-red-light:      #fcdede !default;
+$bg-white:          $white !default;
+$bg-yellow:         $yellow !default;
+$bg-yellow-light:   #fff9ea !default; // same as $flash-bg-yellow and $repo-private-bg
+
+// Text colors
+$text-blue:         $blue !default;
+$text-gray-dark:    $gray-dark !default;
+$text-gray-light:   $gray-light !default;
+$text-gray:         $gray !default;
+$text-green:        darken($green, 10%) !default;
+$text-orange:       $orange !default;
+$text-purple:       $purple !default;
+$text-red:          $red !default;
+$text-white:        $white !default;
+
+// Border size
+$border-width: 1px !default;
+$border-color: $border-gray !default;
+$border-style: solid !default;
+$border: $border-width $border-color $border-style !default;
+$border-radius: 3px !default;
+
+// Box shadow
+$box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !default;
+$box-shadow-medium: 0 1px 5px rgba(0, 0, 0, 0.15) !default;
+$box-shadow-large: 0 1px 15px rgba(0, 0, 0, 0.15) !default;
+
+// Heading sizes
+$h00-size: 48px !default;
+$h0-size: 40px !default;
+$h1-size: 32px !default;
+$h2-size: 24px !default;
+$h3-size: 20px !default;
+$h4-size: 16px !default;
+$h5-size: 14px !default;
+$h6-size: 12px !default;
+
+$font-weight-bold: 600 !default;
+$font-weight-semibold: 500 !default;
+$font-weight-normal: 400 !default;
+$font-weight-light: 300 !default;
+
+$font-size-small: 12px !default;
+
+$lh-condensed-ultra: 1 !default;
+$lh-condensed: 1.25 !default;
+$lh-default: 1.5 !default;
+
+// Font stacks
+$body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+
+// Monospace font stack
+$mono-font: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
+
+// The base body size
+$body-font-size: 14px !default;
+$body-line-height: $lh-default !default;
+
+// Tooltips
+$tooltip-max-width: 250px !default;
+$tooltip-background-color: rgba(0, 0, 0, 0.8) !default;
+$tooltip-text-color: #fff !default;
+$tooltip-delay: 0.4s !default;
+$tooltip-duration: 0.1s !default;
+
+$blob-inner-border: #eee;
+
+$commitBackgroundColor: #f2f9fc;
+
+$conversationListBorderColor: #eee;
+
+$exploregrid-item-border-radius: 4px;
+
+$stats-switcher-py: 10px;
+// Future proof this `height` value by finding the computed line-height, then
+// adding the total value of the vertical padding. This var is used to toggle
+// between the stats bar and language breakdown.
+$stats-viewport-height: ($body-font-size * $body-line-height) + ($stats-switcher-py * 2);
+
+$min_tab_size: 1;
+$max_tab_size: 12;
diff --git a/node_modules/primer-support/package.json b/node_modules/primer-support/package.json
new file mode 100644
index 00000000..0656e160
--- /dev/null
+++ b/node_modules/primer-support/package.json
@@ -0,0 +1,101 @@
+{
+  "_args": [
+    [
+      "primer-support@1.2.2",
+      "/Users/pmarsceill/_projects/stately"
+    ]
+  ],
+  "_from": "primer-support@1.2.2",
+  "_id": "primer-support@1.2.2",
+  "_inCache": true,
+  "_installable": true,
+  "_location": "/primer-support",
+  "_nodeVersion": "7.4.0",
+  "_npmOperationalInternal": {
+    "host": "packages-12-west.internal.npmjs.com",
+    "tmp": "tmp/primer-support-1.2.2.tgz_1485397949758_0.28626534412615"
+  },
+  "_npmUser": {
+    "email": "yes@jonrohan.codes",
+    "name": "jonrohan"
+  },
+  "_npmVersion": "4.0.5",
+  "_phantomChildren": {},
+  "_requested": {
+    "name": "primer-support",
+    "raw": "primer-support@1.2.2",
+    "rawSpec": "1.2.2",
+    "scope": null,
+    "spec": "1.2.2",
+    "type": "version"
+  },
+  "_requiredBy": [
+    "#DEV:/",
+    "/primer-alerts",
+    "/primer-base",
+    "/primer-layout",
+    "/primer-utilities",
+    "/stylelint-selector-no-utility/primer-utilities"
+  ],
+  "_resolved": "https://registry.npmjs.org/primer-support/-/primer-support-1.2.2.tgz",
+  "_shasum": "40bcefb3e674a3d4f3e6d4a449e31bde9e0ef4ae",
+  "_shrinkwrap": null,
+  "_spec": "primer-support@1.2.2",
+  "_where": "/Users/pmarsceill/_projects/stately",
+  "author": {
+    "name": "GitHub, Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/primer/primer-support/issues"
+  },
+  "dependencies": {},
+  "description": "Sass variables, mixins, and functions for use in our components.",
+  "devDependencies": {
+    "stylelint": "*",
+    "stylelint-config-primer": "*"
+  },
+  "directories": {},
+  "dist": {
+    "shasum": "40bcefb3e674a3d4f3e6d4a449e31bde9e0ef4ae",
+    "tarball": "https://registry.npmjs.org/primer-support/-/primer-support-1.2.2.tgz"
+  },
+  "files": [
+    "index.scss",
+    "lib"
+  ],
+  "gitHead": "43628c583a708db88ce21a0acc357b99ae8c74c8",
+  "homepage": "http://primercss.io/",
+  "keywords": [
+    "css",
+    "functions",
+    "github",
+    "mixins",
+    "primer",
+    "primercss",
+    "scss",
+    "variables"
+  ],
+  "license": "MIT",
+  "maintainers": [
+    {
+      "name": "broccolini",
+      "email": "diana.mounter@gmail.com"
+    },
+    {
+      "name": "jonrohan",
+      "email": "yes@jonrohan.codes"
+    }
+  ],
+  "name": "primer-support",
+  "optionalDependencies": {},
+  "readme": "ERROR: No README data found!",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/primer-support.git"
+  },
+  "scripts": {
+    "test": "stylelint **/*.scss -c .stylelintrc.json -s scss"
+  },
+  "style": "index.scss",
+  "version": "1.2.2"
+}
diff --git a/node_modules/primer-utilities/LICENSE b/node_modules/primer-utilities/LICENSE
new file mode 100644
index 00000000..5715c136
--- /dev/null
+++ b/node_modules/primer-utilities/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 GitHub Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/node_modules/primer-utilities/index.scss b/node_modules/primer-utilities/index.scss
new file mode 100644
index 00000000..ff916bbd
--- /dev/null
+++ b/node_modules/primer-utilities/index.scss
@@ -0,0 +1,13 @@
+@import "primer-support/index.scss";
+// utilities
+@import "./lib/animations.scss";
+@import "./lib/borders.scss";
+@import "./lib/box-shadow.scss";
+@import "./lib/colors.scss";
+@import "./lib/flexbox.scss";
+@import "./lib/layout.scss";
+@import "./lib/margin.scss";
+@import "./lib/padding.scss";
+@import "./lib/typography.scss";
+// Visibility and display should always come last in the imports so that they override other utilities with !important
+@import "./lib/visibility-display.scss";
diff --git a/node_modules/primer-utilities/lib/animations.scss b/node_modules/primer-utilities/lib/animations.scss
new file mode 100644
index 00000000..ef751cc8
--- /dev/null
+++ b/node_modules/primer-utilities/lib/animations.scss
@@ -0,0 +1,153 @@
+// This file contains reusable animations for github.
+// stylelint-disable primer/selector-no-utility
+// Fade in
+// A class to fade in an element on the page.
+.anim-fade-in {
+  animation-name: fade-in;
+  animation-duration: 1s;
+  animation-timing-function: ease-in-out;
+
+  &.fast {
+    animation-duration: 300ms;
+  }
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+/* Fade in and slide up an element */
+.anim-fade-up {
+  opacity: 0;
+  animation-name: fade-up;
+  animation-duration: 0.3s;
+  animation-fill-mode: forwards;
+  animation-timing-function: ease-out;
+  animation-delay: 1s;
+}
+
+@keyframes fade-up {
+  0% {
+    opacity: 0.8;
+    transform: translateY(100%);
+  }
+
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Fade an element out and slide down */
+.anim-fade-down {
+  animation-name: fade-down;
+  animation-duration: 0.3s;
+  animation-fill-mode: forwards;
+  animation-timing-function: ease-in;
+}
+
+@keyframes fade-down {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+
+  100% {
+    opacity: 0.5;
+    transform: translateY(100%);
+  }
+}
+
+/* Grow an element width from 0 to 100% */
+.anim-grow-x {
+  width: 0%;
+  animation-name: grow-x;
+  animation-duration: 0.3s;
+  animation-fill-mode: forwards;
+  animation-timing-function: ease;
+  animation-delay: 0.5s;
+}
+
+@keyframes grow-x {
+  to { width: 100%; }
+}
+
+/* Shrink an element from 100% to 0% */
+.anim-shrink-x {
+  animation-name: shrink-x;
+  animation-duration: 0.3s;
+  animation-fill-mode: forwards;
+  animation-timing-function: ease-in-out;
+  animation-delay: 0.5s;
+}
+
+@keyframes shrink-x {
+  to { width: 0%; }
+}
+
+/* Fade in an element and scale it fast */
+.anim-scale-in {
+  animation-name: scale-in;
+  animation-duration: 0.15s;
+  animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5);
+}
+
+@keyframes scale-in {
+  0% {
+    opacity: 0;
+    transform: scale(0.5);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+/* Pulse an element's opacity */
+.anim-pulse {
+  animation-name: pulse;
+  animation-duration: 2s;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 0.3;
+  }
+
+  10% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0.3;
+  }
+}
+
+/* Pulse in an element */
+.anim-pulse-in {
+  animation-name: pulse-in;
+  animation-duration: 0.5s;
+}
+
+@keyframes pulse-in {
+  0% {
+    transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  100% {
+    transform: scale3d(1, 1, 1);
+  }
+}
diff --git a/node_modules/primer-utilities/lib/borders.scss b/node_modules/primer-utilities/lib/borders.scss
new file mode 100644
index 00000000..5a1ec2bd
--- /dev/null
+++ b/node_modules/primer-utilities/lib/borders.scss
@@ -0,0 +1,53 @@
+// Border utilities
+// stylelint-disable block-opening-brace-space-before, primer/selector-no-utility, comment-empty-line-before
+
+/* Add a gray border */
+.border        { border: $border !important; }
+/* Add a gray border to the top */
+.border-top    { border-top: $border !important; }
+/* Add a gray border to the right */
+.border-right  { border-right: $border !important; }
+/* Add a gray border to the bottom */
+.border-bottom { border-bottom: $border !important; }
+/* Add a gray border to the left */
+.border-left   { border-left: $border !important; }
+/* Add a gray border to the left and right */
+.border-y {
+  border-top: $border !important;
+  border-bottom: $border !important;
+}
+
+.border-dashed { border-style: dashed !important; }
+
+/* Use with .border to turn the border blue */
+.border-blue       { border-color: $border-blue !important; }
+/* Use with .border to turn the border blue */
+.border-blue-dark  { border-color: $border-blue-dark !important; }
+/* Use with .border to turn the border red */
+.border-red        { border-color: $border-red !important; }
+/* Use with .border to turn the border red */
+.border-red-dark   { border-color: $border-red-dark !important; }
+/* Use with .border to turn the border gray-light */
+.border-gray-light { border-color: $border-gray-light !important; }
+/* Use with .border to turn the border gray-dark */
+.border-gray-dark  { border-color: $border-gray-dark !important; }
+
+// Without borders
+/* Remove all borders */
+.border-0        { border: 0 !important; }
+/* Remove the top border */
+.border-top-0    { border-top: 0 !important; }
+/* Remove the right border */
+.border-right-0  { border-right: 0 !important; }
+/* Remove the bottom border */
+.border-bottom-0 { border-bottom: 0 !important; }
+/* Remove the left border */
+.border-left-0   { border-left: 0 !important; }
+
+// Rounded corners
+/* Remove the border-radius */
+.rounded-0 { border-radius: 0 !important; }
+/* Add a border-radius to all corners */
+.rounded-1 { border-radius: $border-radius !important; }
+/* Add a 2x border-radius to all corners */
+.rounded-2 { border-radius: $border-radius * 2 !important; }
diff --git a/node_modules/primer-utilities/lib/box-shadow.scss b/node_modules/primer-utilities/lib/box-shadow.scss
new file mode 100644
index 00000000..e68f8cd2
--- /dev/null
+++ b/node_modules/primer-utilities/lib/box-shadow.scss
@@ -0,0 +1,22 @@
+// Box shadow utilities
+// stylelint-disable primer/selector-no-utility
+
+// Box shadows
+
+.box-shadow {
+  box-shadow: $box-shadow !important;
+}
+
+.box-shadow-medium {
+  box-shadow: $box-shadow-medium !important;
+}
+
+.box-shadow-large {
+  box-shadow: $box-shadow-large !important;
+}
+
+// Turn off box shadow
+
+.box-shadow-none {
+  box-shadow: none !important;
+}
diff --git a/node_modules/primer-utilities/lib/colors.scss b/node_modules/primer-utilities/lib/colors.scss
new file mode 100644
index 00000000..9d6c0090
--- /dev/null
+++ b/node_modules/primer-utilities/lib/colors.scss
@@ -0,0 +1,109 @@
+// Color utilities
+// stylelint-disable block-opening-brace-space-before, primer/selector-no-utility
+// stylelint-disable comment-empty-line-before
+
+// background colors
+/* Set the background to $bg-white */
+.bg-white      { background-color: $bg-white !important; }
+/* Set the background to $bg-blue */
+.bg-blue       { background-color: $bg-blue !important; }
+/* Set the background to $bg-blue-light */
+.bg-blue-light { background-color: $bg-blue-light !important; }
+/* Set the background to $bg-gray-dark */
+.bg-gray-dark  { background-color: $bg-gray-dark !important; }
+/* Set the background to $bg-gray */
+.bg-gray       { background-color: $bg-gray !important; }
+/* Set the background to $bg-gray-light */
+.bg-gray-light { background-color: $bg-gray-light !important; }
+/* Set the background to $bg-green */
+.bg-green      { background-color: $bg-green !important; }
+/* Set the background to $bg-green-light */
+.bg-green-light     { background-color: $bg-green-light !important; }
+/* Set the background to $bg-red */
+.bg-red        { background-color: $bg-red !important; }
+/* Set the background to $bg-red-light */
+.bg-red-light  { background-color: $bg-red-light !important; }
+/* Set the background to $bg-yellow */
+.bg-yellow     { background-color: $bg-yellow !important; }
+/* Set the background to $bg-yellow-light */
+.bg-yellow-light     { background-color: $bg-yellow-light !important; }
+/* Set the background to $bg-purple */
+.bg-purple     { background-color: $bg-purple !important; }
+
+.bg-shade-gradient {
+  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.065), rgba(0, 0, 0, 0)) !important;
+  background-repeat: no-repeat !important;
+  background-size: 100% 200px !important;
+}
+
+// text colors
+/* Set the text color to $text-blue */
+.text-blue          { color: $text-blue !important; }
+/* Set the text color to $text-red */
+.text-red           { color: $text-red !important; }
+/* Set the text color to $text-gray-light */
+.text-gray-light    { color: $text-gray-light !important; }
+/* Set the text color to $text-gray */
+.text-gray          { color: $text-gray !important; }
+/* Set the text color to $text-gray-dark */
+.text-gray-dark     { color: $text-gray-dark !important; }
+/* Set the text color to $text-green */
+.text-green         { color: $text-green !important; }
+/* Set the text color to $text-orange */
+.text-orange        { color: $text-orange !important; }
+/* Set the text color to $text-purple */
+.text-purple        { color: $text-purple !important; }
+/* Set the text color to $text-white */
+.text-white         { color: $text-white !important; }
+/* Set the text color to inherit */
+.text-inherit       { color: inherit !important; }
+
+// Text states
+.text-renamed { color: $status-renamed !important; }
+.text-pending { color: $status-pending !important; }
+
+// Link colors
+// Sets the links color to $text-gray and $text-blue on hover
+.link-gray {
+  color: $text-gray !important;
+
+  &:hover {
+    color: $text-blue !important;
+  }
+}
+
+// Sets the links color to $text-gray-dark and $text-blue on hover
+.link-gray-dark {
+  color: $text-gray-dark !important;
+
+  &:hover {
+    color: $text-blue !important;
+  }
+}
+
+/* Set the link color to $text-blue on hover
+  Useful when you want only part of a link to turn blue on hover */
+.link-hover-blue {
+  &:hover {
+    color: $text-blue !important;
+  }
+}
+
+/* Make a link $text-gray, then $text-blue on hover and removes the underline */
+.muted-link {
+  color: $text-gray !important;
+
+  &:hover {
+    color: $text-blue !important;
+    text-decoration: none;
+  }
+}
+
+// Shade gradient
+//
+// Shade gradient style from Basecoat
+.shade-gradient {
+  background-image: linear-gradient(180deg, #f5f5f5, #fff);
+  background-repeat: no-repeat;
+  background-size: 100% 200px;
+}
diff --git a/node_modules/primer-utilities/lib/flexbox.scss b/node_modules/primer-utilities/lib/flexbox.scss
new file mode 100644
index 00000000..56f6ab08
--- /dev/null
+++ b/node_modules/primer-utilities/lib/flexbox.scss
@@ -0,0 +1,75 @@
+// Flex utility classes
+
+// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before
+// stylelint-disable comment-empty-line-before
+
+// - - - - - - - - - - - - - - - - - - - - - - -
+// This is a template for generating the flex utility classes.
+// A version of each class will be generated without a breakpoint,
+// along with a variant for each breakpoint.
+// - - - - - - - - - - - - - - - - - - - - - - -
+
+@mixin flexUtility($breakpoint: 0) {
+
+  // This is the breakpoint that will be inserted into class names
+  $breakstring: -#{$breakpoint}; // example: `.d-sm-flex`
+
+  // If there's no breakpoint, the $breakstring value will be blank.
+  @if $breakpoint == 0 {
+    $breakstring: ""; // example: `.d-flex`
+  }
+
+  // Flexbox classes
+  // Container
+  .d#{$breakstring}-flex          { display: flex !important; }
+  .d#{$breakstring}-inline-flex   { display: inline-flex !important; }
+
+  .flex#{$breakstring}-row      { flex-direction: row !important; }
+  .flex#{$breakstring}-column   { flex-direction: column !important; }
+
+  .flex#{$breakstring}-wrap     { flex-wrap: wrap !important; }
+  .flex#{$breakstring}-nowrap   { flex-wrap: nowrap !important; }
+
+  .flex#{$breakstring}-justify-start    { justify-content: flex-start !important; }
+  .flex#{$breakstring}-justify-end      { justify-content: flex-end !important; }
+  .flex#{$breakstring}-justify-center   { justify-content: center !important; }
+  .flex#{$breakstring}-justify-between  { justify-content: space-between !important; }
+  .flex#{$breakstring}-justify-around   { justify-content: space-around !important; }
+
+  .flex#{$breakstring}-items-start      { align-items: flex-start !important; }
+  .flex#{$breakstring}-items-end        { align-items: flex-end !important; }
+  .flex#{$breakstring}-items-center     { align-items: center !important; }
+  .flex#{$breakstring}-items-baseline   { align-items: baseline !important; }
+  .flex#{$breakstring}-items-stretch    { align-items: stretch !important; }
+
+  .flex#{$breakstring}-content-start    { align-content: flex-start !important; }
+  .flex#{$breakstring}-content-end      { align-content: flex-end !important; }
+  .flex#{$breakstring}-content-center   { align-content: center !important; }
+  .flex#{$breakstring}-content-between  { align-content: space-between !important; }
+  .flex#{$breakstring}-content-around   { align-content: space-around !important; }
+  .flex#{$breakstring}-content-stretch  { align-content: stretch !important; }
+
+  // Item
+  .flex#{$breakstring}-auto { flex: 1 1 auto !important; }
+  .flex#{$breakstring}-shrink-0 { flex-shrink: 0 !important; }
+
+  .flex#{$breakstring}-self-auto        { align-self: auto !important; }
+  .flex#{$breakstring}-self-start       { align-self: flex-start !important; }
+  .flex#{$breakstring}-self-end         { align-self: flex-end !important; }
+  .flex#{$breakstring}-self-center      { align-self: center !important; }
+  .flex#{$breakstring}-self-baseline    { align-self: baseline !important; }
+  .flex#{$breakstring}-self-stretch     { align-self: stretch !important; }
+}
+
+// Generate basic flexbox classes
+@include flexUtility();
+
+// Loop through the breakpoint values to create responsive classes
+@each $breakpoint in map-keys($breakpoints) {
+
+  // Loop through the spacer values
+  @include breakpoint($breakpoint) {
+    @include flexUtility($breakpoint);
+  }
+
+}
diff --git a/node_modules/primer-utilities/lib/layout.scss b/node_modules/primer-utilities/lib/layout.scss
new file mode 100644
index 00000000..5a2bada8
--- /dev/null
+++ b/node_modules/primer-utilities/lib/layout.scss
@@ -0,0 +1,96 @@
+// Layout
+// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, primer/selector-no-utility
+// stylelint-disable comment-empty-line-before
+
+/* Set position to static */
+.position-static   { position: static !important; }
+/* Set position to relative */
+.position-relative { position: relative !important; }
+/* Set position to absolute */
+.position-absolute { position: absolute !important; }
+/* Set position to fixed */
+.position-fixed    { position: fixed !important; }
+
+/* Set top 0 */
+.top-0    { top: 0 !important; }
+/* Set right 0 */
+.right-0  { right: 0 !important; }
+/* Set bottom 0 */
+.bottom-0 { bottom: 0 !important; }
+/* Set left 0 */
+.left-0   { left: 0 !important; }
+
+/* Vertical align middle */
+.v-align-middle      { vertical-align: middle !important; }
+/* Vertical align top */
+.v-align-top         { vertical-align: top !important; }
+/* Vertical align bottom */
+.v-align-bottom      { vertical-align: bottom !important; }
+/* Vertical align to the top of the text */
+.v-align-text-top    { vertical-align: text-top !important; }
+/* Vertical align to the bottom of the text */
+.v-align-text-bottom { vertical-align: text-bottom !important; }
+
+// Overflow utilities
+// overflow-hidden can also be used to create a new
+// block formatting context or clear floats.
+/* Set the overflow hidden */
+.overflow-hidden { overflow: hidden !important; }
+/* Set the overflow scroll */
+.overflow-scroll { overflow: scroll !important; }
+/* Set the overflow auto */
+.overflow-auto   { overflow: auto !important; }
+
+// Clear floats
+/* Clear floats around the element */
+.clearfix {
+  @include clearfix;
+}
+
+// Floats
+/* Float to the right */
+.float-right { float: right !important; }
+/* Float to the left */
+.float-left { float: left !important; }
+/* Don't float left or right */
+.float-none { float: none !important; }
+
+// Responsive float utlities
+// .float-md-left, .float-lg-right, ...
+@each $breakpoint in map-keys($breakpoints) {
+  @include breakpoint($breakpoint) {
+    /* Float to the left at the #{$breakpoint} breakpoint */
+    .float-#{$breakpoint}-left  { float: left !important; }
+    /* Float to the right at the #{$breakpoint} breakpoint */
+    .float-#{$breakpoint}-right  { float: right !important; }
+    /* No float at the #{$breakpoint} breakpoint */
+    .float-#{$breakpoint}-none { float: none !important; }
+  }
+}
+
+// Width and height utilities, helpful in combination
+// with display-table utilities and images
+/* Max width 100% */
+.width-fit   { max-width: 100% !important; }
+/* Set the width to 100% */
+.width-full  { width: 100% !important; }
+/* Set the height to 100% */
+.height-full { height: 100% !important; }
+
+/* Remove min-width from element */
+.min-width-0 { min-width: 0 !important; }
+
+// Direction utilities
+
+.direction-rtl { direction: rtl !important; }
+
+.direction-ltr { direction: ltr !important; }
+
+@each $breakpoint in map-keys($breakpoints) {
+  @include breakpoint($breakpoint) {
+    /* Set the direction to ltr at the #{$breakpoint} breakpoint */
+    .direction-#{$breakpoint}-rtl { direction: rtl !important; }
+    /* Set the direction to ltr at the #{$breakpoint} breakpoint */
+    .direction-#{$breakpoint}-ltr { direction: ltr !important; }
+  }
+}
diff --git a/node_modules/primer-utilities/lib/margin.scss b/node_modules/primer-utilities/lib/margin.scss
new file mode 100644
index 00000000..7bb56040
--- /dev/null
+++ b/node_modules/primer-utilities/lib/margin.scss
@@ -0,0 +1,70 @@
+// Margin spacer utilities
+// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before, primer/selector-no-utility, comment-empty-line-before
+@for $i from 1 through length($spacers) {
+  $size: #{nth($spacers, $i)};
+  $scale: #{$i - 1};
+
+  /* Set a #{$size} margin to all sides */
+  .m-#{$scale}  { margin       : #{$size} !important; }
+  /* Set a #{$size} margin on the top */
+  .mt-#{$scale} { margin-top   : #{$size} !important; }
+  /* Set a #{$size} margin on the right */
+  .mr-#{$scale} { margin-right : #{$size} !important; }
+  /* Set a #{$size} margin on the bottom */
+  .mb-#{$scale} { margin-bottom: #{$size} !important; }
+  /* Set a #{$size} margin on the left */
+  .ml-#{$scale} { margin-left  : #{$size} !important; }
+
+  /* Set a #{$size} margin on the left & right */
+  .mx-#{$scale} {
+    margin-right: #{$size} !important;
+    margin-left : #{$size} !important;
+  }
+
+  /* Set a #{$size} margin on the top & bottom */
+  .my-#{$scale} {
+    margin-top   : #{$size} !important;
+    margin-bottom: #{$size} !important;
+  }
+}
+
+// Loop through the breakpoint values
+@each $breakpoint in map-keys($breakpoints) {
+
+  // Loop through the spacer values
+  @for $i from 1 through length($spacers) {
+    @include breakpoint($breakpoint) {
+      $size: #{nth($spacers, $i)}; // sm, md, lg, xl
+      $scale: #{$i - 1};  // 0, 1, 2, 3, 4, 5, 6
+
+      /* Set a #{$size} margin to all sides at the breakpoint #{$breakpoint} */
+      .m-#{$breakpoint}-#{$scale}  { margin: #{$size} !important; }
+      /* Set a #{$size} margin on the top at the breakpoint #{$breakpoint} */
+      .mt-#{$breakpoint}-#{$scale} { margin-top: #{$size} !important; }
+      /* Set a #{$size} margin on the right at the breakpoint #{$breakpoint} */
+      .mr-#{$breakpoint}-#{$scale} { margin-right: #{$size} !important; }
+      /* Set a #{$size} margin on the bottom at the breakpoint #{$breakpoint} */
+      .mb-#{$breakpoint}-#{$scale} { margin-bottom: #{$size} !important; }
+      /* Set a #{$size} margin on the left at the breakpoint #{$breakpoint} */
+      .ml-#{$breakpoint}-#{$scale} { margin-left: #{$size} !important; }
+
+      /* Set a #{$size} margin on the left & right at the breakpoint #{$breakpoint} */
+      .mx-#{$breakpoint}-#{$scale} {
+        margin-right: #{$size} !important;
+        margin-left: #{$size} !important;
+      }
+
+      /* Set a #{$size} margin on the top & bottom at the breakpoint #{$breakpoint} */
+      .my-#{$breakpoint}-#{$scale} {
+        margin-top: #{$size} !important;
+        margin-bottom: #{$size} !important;
+      }
+    }
+  }
+}
+
+/* Set an auto margin on left & right */
+.mx-auto {
+  margin-right: auto !important;
+  margin-left: auto !important;
+}
diff --git a/node_modules/primer-utilities/lib/padding.scss b/node_modules/primer-utilities/lib/padding.scss
new file mode 100644
index 00000000..80038f7d
--- /dev/null
+++ b/node_modules/primer-utilities/lib/padding.scss
@@ -0,0 +1,67 @@
+// Padding spacer utilities
+// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before
+// stylelint-disable comment-empty-line-before
+@for $i from 1 through length($spacers) {
+  $size: #{nth($spacers, $i)};
+  $scale: #{$i - 1};
+
+  /* Set a #{$size} padding to all sides */
+  .p-#{$scale}   { padding       : #{$size} !important; }
+  /* Set a #{$size} padding to the top */
+  .pt-#{$scale}  { padding-top   : #{$size} !important; }
+  /* Set a #{$size} padding to the right */
+  .pr-#{$scale}  { padding-right : #{$size} !important; }
+  /* Set a #{$size} padding to the bottom */
+  .pb-#{$scale}  { padding-bottom: #{$size} !important; }
+  /* Set a #{$size} padding to the left */
+  .pl-#{$scale}  { padding-left  : #{$size} !important; }
+
+  /* Set a #{$size} padding to the left & right */
+  .px-#{$scale} {
+    padding-right: #{$size} !important;
+    padding-left: #{$size} !important;
+  }
+
+  /* Set a #{$size} padding to the top & bottom */
+  .py-#{$scale} {
+    padding-top: #{$size} !important;
+    padding-bottom: #{$size} !important;
+  }
+}
+
+// Responsive padding spacer utilities
+
+// Loop through the breakpoint values
+@each $breakpoint in map-keys($breakpoints) {
+
+  // Loop through the spacer values
+  @for $i from 1 through length($spacers) {
+    @include breakpoint($breakpoint) {
+      $size: #{nth($spacers, $i)}; // xs, sm, md, lg, xl
+      $scale: #{$i - 1};  // 0, 1, 2, 3, 4, 5, 6
+
+      /* Set a #{$size} padding to all sides at the #{$breakpoint} breakpoint */
+      .p-#{$breakpoint}-#{$scale}  { padding: #{$size} !important; }
+      /* Set a #{$size} padding to the top at the #{$breakpoint} breakpoint */
+      .pt-#{$breakpoint}-#{$scale} { padding-top: #{$size} !important; }
+      /* Set a #{$size} padding to the right at the #{$breakpoint} breakpoint */
+      .pr-#{$breakpoint}-#{$scale} { padding-right: #{$size} !important; }
+      /* Set a #{$size} padding to the bottom at the #{$breakpoint} breakpoint */
+      .pb-#{$breakpoint}-#{$scale} { padding-bottom: #{$size} !important; }
+      /* Set a #{$size} padding to the left at the #{$breakpoint} breakpoint */
+      .pl-#{$breakpoint}-#{$scale} { padding-left: #{$size} !important; }
+
+      /* Set a #{$size} padding to the left & right at the #{$breakpoint} breakpoint */
+      .px-#{$breakpoint}-#{$scale} {
+        padding-right: #{$size} !important;
+        padding-left: #{$size} !important;
+      }
+
+      /* Set a #{$size} padding to the top & bottom at the #{$breakpoint} breakpoint */
+      .py-#{$breakpoint}-#{$scale} {
+        padding-top: #{$size} !important;
+        padding-bottom: #{$size} !important;
+      }
+    }
+  }
+}
diff --git a/node_modules/primer-utilities/lib/typography.scss b/node_modules/primer-utilities/lib/typography.scss
new file mode 100644
index 00000000..7e588b1d
--- /dev/null
+++ b/node_modules/primer-utilities/lib/typography.scss
@@ -0,0 +1,211 @@
+// stylelint-disable block-closing-brace-space-before, primer/selector-no-utility, selector-list-comma-newline-after
+// stylelint-disable comment-empty-line-before
+// Type scale variables found in primer-support/lib/variables.scss
+// $h00-size: 48px;
+// $h0-size: 40px;
+// $h1-size: 32px;
+// $h2-size: 24px;
+// $h3-size: 20px;
+// $h4-size: 16px;
+// $h5-size: 14px;
+// $h6-size: 12px;
+
+/* Set the font size to 26px */
+.h1 {
+  font-size: 26px !important;
+
+  @include breakpoint(md) { font-size: $h1-size !important; }
+
+}
+
+/* Set the font size to 22px */
+.h2 {
+  font-size: 22px !important;
+
+  @include breakpoint(md) { font-size: $h2-size !important; }
+}
+
+/* Set the font size to 18px */
+.h3 {
+  font-size: 18px !important;
+
+  @include breakpoint(md) { font-size: $h3-size !important; }
+
+}
+
+/* Set the font size to #{$h4-size} */
+.h4 {
+  font-size: $h4-size !important;
+
+  @include breakpoint(md) { font-size: $h4-size !important; }
+
+}
+
+/* Set the font size to #{$h5-size} */
+.h5 { font-size: $h5-size !important; }
+
+// Does not include color property like typography base
+// styles, color should be applied with color utilities.
+/* Set the font size to #{$h6-size} */
+.h6 { font-size: $h6-size !important; }
+
+// Heading utilities
+.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: $font-weight-bold !important; }
+
+// Type utilities that match type sale
+/* Set the font size to 26px */
+.f1 {
+  font-size: 26px !important;
+
+  @include breakpoint(md) { font-size: $h1-size !important; }
+
+}
+
+/* Set the font size to 22px */
+.f2 {
+  font-size: 22px !important;
+
+  @include breakpoint(md) { font-size: $h2-size !important; }
+}
+
+/* Set the font size to 18px */
+.f3 {
+  font-size: 18px !important;
+
+  @include breakpoint(md) { font-size: $h3-size !important; }
+
+}
+
+/* Set the font size to #{$h4-size} */
+.f4 {
+  font-size: $h4-size !important;
+
+  @include breakpoint(md) { font-size: $h4-size !important; }
+
+}
+
+/* Set the font size to #{$h5-size} */
+.f5 { font-size: $h5-size !important; }
+/* Set the font size to #{$h6-size} */
+.f6 { font-size: $h6-size !important; }
+
+// Type utils with light weight that match type scale
+/* Set the font size to 40px and weight to light */
+.f00-light {
+  font-size: 40px !important;
+  font-weight: $font-weight-light !important;
+
+  @include breakpoint(md) { font-size: $h00-size !important; }
+
+}
+
+/* Set the font size to 32px and weight to light */
+.f0-light {
+  font-size: 32px !important;
+  font-weight: $font-weight-light !important;
+
+  @include breakpoint(md) { font-size: $h0-size !important; }
+
+}
+
+/* Set the font size to 26px and weight to light */
+.f1-light {
+  font-size: 26px !important;
+  font-weight: $font-weight-light !important;
+
+  @include breakpoint(md) { font-size: $h1-size !important; }
+
+}
+
+/* Set the font size to 22px and weight to light */
+.f2-light {
+  font-size: 22px !important;
+  font-weight: $font-weight-light !important;
+
+  @include breakpoint(md) { font-size: $h2-size !important; }
+
+}
+// Same size and weight as .lead but without color property
+/* Set the font size to 18px and weight to light */
+.f3-light {
+  font-size: 18px !important;
+  font-weight: $font-weight-light !important;
+
+  @include breakpoint(md) { font-size: $h3-size !important; }
+
+}
+
+// Smallest text size
+/* Set the font size to ${#h6-size} */
+.text-small { font-size: $h6-size !important; } // 12px
+
+/* Large leading paragraphs */
+.lead {
+  margin-bottom: 30px;
+  font-size: $h3-size;
+  font-weight: $font-weight-light;
+  color: #555;
+}
+
+// Line-height variations
+// Close to commonly used line-heights. Most line-heights
+// combined with type size equate to whole pixels.
+// Will be improved with future typography scale updates.
+/* Set the line height to ultra condensed */
+.lh-condensed-ultra { line-height: $lh-condensed-ultra !important; }
+/* Set the line height to condensed */
+.lh-condensed { line-height: $lh-condensed !important; }
+/* Set the line height to default */
+.lh-default { line-height: $lh-default !important; }
+
+// Text alignments
+/* Text align to the right */
+.text-right { text-align: right !important; }
+/* Text align to the left */
+.text-left { text-align: left !important; }
+/* Text align to the center */
+.text-center { text-align: center !important; }
+
+// Responsive text alignment
+// .text-md-left, .text-lg-right, ...
+@each $breakpoint in map-keys($breakpoints) {
+  @include breakpoint($breakpoint) {
+    .text-#{$breakpoint}-right { text-align: right !important; }
+    .text-#{$breakpoint}-left { text-align: left !important; }
+    .text-#{$breakpoint}-center { text-align: center !important; }
+  }
+}
+
+// Text styles
+/* Set the font weight to normal */
+.text-normal { font-weight: normal !important; }
+/* Set the font weight to bold */
+.text-bold { font-weight: $font-weight-bold !important;}
+/* Set the font to italic */
+.text-italic { font-style: italic !important; }
+/* Make text uppercase */
+.text-uppercase { text-transform: uppercase !important; }
+/* Underline text */
+.no-underline { text-decoration: none !important; }
+/* Don't wrap white space */
+.no-wrap { white-space: nowrap !important; }
+/* Allow long lines with no spaces to line break */
+.wb-break-all { word-break: break-all !important; }
+
+.text-emphasized {
+  font-weight: $font-weight-bold;
+  color: $text-gray-dark;
+}
+
+// List styles
+.list-style-none { list-style: none !important; }
+
+// Text Shadows
+/* Add a dark text shadow */
+.text-shadow-dark {
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 1px 25px rgba(0, 0, 0, 0.75);
+}
+/* Add a light text shadow */
+.text-shadow-light {
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+}
diff --git a/node_modules/primer-utilities/lib/visibility-display.scss b/node_modules/primer-utilities/lib/visibility-display.scss
new file mode 100644
index 00000000..6ee05ef2
--- /dev/null
+++ b/node_modules/primer-utilities/lib/visibility-display.scss
@@ -0,0 +1,71 @@
+// Visibility and display utilities
+// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, primer/selector-no-utility
+// stylelint-disable comment-empty-line-before
+
+// Visibility utilities
+/* Visibility hidden */
+.v-hidden { visibility: hidden !important; }
+/* Visibility visible */
+.v-visible { visibility: visible !important; }
+
+// Display utilites
+/* Set the display to table */
+.d-table      { display: table !important; }
+/* Set the display to table-cell */
+.d-table-cell { display: table-cell !important; }
+/* Set the table-layout to fixed */
+.table-fixed { table-layout: fixed !important; }
+
+/* Set the display to block */
+.d-block        { display: block !important; }
+/* Set the display to inline */
+.d-inline       { display: inline !important; }
+/* Set the display to inline-block */
+.d-inline-block { display: inline-block !important; }
+/* Set the display to none */
+.d-none         { display: none !important; }
+
+// Responsive display utlities
+// .d-sm-none, .d-lg-inline, ...
+@each $breakpoint in map-keys($breakpoints) {
+  @include breakpoint($breakpoint) {
+    /* Set the display to table at the #{$breakpoint} breakpoint */
+    .d-#{$breakpoint}-table      { display: table !important; }
+    /* Set the display to table cell at the #{$breakpoint} breakpoint */
+    .d-#{$breakpoint}-table-cell { display: table-cell !important; }
+    /* Set the display to block at the #{$breakpoint} breakpoint */
+    .d-#{$breakpoint}-block  { display: block !important; }
+    /* Set the display to inline at the #{$breakpoint} breakpoint */
+    .d-#{$breakpoint}-inline  { display: inline !important; }
+    /* Set the display to inline block at the #{$breakpoint} breakpoint */
+    .d-#{$breakpoint}-inline-block  { display: inline-block !important; }
+    /* Set the display to none at the #{$breakpoint} breakpoint */
+    .d-#{$breakpoint}-none  { display: none !important; }
+  }
+}
+
+// Hide utilities for each breakpoint
+// Each hide utility only applies to one breakpoint range.
+@media (max-width: $width-sm) {
+  .hide-sm {
+    display: none !important;
+  }
+}
+
+@media (min-width: $width-sm) and (max-width: $width-md) {
+  .hide-md {
+    display: none !important;
+  }
+}
+
+@media (min-width: $width-md) and (max-width: $width-lg) {
+  .hide-lg {
+    display: none !important;
+  }
+}
+
+@media (min-width: $width-lg) {
+  .hide-xl {
+    display: none !important;
+  }
+}
diff --git a/node_modules/primer-utilities/package.json b/node_modules/primer-utilities/package.json
new file mode 100644
index 00000000..a4d47223
--- /dev/null
+++ b/node_modules/primer-utilities/package.json
@@ -0,0 +1,95 @@
+{
+  "_args": [
+    [
+      "primer-utilities@3.3.1",
+      "/Users/pmarsceill/_projects/stately"
+    ]
+  ],
+  "_from": "primer-utilities@3.3.1",
+  "_id": "primer-utilities@3.3.1",
+  "_inCache": true,
+  "_installable": true,
+  "_location": "/primer-utilities",
+  "_nodeVersion": "7.4.0",
+  "_npmOperationalInternal": {
+    "host": "packages-12-west.internal.npmjs.com",
+    "tmp": "tmp/primer-utilities-3.3.1.tgz_1484826924490_0.49631878291256726"
+  },
+  "_npmUser": {
+    "email": "yes@jonrohan.codes",
+    "name": "jonrohan"
+  },
+  "_npmVersion": "4.0.5",
+  "_phantomChildren": {},
+  "_requested": {
+    "name": "primer-utilities",
+    "raw": "primer-utilities@3.3.1",
+    "rawSpec": "3.3.1",
+    "scope": null,
+    "spec": "3.3.1",
+    "type": "version"
+  },
+  "_requiredBy": [
+    "#DEV:/"
+  ],
+  "_resolved": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-3.3.1.tgz",
+  "_shasum": "941b2c307bc85a6dda9659b6c0728d3f759ccdb9",
+  "_shrinkwrap": null,
+  "_spec": "primer-utilities@3.3.1",
+  "_where": "/Users/pmarsceill/_projects/stately",
+  "author": {
+    "name": "GitHub, Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/primer/primer-utilities/issues"
+  },
+  "dependencies": {
+    "primer-support": "*"
+  },
+  "description": "Immutable, atomic CSS classes to rapidly build product",
+  "devDependencies": {
+    "primer-module-build": "*",
+    "stylelint": "*",
+    "stylelint-config-primer": "*"
+  },
+  "directories": {},
+  "dist": {
+    "shasum": "941b2c307bc85a6dda9659b6c0728d3f759ccdb9",
+    "tarball": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-3.3.1.tgz"
+  },
+  "files": [
+    "build",
+    "index.scss",
+    "lib"
+  ],
+  "gitHead": "4d569e55820eca363d7618837da8396c7b7b9cd9",
+  "homepage": "http://primercss.io/",
+  "keywords": [
+    "css",
+    "github",
+    "primer",
+    "primercss"
+  ],
+  "license": "MIT",
+  "main": "build/index.js",
+  "maintainers": [
+    {
+      "name": "jonrohan",
+      "email": "yes@jonrohan.codes"
+    }
+  ],
+  "name": "primer-utilities",
+  "optionalDependencies": {},
+  "readme": "ERROR: No README data found!",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/primer/primer-utilities.git"
+  },
+  "scripts": {
+    "build": "primer-module-build index.scss",
+    "prepublish": "npm run build",
+    "test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
+  },
+  "style": "index.scss",
+  "version": "3.3.1"
+}