jekyll-theme-primer 0.5.2 → 0.5.3

data/_sass/primer-utilities/docs/typography.md

@@ -0,0 +1,138 @@
+---
+title: Typography
+status: Stable
+---
+
+Type utilities are designed to work in combination with line-height utilities so as to result in more sensible numbers wherever possible. These also exist as [variables](/styleguide/css/styles/core/support/typography#typography-variables) that you can use in components or custom CSS.
+
+{:toc}
+
+Font sizes are smaller on mobile and scale up at the `md` [breakpoint](/styleguide/css/styles/core/support/breakpoints) to be larger on desktop.
+
+| Scale | Font size: mobile | Font size: desktop | 1.25 line height | 1.5 line height |
+| --- | --- | --- | --- | --- |
+| 00 | 40px | 48px | 60 | 72 |
+| 0 | 32px | 40px | 50 | 60 |
+| 1 | 26px | 32px | 40 | 48 |
+| 2 | 22px | 24px | 30 | 36 |
+| 3 | 18px | 20px | 25 | 30 |
+| 4 | 16px | 16px | 20 | 24 |
+| 5 | 14px | 14px | 17.5 | 21 |
+| 6 | 12px | 12px | 15 | 18 |
+
+
+## Heading utilities
+
+Use `.h1` – `.h6` to change an elements font size and weight to match our heading styles.
+
+```html
+<p class="h1">Pizza 1</p>
+<p class="h2">Pizza 2</p>
+<p class="h3">Pizza 3</p>
+<p class="h4">Pizza 4</p>
+<p class="h5">Pizza 5</p>
+<p class="h6">Pizza 6</p>
+```
+
+These are particularly useful for changing the visual appearance while keeping the markup semantically correct. Be sure you keep the hierarchy appropriate for the page.
+
+```html
+<h2 class="h1">Looks like a heading 1, semantically a heading 2</h2>
+```
+
+## Type scale utilities
+
+Use `.f1` – `.f6` to change an elements font size while keeping inline with our type scale.
+
+```html
+<p class="f1">Focaccia</p>
+<p class="f2">Focaccia</p>
+<p class="f3">Focaccia</p>
+<p class="f4">Focaccia</p>
+<p class="f5">Focaccia</p>
+<p class="f6">Focaccia</p>
+```
+
+Lighter font-weight utilities are available in a limited range. Lighter font-weights reduce the legibility of text, particularly at small font sizes, so the scale only goes down to `f3` at 20px. The larger sizes`f0` and `f00` allow for lighter and larger type that is in keeping with our marketing styles.
+
+```html
+<h1 class="f00-light">Potato chips</h1>
+<h1 class="f0-light">Potato chips</h1>
+<h1 class="f1-light">Potato chips</h1>
+<h1 class="f2-light">Potato chips</h1>
+<h1 class="f3-light">Potato chips</h1>
+```
+
+## Line height styles
+Change the line height density with these utilities.
+
+```html
+<p class="lh-default">
+  Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail. Jowl chuck biltong flank meatball, beef short ribs. Jowl tenderloin ground round, short loin tri-tip ribeye picanha filet mignon pig chicken kielbasa t-bone fatback. Beef ribs meatball chicken corned beef salami.
+</p>
+<p class="lh-condensed">
+  Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail. Jowl chuck biltong flank meatball, beef short ribs. Jowl tenderloin ground round, short loin tri-tip ribeye picanha filet mignon pig chicken kielbasa t-bone fatback. Beef ribs meatball chicken corned beef salami.
+</p>
+<p class="lh-condensed-ultra">
+  Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail. Jowl chuck biltong flank meatball, beef short ribs. Jowl tenderloin ground round, short loin tri-tip ribeye picanha filet mignon pig chicken kielbasa t-bone fatback. Beef ribs meatball chicken corned beef salami.
+</p>
+```
+
+## Typographic styles
+Change the font weight, styles, and alignment with these utilities.
+
+```html
+<p class="text-normal">Normal</p>
+<p class="text-italic">Italic</p>
+<p class="text-bold">Bold</p>
+<p class="text-uppercase">Uppercase</p>
+<p class="no-wrap">No wrap</p>
+<p class="ws-normal">Normal whitespace</p>
+<p class="wb-break-all">Line break long lines</p>
+<p class="no-underline">No underline</p>
+<p class="text-emphasized">Emphasized</p>
+<p class="text-small">Small</p>
+<p class="lead">Bacon ipsum dolor amet tri-tip chicken kielbasa, cow swine beef corned beef ground round prosciutto hamburger porchetta sausage alcatra tail.</p>
+```
+
+## Text alignment
+
+ Use text alignment utilities to left align, center, or right align text.
+
+```html
+<p class="text-left">Left align</p>
+<p class="text-center">Center</p>
+<p class="text-right">Right align</p>
+```
+## Responsive text alignment
+
+Use the following formula to make a text alignment utility responsive: `.text-[breakpoint]-[alignment]`
+
+```html
+<p class="text-left text-sm-center text-lg-right">Left in a small viewport, centered in mid-sized viewports, and right aligned in larger viewports</p>
+```
+
+## List styles
+
+Remove bullets from an unordered list or numbers from an ordered list by applying `.list-style-none` to the `<ul>`.
+
+```html
+<ul class="list-style-none">
+  <li>First list item</li>
+  <li>Second list item</li>
+  <li>Third list item</li>
+</ul>
+```
+
+## Text Shadows
+
+Text shadows can be used to help readability and to add some depth on colored backgrounds.
+
+```html
+<div class="bg-gray-dark p-5">
+  <h3 class="text-white text-shadow-dark">.text-shadow-dark helps white text stand out on dark or photographic backgrounds</h3>
+</div>
+<div class="bg-gray p-5">
+  <h3 class="text-shadow-light">.text-shadow-light creates an embossed effect for dark text</h3>
+</div>
+```

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

@@ -1,7 +1,7 @@
 // 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.
+
+/* Fade in an element */
 .anim-fade-in {
   animation-name: fade-in;
   animation-duration: 1s;
@@ -22,6 +22,27 @@
   }
 }
 
