From 3b17aeebaec04acea3cc9e3c6f766fc30abea3ff Mon Sep 17 00:00:00 2001
From: Francis Rupert <francisrupert@gmail.com>
Date: Thu, 7 Dec 2017 13:28:12 -0600
Subject: [PATCH] closes #62

---
 Gruntfile.js                    |  2 +-
 package.json                    |  3 ++-
 src/stylesheets/_pcp.shame.scss | 14 ++++++++++++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/Gruntfile.js b/Gruntfile.js
index c7bfef3..322265b 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -148,7 +148,7 @@ module.exports = function (grunt) {
         processors: [
           require('pixrem')(), // add fallbacks for rem units
           require('autoprefixer')({ browsers: 'last 2 versions' }), // add vendor prefixes
-          // require('postcss-quantity-queries')(), // do things like .asdf:at-least(4) {} ; https://github.com/pascalduez/postcss-quantity-queries
+          require('postcss-quantity-queries')(), // do things like .asdf:at-least(4) {} ; https://github.com/pascalduez/postcss-quantity-queries
           // require('cssnano')() // minify the result
         ]
       },
diff --git a/package.json b/package.json
index e0edc73..3bed7a0 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,8 @@
     "node-sass": "^3.10.1",
     "pixrem": "^3.0.2",
     "postcss": "^5.2.6",
-    "time-grunt": "^1.4.0"
+    "time-grunt": "^1.4.0",
+    "postcss-quantity-queries": "^0.4.0"
   },
   "dependencies": {
     "jquery": "^2.2.2",
diff --git a/src/stylesheets/_pcp.shame.scss b/src/stylesheets/_pcp.shame.scss
index 7da34ff..103771c 100644
--- a/src/stylesheets/_pcp.shame.scss
+++ b/src/stylesheets/_pcp.shame.scss
@@ -8,6 +8,20 @@
   width: 100%;
 }
 
+.pcp-mapping .fsa-content-tabs__item:nth-last-child(n+11),
+.pcp-mapping .fsa-content-tabs__item:nth-last-child(n+11) ~ .fsa-content-tabs__item {
+  .fsa-content-tabs__label {
+    @include font-size(3);
+  }
+}
+
+.pcp-mapping .fsa-content-tabs__item:nth-last-child(n+15),
+.pcp-mapping .fsa-content-tabs__item:nth-last-child(n+15) ~ .fsa-content-tabs__item {
+  .fsa-content-tabs__label {
+    @include font-size(2);
+  }
+}
+
 .sr-only {
   @include sr-only();
 }