jekyll-theme-primer 0.1.1

data/_sass/primer-layout/CHANGELOG.md

@@ -0,0 +1,44 @@
+# v0.2.4
+
+ * Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
+ * Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
+ * Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
+ * Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
+ * Updating the statuses, and fixing a couple of bugs - Jon Rohan [github/github@9d36f44](https://github.com/github/github/commit/9d36f44)
+ * Adding documentation status to most of the modules - Jon Rohan [github/github@b97695c](https://github.com/github/github/commit/b97695c)
+
+# v0.2.3
+
+ * Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
+ * Adding link to homepage in readme docs - Jon Rohan [github/github@633f421](https://github.com/github/github/commit/633f421)
+ * Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
+ * including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
+ * Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
+
+# v0.2.2
+
+ * Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
+ * Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
+ * Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
+ * Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
+ * Updating the link - Jon Rohan [github/github@f67684b](https://github.com/github/github/commit/f67684b)
+
+# v0.2.1
+
+ * Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
+ * Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
+
+# v0.2.0
+
+ * Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
+ * Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
+ * Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
+ * Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
+ * cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
+ * Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
+ * Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
+
+# v0.1.0
+
+ * Adding readme - Jon Rohan [github/github@be0ad16](https://github.com/github/github/commit/be0ad16)
+ * Moving primer/primer layout to css module - Jon Rohan [github/github@4137724](https://github.com/github/github/commit/4137724)

data/_sass/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.

data/_sass/primer-layout/README.md

@@ -0,0 +1,141 @@
+# Primer CSS Layout
+
+[![NPM version](http://img.shields.io/npm/v/primer-layout.svg)](https://www.npmjs.org/package/primer-layout)
+[![Build Status](https://travis-ci.org/primer/layout.svg?branch=master)](https://travis-ci.org/primer/layout)
+
+> Primer’s layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it’s just containers, rows, and columns.
+
+This repository is a module of the full [primer-css][primer-css] repository.
+
+## Install
+
+This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-layout` with this command.
+
+```
+$ npm install --save primer-layout
+```
+
+## Usage
+
+The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
+
+```scss
+@import "primer-layout/index.scss";
+```
+
+You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
+
+## Build
+
+For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
+
+```
+$ npm run build
+```
+
+## Documentation
+
+You can read more about other primer modules in the [full primer docs][docs].
+
+<!-- %docs
+title: Layout
+homepage: https://github.com/primer/layout
+status: In review
+status_issue: https://github.com/github/design-systems/issues/59
+-->
+
+### Layout
+
+Primer's layout includes basic page containers and a single-tiered, fraction-based grid system. That sounds more complicated than it really is though—it's just containers, rows, and columns.
+
+You can find all the below styles in `_layout.scss`.
+
+#### Container
+
+Center your page's contents with a `.container`.
+
+```html+erb
+<div class="container">
+  <!-- contents here -->
+</div>
+```
+
+The container applies `width: 980px;` and uses horizontal `margin`s to center it.
+
+#### Grid
+
+##### How it works
+
+The grid is pretty standard—you create rows with `.columns` and individual columns with a column class and fraction class. Here's how it works:
+
+- Add a `.container` to encapsulate everything and provide ample horizontal gutter space.
+- Create your outer row to clear the floated columns with `<div class="columns">`.
+- Add your columns with individual `<div class="column">`s.
+- Add your fractional width classes to set the width of the columns (e.g., `.one-fourth`).
+
+##### Demo
+
+In practice, your columns will look like the example below.
+
+```html
+<div class="container">
+  <div class="columns mb-1">
+    <div class="one-fifth column block-blue p-3 border">
+      .one-fifth
+    </div>
+    <div class="four-fifths column block-blue p-3 border">
+      .four-fifths
+    </div>
+  </div>
+
+  <div class="columns mb-1">
+    <div class="one-fourth column block-blue p-3 border">
+      .one-fourth
+    </div>
+    <div class="three-fourths column block-blue p-3 border">
+      .three-fourths
+    </div>
+  </div>
+
+  <div class="columns mb-1">
+    <div class="one-third column block-blue p-3 border">
+      .one-third
+    </div>
+    <div class="two-thirds column block-blue p-3 border">
+      .two-thirds
+    </div>
+  </div>
+
+  <div class="columns">
+    <div class="one-half column block-blue p-3 border">
+      .one-half
+    </div>
+    <div class="one-half column block-blue p-3 border">
+      .one-half
+    </div>
+  </div>
+</div>
+```
+
+##### Centered
+
+Columns can be [centered](/utilities/#centering-content) by adding `.centered` to the `.column` class.
+
+```html
+<div class="columns">
+  <div class="one-half column centered block-blue p-3">
+    .one-half
+  </div>
+</div>
+```
+<!-- %enddocs -->
+
+## License
+
+[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
+
+[primer-css]: https://github.com/primer/primer
+[docs]: http://primercss.io/
+[npm]: https://www.npmjs.com/
+[install-npm]: https://docs.npmjs.com/getting-started/installing-node
+[sass]: http://sass-lang.com/

data/_sass/primer-layout/build/build.css

@@ -0,0 +1,2 @@
+.container{width:980px;margin-right:auto;margin-left:auto}.container::before{display:table;content:""}.container::after{display:table;clear:both;content:""}.container-md{max-width:768px;margin-right:auto;margin-left:auto}.container-md::before{display:table;content:""}.container-md::after{display:table;clear:both;content:""}.container-lg{max-width:1004px;margin-right:auto;margin-left:auto}.container-lg::before{display:table;content:""}.container-lg::after{display:table;clear:both;content:""}.container-xl{max-width:1280px;margin-right:auto;margin-left:auto}.container-xl::before{display:table;content:""}.container-xl::after{display:table;clear:both;content:""}.columns{margin-right:-10px;margin-left:-10px}.columns::before{display:table;content:""}.columns::after{display:table;clear:both;content:""}.column{float:left;padding-right:10px;padding-left:10px}.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{padding-right:10px;padding-left:10px}.table-column{display:table-cell;width:1%;padding-right:10px;padding-left:10px;vertical-align:top}.centered{display:block;float:none;margin-right:auto;margin-left:auto}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}@media (min-width: 544px){.col-sm-1{width:8.33333%}.col-sm-2{width:16.66667%}.col-sm-3{width:25%}.col-sm-4{width:33.33333%}.col-sm-5{width:41.66667%}.col-sm-6{width:50%}.col-sm-7{width:58.33333%}.col-sm-8{width:66.66667%}.col-sm-9{width:75%}.col-sm-10{width:83.33333%}.col-sm-11{width:91.66667%}.col-sm-12{width:100%}}@media (min-width: 768px){.col-md-1{width:8.33333%}.col-md-2{width:16.66667%}.col-md-3{width:25%}.col-md-4{width:33.33333%}.col-md-5{width:41.66667%}.col-md-6{width:50%}.col-md-7{width:58.33333%}.col-md-8{width:66.66667%}.col-md-9{width:75%}.col-md-10{width:83.33333%}.col-md-11{width:91.66667%}.col-md-12{width:100%}}@media (min-width: 1004px){.col-lg-1{width:8.33333%}.col-lg-2{width:16.66667%}.col-lg-3{width:25%}.col-lg-4{width:33.33333%}.col-lg-5{width:41.66667%}.col-lg-6{width:50%}.col-lg-7{width:58.33333%}.col-lg-8{width:66.66667%}.col-lg-9{width:75%}.col-lg-10{width:83.33333%}.col-lg-11{width:91.66667%}.col-lg-12{width:100%}}@media (min-width: 1280px){.col-xl-1{width:8.33333%}.col-xl-2{width:16.66667%}.col-xl-3{width:25%}.col-xl-4{width:33.33333%}.col-xl-5{width:41.66667%}.col-xl-6{width:50%}.col-xl-7{width:58.33333%}.col-xl-8{width:66.66667%}.col-xl-9{width:75%}.col-xl-10{width:83.33333%}.col-xl-11{width:91.66667%}.col-xl-12{width:100%}}.gut-sm{margin-right:-6px;margin-left:-6px}.gut-sm>[class*="col-"]{padding-right:6px !important;padding-left:6px !important}.gut-md{margin-right:-12px;margin-left:-12px}.gut-md>[class*="col-"]{padding-right:12px !important;padding-left:12px !important}.gut-lg{margin-right:-24px;margin-left:-24px}.gut-lg>[class*="col-"]{padding-right:24px !important;padding-left:24px !important}
+

data/_sass/primer-layout/index.scss

@@ -0,0 +1,4 @@
+@import "primer-support/index.scss";
+@import "./lib/container.scss";
+@import "./lib/columns.scss";
+@import "./lib/grid.scss";

data/_sass/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;
+}

data/_sass/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;
+}

data/_sass/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%); }
+  }
+}

data/_sass/primer-layout/lib/grid.scss

@@ -0,0 +1,48 @@
+// GRID
+// stylelint-disable block-closing-brace-newline-after, declaration-block-properties-order, declaration-block-semicolon-newline-after, declaration-block-single-line-max-declarations
+
+// 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); }

data/_sass/primer-layout/package.json

@@ -0,0 +1,105 @@
+{
+  "_args": [
+    [
+      {
+        "raw": "primer-layout@^0.2.4",
+        "scope": null,
+        "escapedName": "primer-layout",
+        "name": "primer-layout",
+        "rawSpec": "^0.2.4",
+        "spec": ">=0.2.4 <0.3.0",
+        "type": "range"
+      },
+      "/Users/benbalter/projects/jekyll-theme-primer"
+    ]
+  ],
+  "_from": "primer-layout@>=0.2.4 <0.3.0",
+  "_id": "primer-layout@0.2.4",
+  "_inCache": true,
+  "_location": "/primer-layout",
+  "_nodeVersion": "5.12.0",
+  "_npmOperationalInternal": {
+    "host": "packages-12-west.internal.npmjs.com",
+    "tmp": "tmp/primer-layout-0.2.4.tgz_1471631141474_0.3794332854449749"
+  },
+  "_npmUser": {
+    "name": "jonrohan",
+    "email": "yes@jonrohan.codes"
+  },
+  "_npmVersion": "3.8.6",
+  "_phantomChildren": {},
+  "_requested": {
+    "raw": "primer-layout@^0.2.4",
+    "scope": null,
+    "escapedName": "primer-layout",
+    "name": "primer-layout",
+    "rawSpec": "^0.2.4",
+    "spec": ">=0.2.4 <0.3.0",
+    "type": "range"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "https://registry.npmjs.org/primer-layout/-/primer-layout-0.2.4.tgz",
+  "_shasum": "36b86fbc77d15350f1a816ee4df3da51d0495d64",
+  "_shrinkwrap": null,
+  "_spec": "primer-layout@^0.2.4",
+  "_where": "/Users/benbalter/projects/jekyll-theme-primer",
+  "author": {
+    "name": "GitHub, Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/primer/layout/issues"
+  },
+  "dependencies": {
+    "primer-support": "*"
+  },
+  "description": "Containers, rows, and columns for creating page layout.",
+  "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": "36b86fbc77d15350f1a816ee4df3da51d0495d64",
+    "tarball": "https://registry.npmjs.org/primer-layout/-/primer-layout-0.2.4.tgz"
+  },
+  "files": [
+    "index.scss",
+    "lib",
+    "build"
+  ],
+  "gitHead": "65ec42da11ef78c876d2e285fa3842752f0b38b8",
+  "homepage": "http://primercss.io/",
+  "keywords": [
+    "primer",
+    "css",
+    "github",
+    "primercss"
+  ],
+  "license": "MIT",
+  "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/layout.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.2.4"
+}