+/* Fade out an element */
+.anim-fade-out {
+  animation-name: fade-out;
+  animation-duration: 1s;
+  animation-timing-function: ease-out;
+
+  &.fast {
+    animation-duration: 0.3s;
+  }
+}
+
+@keyframes fade-out {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
 /* Fade in and slide up an element */
 .anim-fade-up {
   opacity: 0;
@@ -151,3 +172,12 @@
     transform: scale3d(1, 1, 1);
   }
 }
+
+/* Increase scale of an element on hover */
+.hover-grow {
+  transition: transform 0.3s;
+
+  &:hover {
+    transform: scale(1.025);
+  }
+}

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

@@ -61,3 +61,5 @@
 .rounded-1 { border-radius: $border-radius !important; }
 /* Add a 2x border-radius to all corners */
 .rounded-2 { border-radius: $border-radius * 2 !important; }
+/* Add a 50% border-radius to make something into a circle */
+.circle { border-radius: 50% !important; }

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

@@ -30,6 +30,8 @@
 .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; }
+/* Vertical align to the parent's baseline */
+.v-align-baseline    { vertical-align: baseline !important; }
 
 // Overflow utilities
 // overflow-hidden can also be used to create a new
@@ -74,6 +76,8 @@
 .width-fit   { max-width: 100% !important; }
 /* Set the width to 100% */
 .width-full  { width: 100% !important; }
+/* Max height 100% */
+.height-fit  { max-height: 100% !important; }
 /* Set the height to 100% */
 .height-full { height: 100% !important; }
 
@@ -81,14 +85,14 @@
 .min-width-0 { min-width: 0 !important; }
 
 // Direction utilities
-
+/* Set the direction to rtl */
 .direction-rtl { direction: rtl !important; }
