Merge pull request #404 from github/upgrade-primer

Update Primer

Author: bkeepers

.gitignore

@@ -4,7 +4,7 @@ _site/
 .jekyll-metadata
 .sass-cache/
 bin
-node_modules
+test/node_modules
 /vendor
 Gemfile.lock
 css/main.scss

.travis.yml

@@ -4,6 +4,7 @@ node_js:
   - 6
 before_install:
   - rvm install 2.3.3
+  - npm install -g npm@5
 install:
   - npm install
   - bundle install
@@ -17,6 +18,7 @@ cache:
   bundler: true
   directories:
     - node_modules
+    - test/node_modules
 # Tell Travis to build gh-pages branch
 # https://docs.travis-ci.com/user/customizing-the-build#Safelisting-or-blocklisting-branches
 branches:

_config.yml

@@ -46,7 +46,6 @@ sass:
   sass_dir: assets/css/
   load_paths:
     - node_modules
-    - node_modules/**/*/node_modules
 
 branch: gh-pages
 

_includes/footer.html

@@ -1,5 +1,5 @@
 <footer class="bg-white border-top text-center pt-5">
-  <div class="container-lg px-3 mx-auto">
+  <div class="container-lg p-responsive mx-auto">
 
     <div class="d-flex flex-wrap flex-items-stretch">
       <div class="col-12 col-sm-6 mb-4 col-border">

_layouts/article-alt.html

@@ -3,7 +3,7 @@
 ---
 
 <nav class="main-nav">
-  <div class="container-lg edged mx-auto clearfix">
+  <div class="container-lg mx-auto clearfix">
     <div class="float-sm-right">
       <ul class="main-links d-flex flex-wrap flex-items-stretch border-left border-bottom border-sm-0 list-style-none">
         <li class="d-inline-block border-right">
@@ -23,7 +23,7 @@
 </nav>
 
 <header class="bg-gray-light">
-  <div class="container-lg mx-auto px-3">
+  <div class="container-lg p-responsive mx-auto">
     <h1 class="alt-h1 lh-condensed text-center my-6 py-md-6">{{ page.title }}</h1>
     <p class="lead text-center text-gray col-md-8 mx-auto mb-4 position-relative">{{ page.description }}</p>
   </div>

_layouts/article.html

@@ -3,7 +3,7 @@
 ---
 
 <nav class="main-nav">
-  <div class="container-lg edged mx-auto clearfix">
+  <div class="container-lg  mx-auto clearfix">
     <div class="float-sm-right">
       <ul class="main-links d-flex flex-wrap flex-items-stretch border-left border-bottom border-sm-0 list-style-none">
         <li class="d-inline-block border-right">
@@ -23,7 +23,7 @@
 </nav>
 
 <header class="article-header {{ page.class }} bg-gray-light">
-  <div class="container-lg mx-auto px-3">
+  <div class="container-lg p-responsive clearfix mx-auto">
 
     <h1 class="alt-h1 lh-condensed text-center mb-3">{{ page.title }}</h1>
     <p class="lead text-center text-gray col-md-8 mx-auto mb-4 position-relative">{{ page.description }}</p>

index.html

@@ -3,7 +3,7 @@
 ---
 
 <nav class="main-nav">
-  <div class="container-lg edged mx-auto clearfix">
+  <div class="container-lg mx-auto clearfix">
     <div class="float-sm-right">
       <ul class="main-links d-flex flex-wrap flex-items-stretch border-left border-bottom border-sm-0 list-style-none">
         <li class="d-inline-block border-right">
@@ -20,7 +20,7 @@
 <div class="bg-gray-light">
 
   <header class="py-4 py-md-6">
-    <div class="container-lg mx-auto text-center px-3 pt-6">
+    <div class="container-lg p-responsive mx-auto text-center pt-6">
       <h1 class="alt-h1">Open Source Guides</h1>
       <p class="alt-lead text-gray mb-md-5 col-md-8 mx-auto">
         Open source software is made by people just like you. Learn how to launch and grow your project.
@@ -32,8 +32,8 @@ <h1 class="alt-h1">Open Source Guides</h1>
     </div>
   </header>
 
-  <div class="container-lg px-3 pb-6">
-    <div class="gut-md d-flex flex-wrap flex-items-stretch pb-md-6">
+  <div class="container-lg p-responsive pb-6">
+    <div class="gutter-sm d-flex flex-wrap flex-items-stretch pb-md-6">
       {% assign articles = site.articles | sort: 'order' %}
       {% for article in articles %}
       <div class="col-12 col-sm-9 mx-auto col-md-6 mt-4 mt-lg-5">