jekyll-theme-primer 0.1.7 → 0.1.8

data/_sass/primer-utilities/lib/padding.scss

@@ -1,21 +1,28 @@
 // Padding spacer utilities
-// stylelint-disable block-opening-brace-space-before, declaration-colon-space-before, primer/selector-no-utility
+// 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};
 
-  // .p-0, .p-1, .p-2...
+  /* 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;
@@ -33,18 +40,24 @@
       $size: #{nth($spacers, $i)}; // xs, sm, md, lg, xl
       $scale: #{$i - 1};  // 0, 1, 2, 3, 4, 5, 6
 
-      // .p-sm-0, .p-md-1, .p-lg-2...
+      /* 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;

data/_sass/primer-utilities/lib/typography.scss

@@ -1,4 +1,5 @@
-// stylelint-disable block-closing-brace-space-before, primer/selector-no-utility, selector-list-comma-newline-after, declaration-block-semicolon-newline-after, declaration-block-single-line-max-declarations
+// 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;
@@ -9,9 +10,7 @@
 // $h5-size: 14px;
 // $h6-size: 12px;
 
-// Heading utilities
-.h1, .h2, .h3, .h4, .h5, .h6 { font-weight: $font-weight-bold !important; }
-
+/* Set the font size to 26px */
 .h1 {
   font-size: 26px !important;
 
@@ -19,12 +18,14 @@
 
 }
 
+/* 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;
 
@@ -32,20 +33,27 @@
 
 }
 
+/* Set the font size to #{$h4-size} */
 .h4 {
-  font-size: 16px !important;
+  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;
 
@@ -53,12 +61,14 @@
 
 }
 
+/* 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;
 
@@ -66,17 +76,21 @@
 
 }
 
+/* Set the font size to #{$h4-size} */
 .f4 {
-  font-size: 16px !important;
+  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;
@@ -85,6 +99,7 @@
 
 }
 
+/* Set the font size to 32px and weight to light */
 .f0-light {
   font-size: 32px !important;
   font-weight: $font-weight-light !important;
@@ -93,6 +108,7 @@
 
 }
 
+/* Set the font size to 26px and weight to light */
 .f1-light {
   font-size: 26px !important;
   font-weight: $font-weight-light !important;
@@ -101,6 +117,7 @@
 
 }
 
+/* Set the font size to 22px and weight to light */
 .f2-light {
   font-size: 22px !important;
   font-weight: $font-weight-light !important;
@@ -109,6 +126,7 @@
 
 }
 // 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;
@@ -118,9 +136,10 @@
 }
 
 // Smallest text size
+/* Set the font size to ${#h6-size} */
 .text-small { font-size: $h6-size !important; } // 12px
 
-// Large leading paragraphs
+/* Large leading paragraphs */
 .lead {
   margin-bottom: 30px;
   font-size: $h3-size;
@@ -132,24 +151,61 @@
 // 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;}
-.text-italic { font-style: italic !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; }
-.no-wrap { white-space: nowrap !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);
+}

data/_sass/primer-utilities/lib/visibility-display.scss

@@ -0,0 +1,95 @@
+// 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 flex */
+.d-flex { display: flex !important; }
+/* Set the display to inline-flex */
+.d-inline-flex { display: inline-flex !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 flex at the #{$breakpoint} breakpoint */
+    .d-#{$breakpoint}-flex  { display: flex !important; }
+    /* Set the display to flex at the #{$breakpoint} breakpoint */
+    .d-#{$breakpoint}-inline-flex  { display: inline-flex !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;
+  }
+}
+
+// Only display content to screen readers
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  // Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1241631
+  word-wrap: normal;
+  border: 0;
+}

data/_sass/primer-utilities/package.json

@@ -2,78 +2,76 @@
   "_args": [
     [
       {
-        "raw": "primer-utilities@^1.0.0",
+        "raw": "primer-utilities@4.1.1",
         "scope": null,
         "escapedName": "primer-utilities",
         "name": "primer-utilities",
-        "rawSpec": "^1.0.0",
-        "spec": ">=1.0.0 <2.0.0",
-        "type": "range"
+        "rawSpec": "4.1.1",
+        "spec": "4.1.1",
+        "type": "version"
       },
-      "/Users/benbalter/projects/jekyll-theme-primer"
+      "/Users/benbalter/projects/primer"
     ]
   ],