-
+/* Set the direction to ltr */
 .direction-ltr { direction: ltr !important; }
 
 @each $breakpoint in map-keys($breakpoints) {
   @include breakpoint($breakpoint) {
-    /* Set the direction to ltr at the #{$breakpoint} breakpoint */
+    /* Set the direction to rtl 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; }

data/_sass/primer-utilities/package.json

@@ -1,65 +1,71 @@
 {
-  "_from": "primer-utilities@4.5.0",
-  "_id": "primer-utilities@4.5.0",
+  "_from": "primer-utilities@4.9.0",
+  "_id": "primer-utilities@4.9.0",
   "_inBundle": false,
-  "_integrity": "sha1-6tXV+D2U+ntiv3oELbTxoHqv0hQ=",
+  "_integrity": "sha1-KI9tuY7vsC/pFHEejs4dk6y07yk=",
   "_location": "/primer-utilities",
   "_phantomChildren": {},
   "_requested": {
     "type": "version",
     "registry": true,
-    "raw": "primer-utilities@4.5.0",
+    "raw": "primer-utilities@4.9.0",
     "name": "primer-utilities",
     "escapedName": "primer-utilities",
-    "rawSpec": "4.5.0",
+    "rawSpec": "4.9.0",
     "saveSpec": null,
-    "fetchSpec": "4.5.0"
+    "fetchSpec": "4.9.0"
   },
   "_requiredBy": [
     "#USER",
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-4.5.0.tgz",
-  "_shasum": "ead5d5f83d94fa7b62bf7a042db4f1a07aafd214",
-  "_spec": "primer-utilities@4.5.0",
-  "_where": "/Users/benbalter/projects/primer",
+  "_resolved": "https://registry.npmjs.org/primer-utilities/-/primer-utilities-4.9.0.tgz",
+  "_shasum": "288f6db98eefb02fe914711e8ece1d93acb4ef29",
+  "_spec": "primer-utilities@4.9.0",
+  "_where": "/Users/benbalter/projects/pages-themes/primer",
   "author": {
     "name": "GitHub, Inc."
   },
   "bugs": {
-    "url": "https://github.com/primer/primer-css/issues"
+    "url": "https://github.com/primer/primer/issues"
   },
   "bundleDependencies": false,
   "dependencies": {
-    "primer-support": "^4.2.0"
+    "primer-support": "4.5.2"
   },
   "deprecated": false,
   "description": "Immutable, atomic CSS classes to rapidly build product",
   "files": [
     "index.scss",
     "lib",
-    "build"
+    "build",
+    "docs"
   ],
-  "homepage": "http://primercss.io/",
+  "homepage": "http://primer.github.io/",
   "keywords": [
     "primer",
     "css",
     "github",
-    "primercss"
+    "design-system"
   ],
   "license": "MIT",
   "main": "build/index.js",
   "name": "primer-utilities",
+  "primer": {
+    "category": "core",
+    "module_type": "utilities"
+  },
   "repository": {
     "type": "git",
-    "url": "https://github.com/primer/primer-css/tree/master/modules/primer-utilities"
+    "url": "https://github.com/primer/primer/tree/master/modules/primer-utilities"
   },
+  "sass": "index.scss",
   "scripts": {
-    "build": "primer-module-build index.scss",
-    "lint": "stylelint **/*.scss -s scss",
+    "build": "../../script/npm-run primer-module-build index.scss",
+    "lint": "../../script/lint-scss",
     "prepare": "npm run build",
-    "test": "npm-run-all -s build lint"
+    "test": "../../script/npm-run-all build lint"
   },
-  "style": "index.scss",
-  "version": "4.5.0"
+  "style": "build/build.css",
+  "version": "4.9.0"
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-primer
 version: !ruby/object:Gem::Version
-  version: 0.5.2
+  version: 0.5.3
 platform: ruby
 authors:
 - GitHub, Inc.
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-08-28 00:00:00.000000000 Z
+date: 2018-04-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -25,47 +25,75 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '3.5'
 - !ruby/object:Gem::Dependency
-  name: jekyll-seo-tag
+  name: jekyll-github-metadata
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.2'
+        version: '2.9'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.2'
+        version: '2.9'
 - !ruby/object:Gem::Dependency
-  name: jekyll-github-metadata
+  name: jekyll-seo-tag
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.9'
+        version: '2.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.9'
+        version: '2.0'
+- !ruby/object:Gem::Dependency
+  name: html-proofer
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
 - !ruby/object:Gem::Dependency
   name: rubocop
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.40'
+        version: '0.50'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.50'
+- !ruby/object:Gem::Dependency
+  name: w3c_validators
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.3'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '0.40'
+        version: '1.3'
 description: 
 email:
 - open-source@github.com
@@ -91,6 +119,7 @@ files:
 - _sass/primer-layout/README.md
 - _sass/primer-layout/build/build.css
 - _sass/primer-layout/build/index.js
+- _sass/primer-layout/docs/grid.md
 - _sass/primer-layout/index.scss
 - _sass/primer-layout/lib/columns.scss
 - _sass/primer-layout/lib/container.scss
@@ -112,6 +141,10 @@ files:
 - _sass/primer-markdown/package.json
 - _sass/primer-support/LICENSE
 - _sass/primer-support/README.md
+- _sass/primer-support/docs/breakpoints.md
+- _sass/primer-support/docs/color-system.md
+- _sass/primer-support/docs/spacing.md
+- _sass/primer-support/docs/typography.md
 - _sass/primer-support/index.scss
 - _sass/primer-support/lib/mixins/buttons.scss
 - _sass/primer-support/lib/mixins/layout.scss
@@ -127,6 +160,15 @@ files:
 - _sass/primer-utilities/README.md
 - _sass/primer-utilities/build/build.css
 - _sass/primer-utilities/build/index.js
+- _sass/primer-utilities/docs/animations.md
+- _sass/primer-utilities/docs/borders.md
+- _sass/primer-utilities/docs/box-shadow.md
+- _sass/primer-utilities/docs/colors.md
+- _sass/primer-utilities/docs/flexbox.md
+- _sass/primer-utilities/docs/layout.md
+- _sass/primer-utilities/docs/margin.md
+- _sass/primer-utilities/docs/padding.md
+- _sass/primer-utilities/docs/typography.md
 - _sass/primer-utilities/index.scss
 - _sass/primer-utilities/lib/animations.scss
 - _sass/primer-utilities/lib/borders.scss
@@ -141,39 +183,9 @@ files:
 - _sass/primer-utilities/package.json
 - _sass/rouge.scss
 - assets/css/style.scss
-- assets/javascript/anchor-js/.eslintrc
-- assets/javascript/anchor-js/.gitattributes
-- assets/javascript/anchor-js/.npmignore
-- assets/javascript/anchor-js/.travis.yml
-- assets/javascript/anchor-js/anchor.js
-- assets/javascript/anchor-js/anchor.min.js
-- assets/javascript/anchor-js/banner.js
-- assets/javascript/anchor-js/docs/anchor.js
-- assets/javascript/anchor-js/docs/favicon.ico
-- assets/javascript/anchor-js/docs/fonts/anchorjs-extras.eot
-- assets/javascript/anchor-js/docs/fonts/anchorjs-extras.svg
-- assets/javascript/anchor-js/docs/fonts/anchorjs-extras.ttf
-- assets/javascript/anchor-js/docs/fonts/anchorjs-extras.woff
-- assets/javascript/anchor-js/docs/fonts/fonts.css
-- assets/javascript/anchor-js/docs/grunticon/grunticon.loader.js
-- assets/javascript/anchor-js/docs/grunticon/icons.data.png.css
-- assets/javascript/anchor-js/docs/grunticon/icons.data.svg.css
-- assets/javascript/anchor-js/docs/grunticon/icons.fallback.css
-- assets/javascript/anchor-js/docs/grunticon/png/grunticon-link.png
-- assets/javascript/anchor-js/docs/img/anchoring-links.png
-- assets/javascript/anchor-js/docs/img/anchorjs_logo.png
-- assets/javascript/anchor-js/docs/img/anchorlinks2.png
-- assets/javascript/anchor-js/docs/img/gh-link.svg
-- assets/javascript/anchor-js/docs/img/gh_link.svg
-- assets/javascript/anchor-js/docs/img/hyperlink.svg
-- assets/javascript/anchor-js/docs/img/link.svg
-- assets/javascript/anchor-js/docs/img/mini-logo.png
-- assets/javascript/anchor-js/docs/img/primer-md.png
-- assets/javascript/anchor-js/docs/scripts.js
-- assets/javascript/anchor-js/docs/styles.css
 homepage: https://github.com/pages-themes/jekyll-theme-primer
 licenses:
-- None
+- MIT
 metadata: {}
 post_install_message: 
 rdoc_options: []
@@ -191,7 +203,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.6.11
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: Primer is a Jekyll theme for GitHub Pages based on GitHub's Primer styles