-  "_from": "primer-utilities@>=1.0.0 <2.0.0",
-  "_id": "primer-utilities@1.0.0",
+  "_from": "primer-utilities@4.1.1",
+  "_id": "primer-utilities@4.1.1",
   "_inCache": true,
   "_location": "/primer-utilities",
-  "_nodeVersion": "5.12.0",
+  "_nodeVersion": "7.7.3",
   "_npmOperationalInternal": {
-    "host": "packages-16-east.internal.npmjs.com",
-    "tmp": "tmp/primer-utilities-1.0.0.tgz_1472778584897_0.8824154585599899"
+    "host": "packages-12-west.internal.npmjs.com",
+    "tmp": "tmp/primer-utilities-4.1.1.tgz_1490129583996_0.49141979264095426"
   },
   "_npmUser": {
     "name": "jonrohan",
     "email": "yes@jonrohan.codes"
   },
-  "_npmVersion": "3.8.6",
+  "_npmVersion": "4.1.2",
   "_phantomChildren": {},
   "_requested": {
-    "raw": "primer-utilities@^1.0.0",
+    "raw": "primer-utilities@4.1.1",
     "scope": null,
     "escapedName": "primer-utilities",
     "name": "primer-utilities",
-    "rawSpec": "^1.0.0",
-    "spec": ">=1.0.0 <2.0.0",
-    "type": "range"
+    "rawSpec": "4.1.1",
+    "spec": "4.1.1",
+    "type": "version"
   },
   "_requiredBy": [
+    "#USER",
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-1.0.0.tgz",
-  "_shasum": "4b347a11315304cd5bc04c4f742b0147ea6cd9af",
+  "_resolved": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-4.1.1.tgz",
+  "_shasum": "f02d8168c7c30aa4419114e0abe4259c90e1542f",
   "_shrinkwrap": null,
-  "_spec": "primer-utilities@^1.0.0",
-  "_where": "/Users/benbalter/projects/jekyll-theme-primer",
+  "_spec": "primer-utilities@4.1.1",
+  "_where": "/Users/benbalter/projects/primer",
   "author": {
     "name": "GitHub, Inc."
   },
   "bugs": {
-    "url": "https://github.com/primer/utilities/issues"
+    "url": "https://github.com/primer/primer-utilities/issues"
   },
   "dependencies": {
     "primer-support": "*"
   },
   "description": "Immutable, atomic CSS classes to rapidly build product",
   "devDependencies": {
-    "autoprefixer": "^6.3.6",
-    "cssstats-cli": "^1.0.0-beta.2",
-    "node-sass": "^3.7.0",
-    "postcss-cli": "^2.5.2",
-    "stylelint": "^7.0.3",
-    "stylelint-config-primer": "^1.1.0"
+    "primer-module-build": "*",
+    "stylelint": "*",
+    "stylelint-config-primer": "*"
   },
   "directories": {},
   "dist": {
-    "shasum": "4b347a11315304cd5bc04c4f742b0147ea6cd9af",
-    "tarball": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-1.0.0.tgz"
+    "shasum": "f02d8168c7c30aa4419114e0abe4259c90e1542f",
+    "tarball": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-4.1.1.tgz"
   },
   "files": [
     "index.scss",
     "lib",
     "build"
   ],
-  "gitHead": "33cf5f9a78516e33f6a0bd9715a44d46465c5e25",
+  "gitHead": "a181db1e19879e12cc99069a9a444e3adbbee7a3",
   "homepage": "http://primercss.io/",
   "keywords": [
     "primer",
@@ -84,6 +82,10 @@
   "license": "MIT",
   "main": "build/index.js",
   "maintainers": [
+    {
+      "name": "broccolini",
+      "email": "diana.mounter@gmail.com"
+    },
     {
       "name": "jonrohan",
       "email": "yes@jonrohan.codes"
@@ -94,15 +96,13 @@
   "readme": "ERROR: No README data found!",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/primer/utilities.git"
+    "url": "git+https://github.com/primer/primer-utilities.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 && npm run stats",
-    "setup": "if [ ! -d \"node_modules\" ]; then npm install; fi",
-    "stats": "(echo \"module.exports = { 'cssstats': \" && cssstats build/build.css && echo \"}\") > build/index.js",
+    "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": "1.0.0"
+  "version": "4.1.1"
 }