diff --git a/package.json b/package.json
index 3bed7a0..b4be583 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "pcp-design",
- "version": "2.1.0",
+ "version": "2.1.1",
"description": "",
"main": "index.js",
"scripts": {
@@ -34,6 +34,6 @@
},
"dependencies": {
"jquery": "^2.2.2",
- "fsa-style": "^2.1.0"
+ "fsa-style": "^2.1.1"
}
}
diff --git a/src/_PATTERN.content-tabs-swap.html b/src/_PATTERN.content-tabs-swap.html
deleted file mode 100644
index 88aaff0..0000000
--- a/src/_PATTERN.content-tabs-swap.html
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
Re-opening Price Discovery will reset any work completed in future steps.
+
Re-opening Discovery will reset any work completed in future steps.
diff --git a/src/includes/pcp-info-bar.html b/src/includes/pcp-info-bar.html
index 1107a05..0e73168 100644
--- a/src/includes/pcp-info-bar.html
+++ b/src/includes/pcp-info-bar.html
@@ -1,16 +1,16 @@
- EFFECTIVE DATE
-
+ EFFECTIVE DATE
+
- ORGANIZER
- Carol Brady
+ ORGANIZER
+ Carol Brady
- APPROVER
- Mike Brady
+ APPROVER
+ Mike Brady
NOTES
diff --git a/src/includes/pcp-stepped-tabs__closing.html b/src/includes/pcp-stepped-tabs__closing.html
index 6821ea7..b38e8c9 100644
--- a/src/includes/pcp-stepped-tabs__closing.html
+++ b/src/includes/pcp-stepped-tabs__closing.html
@@ -10,7 +10,7 @@
{% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %}
- Price Discovery
+ Discovery
diff --git a/src/includes/pcp-stepped-tabs__discovery--at-adjustments.html b/src/includes/pcp-stepped-tabs__discovery--at-adjustments.html
index 5882b8f..258162d 100644
--- a/src/includes/pcp-stepped-tabs__discovery--at-adjustments.html
+++ b/src/includes/pcp-stepped-tabs__discovery--at-adjustments.html
@@ -10,7 +10,7 @@
{% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %}
- Price Discovery
+ Discovery
diff --git a/src/includes/pcp-stepped-tabs__discovery.html b/src/includes/pcp-stepped-tabs__discovery.html
index 6aff0fa..61f5aa1 100644
--- a/src/includes/pcp-stepped-tabs__discovery.html
+++ b/src/includes/pcp-stepped-tabs__discovery.html
@@ -10,7 +10,7 @@
{% include: 'includes/icon.html' @NAME:'contrast' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %}
- Price Discovery
+ Discovery
diff --git a/src/includes/pcp-stepped-tabs__init.html b/src/includes/pcp-stepped-tabs__init.html
index d462244..a20303c 100644
--- a/src/includes/pcp-stepped-tabs__init.html
+++ b/src/includes/pcp-stepped-tabs__init.html
@@ -10,7 +10,7 @@
{% include: 'includes/icon.html' @NAME:'radio-unchecked' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %}
- Price Discovery
+ Discovery
diff --git a/src/includes/pcp-stepped-tabs__mapping.html b/src/includes/pcp-stepped-tabs__mapping.html
index 87c7c0e..5ab6299 100644
--- a/src/includes/pcp-stepped-tabs__mapping.html
+++ b/src/includes/pcp-stepped-tabs__mapping.html
@@ -10,7 +10,7 @@
{% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %}
- Price Discovery
+ Discovery
diff --git a/src/includes/pcp-stepped-tabs__publish.html b/src/includes/pcp-stepped-tabs__publish.html
index 8684614..8c1d20a 100644
--- a/src/includes/pcp-stepped-tabs__publish.html
+++ b/src/includes/pcp-stepped-tabs__publish.html
@@ -10,7 +10,7 @@
{% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %}
- Price Discovery
+ Discovery
diff --git a/src/includes/pcp-stepped-tabs__review.html b/src/includes/pcp-stepped-tabs__review.html
index 4f27b71..91d0734 100644
--- a/src/includes/pcp-stepped-tabs__review.html
+++ b/src/includes/pcp-stepped-tabs__review.html
@@ -10,7 +10,7 @@
{% include: 'includes/icon.html' @NAME:'checkmark' @SIZE:' ' @CLASS:'pcp-stepped-tabs__icon' %}
- Price Discovery
+ Discovery
diff --git a/src/includes/program-entry__glf.html b/src/includes/program-entry__glf.html
index 9b0cdac..8759bf7 100644
--- a/src/includes/program-entry__glf.html
+++ b/src/includes/program-entry__glf.html
@@ -1,246 +1,248 @@
-
-
-
- Market |
- SRW - Soft Red Winter Wheat |
- HRW - Hard Red Winter Wheat |
- YC - Corn |
-
-
- Market |
- Value |
- Change |
- Value |
- Change |
- Value |
- Change |
-
-
-
-
- LMN |
-
-
- |
-
- 0.08
- |
-
-
- |
-
- -0.01
- |
-
-
- |
-
+
+
+
+
+ Market |
+ SRW - Soft Red Winter Wheat |
+ HRW - Hard Red Winter Wheat |
+ YC - Corn |
+
+
+ Market |
+ Value |
+ Change |
+ Value |
+ Change |
+ Value |
+ Change |
+
+
+
+
+ LMN |
+
+
+ |
+
+ 0.08
+ |
+
+
+ |
+
+ -0.01
+ |
+
+
+ |
+
- |
-
-
- ABC |
-
-
- |
-
- 0.02
- |
-
-
- |
-
+ |
+
+
+ ABC |
+
+
+ |
+
+ 0.02
+ |
+
+
+ |
+
- |
-
-
- |
-
- 0.01
- |
-
-
- XYZ |
-
-
- |
-
+ |
+
+
+ |
+
+ 0.01
+ |
+
+
+ XYZ |
+
+
+ |
+
- |
-
-
- |
-
+ |
+
+
+ |
+
- |
-
-
- |
-
- -0.07
- |
-
-
- QRS |
-
-
- |
-
+ |
+
+
+ |
+
+ -0.07
+ |
+
+
+ QRS |
+
+
+ |
+
- |
-
-
- |
-
- -0.03
- |
-
-
- |
-
- 0.05
- |
-
-
- TRE |
-
-
- |
-
- -0.01
- |
-
-
- |
-
+ |
+
+
+ |
+
+ -0.03
+ |
+
+
+ |
+
+ 0.05
+ |
+
+
+ TRE |
+
+
+ |
+
+ -0.01
+ |
+
+
+ |
+
- |
-
-
- |
-
+ |
+
+
+ |
+
- |
-
-
-
+ |
+
+
+
+
diff --git a/src/includes/program-entry__pnw-proteins.html b/src/includes/program-entry__pnw-proteins.html
index 8bf8226..f9230bf 100644
--- a/src/includes/program-entry__pnw-proteins.html
+++ b/src/includes/program-entry__pnw-proteins.html
@@ -1,762 +1,764 @@
-
-
-
- Scale |
- PNW / HRW |
- WCD / HRW |
- PNW / HRS |
-
-
- |
- Value |
- Change |
- Value |
- Change |
- Value |
- Change |
-
-
-
-
- Ordinary |
-
-
- |
- 0.08 |
-
-
- |
- -0.03 |
-
-
- |
- |
-
-
- 10.00 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- -0.02 |
-
-
- 10.25 |
-
-
- |
- 0.02 |
-
-
- |
- -1.02 |
-
-
- |
- |
-
-
- 10.50 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 10.75 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- -0.12 |
-
-
- 11.00 |
-
-
- |
- -0.12 |
-
-
- |
- 0.35 |
-
-
- |
- |
-
-
- 11.25 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 11.50 |
-
-
- |
- -0.02 |
-
-
- |
- -0.02 |
-
-
- |
- |
-
-
- 11.75 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 12.00 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- 0.01 |
-
-
- 12.25 |
-
-
- |
- |
-
-
- |
- 0.01 |
-
-
- |
- |
-
-
- 12.50 |
-
-
- |
- |
-
-
- |
- -0.12 |
-
-
- |
- |
-
-
- 12.75 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 13.00 |
-
-
- |
- 0.02 |
-
-
- |
- |
-
-
- |
- 0.02 |
-
-
- 13.25 |
-
-
- |
- 0.01 |
-
-
- |
- |
-
-
- |
- |
-
-
- 13.50 |
-
-
- |
- -0.02 |
-
-
- |
- -0.01 |
-
-
- |
- |
-
-
- 13.75 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 14.00 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 14.25 + |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- -0.01 |
-
-
-
+
+
+
+
+ Scale |
+ PNW / HRW |
+ WCD / HRW |
+ PNW / HRS |
+
+
+ |
+ Value |
+ Change |
+ Value |
+ Change |
+ Value |
+ Change |
+
+
+
+
+ Ordinary |
+
+
+ |
+ 0.08 |
+
+
+ |
+ -0.03 |
+
+
+ |
+ |
+
+
+ 10.00 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ -0.02 |
+
+
+ 10.25 |
+
+
+ |
+ 0.02 |
+
+
+ |
+ -1.02 |
+
+
+ |
+ |
+
+
+ 10.50 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 10.75 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ -0.12 |
+
+
+ 11.00 |
+
+
+ |
+ -0.12 |
+
+
+ |
+ 0.35 |
+
+
+ |
+ |
+
+
+ 11.25 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 11.50 |
+
+
+ |
+ -0.02 |
+
+
+ |
+ -0.02 |
+
+
+ |
+ |
+
+
+ 11.75 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 12.00 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ 0.01 |
+
+
+ 12.25 |
+
+
+ |
+ |
+
+
+ |
+ 0.01 |
+
+
+ |
+ |
+
+
+ 12.50 |
+
+
+ |
+ |
+
+
+ |
+ -0.12 |
+
+
+ |
+ |
+
+
+ 12.75 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 13.00 |
+
+
+ |
+ 0.02 |
+
+
+ |
+ |
+
+
+ |
+ 0.02 |
+
+
+ 13.25 |
+
+
+ |
+ 0.01 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 13.50 |
+
+
+ |
+ -0.02 |
+
+
+ |
+ -0.01 |
+
+
+ |
+ |
+
+
+ 13.75 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 14.00 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 14.25 + |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ -0.01 |
+
+
+
+
diff --git a/src/includes/program-entry__pnw-proteins__marked.html b/src/includes/program-entry__pnw-proteins__marked.html
index bc3b224..5aaed00 100644
--- a/src/includes/program-entry__pnw-proteins__marked.html
+++ b/src/includes/program-entry__pnw-proteins__marked.html
@@ -1,762 +1,764 @@
-
-
-
- Scale |
- PNW / HRW |
- WCD / HRW |
- PNW / HRS |
-
-
- |
- Value |
- Change |
- Value |
- Change |
- Value |
- Change |
-
-
-
-
- Ordinary |
-
-
- |
- 0.08 |
-
-
- |
- -0.03 |
-
-
- |
- |
-
-
- 10.00 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- -0.02 |
-
-
- 10.25 |
-
-
- |
- 0.02 |
-
-
- |
- -1.02 |
-
-
- |
- |
-
-
- 10.50 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 10.75 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- -0.12 |
-
-
- 11.00 |
-
-
- |
- -0.12 |
-
-
- |
- 0.35 |
-
-
- |
- |
-
-
- 11.25 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 11.50 |
-
-
- |
- -0.02 |
-
-
- |
- -0.02 |
-
-
- |
- |
-
-
- 11.75 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 12.00 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- 0.01 |
-
-
- 12.25 |
-
-
- |
- |
-
-
- |
- 0.01 |
-
-
- |
- |
-
-
- 12.50 |
-
-
- |
- |
-
-
- |
- -0.12 |
-
-
- |
- |
-
-
- 12.75 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 13.00 |
-
-
- |
- 0.02 |
-
-
- |
- |
-
-
- |
- 0.02 |
-
-
- 13.25 |
-
-
- |
- 0.01 |
-
-
- |
- |
-
-
- |
- |
-
-
- 13.50 |
-
-
- |
- -0.02 |
-
-
- |
- -0.01 |
-
-
- |
- |
-
-
- 13.75 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 14.00 |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- |
-
-
- 14.25 + |
-
-
- |
- |
-
-
- |
- |
-
-
- |
- -0.01 |
-
-
-
+
+
+
+
+ Scale |
+ PNW / HRW |
+ WCD / HRW |
+ PNW / HRS |
+
+
+ |
+ Value |
+ Change |
+ Value |
+ Change |
+ Value |
+ Change |
+
+
+
+
+ Ordinary |
+
+
+ |
+ 0.08 |
+
+
+ |
+ -0.03 |
+
+
+ |
+ |
+
+
+ 10.00 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ -0.02 |
+
+
+ 10.25 |
+
+
+ |
+ 0.02 |
+
+
+ |
+ -1.02 |
+
+
+ |
+ |
+
+
+ 10.50 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 10.75 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ -0.12 |
+
+
+ 11.00 |
+
+
+ |
+ -0.12 |
+
+
+ |
+ 0.35 |
+
+
+ |
+ |
+
+
+ 11.25 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 11.50 |
+
+
+ |
+ -0.02 |
+
+
+ |
+ -0.02 |
+
+
+ |
+ |
+
+
+ 11.75 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 12.00 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ 0.01 |
+
+
+ 12.25 |
+
+
+ |
+ |
+
+
+ |
+ 0.01 |
+
+
+ |
+ |
+
+
+ 12.50 |
+
+
+ |
+ |
+
+
+ |
+ -0.12 |
+
+
+ |
+ |
+
+
+ 12.75 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 13.00 |
+
+
+ |
+ 0.02 |
+
+
+ |
+ |
+
+
+ |
+ 0.02 |
+
+
+ 13.25 |
+
+
+ |
+ 0.01 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 13.50 |
+
+
+ |
+ -0.02 |
+
+
+ |
+ -0.01 |
+
+
+ |
+ |
+
+
+ 13.75 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 14.00 |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ 14.25 + |
+
+
+ |
+ |
+
+
+ |
+ |
+
+
+ |
+ -0.01 |
+
+
+
+
diff --git a/src/includes/program-entry__pnw.html b/src/includes/program-entry__pnw.html
index b5c636b..9e4bf15 100644
--- a/src/includes/program-entry__pnw.html
+++ b/src/includes/program-entry__pnw.html
@@ -1,246 +1,248 @@
-
-
-
- Market |
- SRW - Soft Red Winter Wheat |
- HRW - Hard Red Winter Wheat |
- YC - Corn |
-
-
- Market |
- Value |
- Change |
- Value |
- Change |
- Value |
- Change |
-
-
-
-
- CIN |
-
-
- |
-
- 0.02
- |
-
-
- |
-
+
+
+
+
+ Market |
+ SRW - Soft Red Winter Wheat |
+ HRW - Hard Red Winter Wheat |
+ YC - Corn |
+
+
+ Market |
+ Value |
+ Change |
+ Value |
+ Change |
+ Value |
+ Change |
+
+
+
+
+ CIN |
+
+
+ |
+
+ 0.02
+ |
+
+
+ |
+
- |
-
-
- |
-
- 0.01
- |
-
-
- TOL |
-
-
- |
-
+ |
+
+
+ |
+
+ 0.01
+ |
+
+
+ TOL |
+
+
+ |
+
- |
-
-
- |
-
+ |
+
+
+ |
+
- |
-
-
- |
-
- -0.07
- |
-
-
- EVN |
-
-
- |
-
- 0.08
- |
-
-
- |
-
- -0.01
- |
-
-
- |
-
+ |
+
+
+ |
+
+ -0.07
+ |
+
+
+ EVN |
+
+
+ |
+
+ 0.08
+ |
+
+
+ |
+
+ -0.01
+ |
+
+
+ |
+
- |
-
-
- MEM |
-
-
- |
-
- -0.01
- |
-
-
- |
-
+ |
+
+
+ MEM |
+
+
+ |
+
+ -0.01
+ |
+
+
+ |
+
- |
-
-
- |
-
+ |
+
+
+ |
+
- |
-
-
- CCC |
-
-
- |
-
+ |
+
+
+ CCC |
+
+
+ |
+
- |
-
-
- |
-
- -0.03
- |
-
-
- |
-
- 0.05
- |
-
-
-
+ |
+
+
+ |
+
+ -0.03
+ |
+
+
+ |
+
+ 0.05
+ |
+
+
+
+
diff --git a/src/includes/program-entry__pnw__marked.html b/src/includes/program-entry__pnw__marked.html
index 4fcf8a2..26adbb0 100644
--- a/src/includes/program-entry__pnw__marked.html
+++ b/src/includes/program-entry__pnw__marked.html
@@ -1,246 +1,248 @@
-
-
-
- Market |
- SRW - Soft Red Winter Wheat |
- HRW - Hard Red Winter Wheat |
- YC - Corn |
-
-
- Market |
- Value |
- Change |
- Value |
- Change |
- Value |
- Change |
-
-
-
-
- CIN |
-
-
- |
-
- 0.02
- |
-
-
- |
-
+
+
+
+
+ Market |
+ SRW - Soft Red Winter Wheat |
+ HRW - Hard Red Winter Wheat |
+ YC - Corn |
+
+
+ Market |
+ Value |
+ Change |
+ Value |
+ Change |
+ Value |
+ Change |
+
+
+
+
+ CIN |
+
+
+ |
+
+ 0.02
+ |
+
+
+ |
+
- |
-
-
- |
-
- 0.01
- |
-
-
- TOL |
-
-
- |
-
+ |
+
+
+ |
+
+ 0.01
+ |
+
+
+ TOL |
+
+
+ |
+
- |
-
-
- |
-
+ |
+
+
+ |
+
- |
-
-
- |
-
- -0.07
- |
-
-
- EVN |
-
-
- |
-
- 0.08
- |
-
-
- |
-
- -0.01
- |
-
-
- |
-
+ |
+
+
+ |
+
+ -0.07
+ |
+
+
+ EVN |
+
+
+ |
+
+ 0.08
+ |
+
+
+ |
+
+ -0.01
+ |
+
+
+ |
+
- |
-
-
- MEM |
-
-
- |
-
- -0.01
- |
-
-
- |
-
+ |
+
+
+ MEM |
+
+
+ |
+
+ -0.01
+ |
+
+
+ |
+
- |
-
-
- |
-
+ |
+
+
+ |
+
- |
-
-
- CCC |
-
-
- |
-
+ |
+
+
+ CCC |
+
+
+ |
+
- |
-
-
- |
-
- -0.03
- |
-
-
- |
-
- 0.05
- |
-
-
-
+ |
+
+
+ |
+
+ -0.03
+ |
+
+
+ |
+
+ 0.05
+ |
+
+
+
+
diff --git a/src/includes/prototype-list.html b/src/includes/prototype-list.html
index 0339304..6561c27 100644
--- a/src/includes/prototype-list.html
+++ b/src/includes/prototype-list.html
@@ -13,9 +13,9 @@
Pages
Home
Home, Publish Complete
Initialize new Daily Process
-
Price Discovery
-
Price Discovery - Limited
-
Price Discovery - Complete
+
Discovery
+
Discovery - Limited
+
Discovery - Complete
Closing
Adjustments
Adjustments - Empty State Panel
diff --git a/src/includes/table_overflow-example.html b/src/includes/table_overflow-example.html
new file mode 100644
index 0000000..d1acb08
--- /dev/null
+++ b/src/includes/table_overflow-example.html
@@ -0,0 +1,188 @@
+
+
+
+
+ One |
+ Two |
+ Three |
+ Four |
+ Five |
+ Six |
+ Seven |
+ Eight |
+ Nine |
+ Ten |
+ Eleven |
+ Twelve |
+ Thirteen |
+ Fourteen |
+ Fifteen |
+ Sixteen |
+ Seventeen |
+ Eightteen |
+ Nineteen |
+ Twenty |
+ Twentyone |
+ Twentytwo |
+ Twentythree |
+ Twentyfour |
+ Twentyfive |
+ Twentysix |
+ Twentyseven |
+ Twentyeight |
+ Twentynine |
+ Thirty |
+ Thurdee |
+ Thrd |
+ Thoordi |
+ Thordey |
+
+
+
+
+ Culpa |
+ Dolore |
+ Non |
+ Occaecat |
+ Nulla |
+ Sint |
+ Esse |
+ Excepteur |
+ Pariatur |
+ Proident |
+ Officia |
+ Sunt |
+ Fugiat |
+ Cillum |
+ Esse |
+ Excepteur |
+ Officia |
+ Nulla |
+ Sint |
+ Pariatur |
+ Cillum |
+ Fugiat |
+ Culpa |
+ Occaecat |
+ Non |
+ Culpa |
+ Dolore |
+ Officia |
+ Proident |
+ Sunt |
+ Occaecat |
+ Non |
+ Proident |
+ Sunt |
+
+
+ Fugiat |
+ Dolore |
+ Excepteur |
+ Esse |
+ Pariatur |
+ Cillum |
+ Officia |
+ Non |
+ Sunt |
+ Sint |
+ Nulla |
+ Fugiat |
+ Non |
+ Sunt |
+ Culpa |
+ Dolore |
+ Culpa |
+ Officia |
+ Proident |
+ Sunt |
+ Occaecat |
+ Sint |
+ Nulla |
+ Occaecat |
+ Cillum |
+ Esse |
+ Culpa |
+ Excepteur |
+ Officia |
+ Pariatur |
+ Proident |
+ Occaecat |
+ Non |
+ Proident |
+
+
+ Fugiat |
+ Non |
+ Sunt |
+ Proident |
+ Occaecat |
+ Occaecat |
+ Non |
+ Proident |
+ Culpa |
+ Culpa |
+ Dolore |
+ Proident |
+ Officia |
+ Sunt |
+ Esse |
+ Occaecat |
+ Dolore |
+ Excepteur |
+ Pariatur |
+ Fugiat |
+ Cillum |
+ Officia |
+ Non |
+ Sunt |
+ Sint |
+ Sint |
+ Nulla |
+ Nulla |
+ Cillum |
+ Esse |
+ Culpa |
+ Excepteur |
+ Officia |
+ Pariatur |
+
+
+ Non |
+ Culpa |
+ Proident |
+ Dolore |
+ Proident |
+ Occaecat |
+ Dolore |
+ Culpa |
+ Excepteur |
+ Officia |
+ Sunt |
+ Fugiat |
+ Non |
+ Pariatur |
+ Sunt |
+ Occaecat |
+ Proident |
+ Esse |
+ Fugiat |
+ Occaecat |
+ Cillum |
+ Non |
+ Officia |
+ Sunt |
+ Sint |
+ Sint |
+ Nulla |
+ Nulla |
+ Cillum |
+ Esse |
+ Culpa |
+ Excepteur |
+ Officia |
+ Pariatur |
+
+
+
+
diff --git a/src/js/components/fsa-nav-global.js b/src/js/components/fsa-nav-global.js
index 972b5b7..f4ca34f 100644
--- a/src/js/components/fsa-nav-global.js
+++ b/src/js/components/fsa-nav-global.js
@@ -1,111 +1,111 @@
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-
-
-// Disable functionality if class is present
-if (document.querySelectorAll('.docs__page').length == 0) {
-
- var $menuItem = document.querySelectorAll('.fsa-nav-global__link--has-sub-menu');
- var $main = document.querySelectorAll('.fsa-tophat, .fsa-header-app, #main-content, .fsa-footer');
-
- // Utility method to loop thru NodeList correctly
- var forEach = function (array, callback, scope) {
- for (var i = 0; i < array.length; i++) {
- callback.call(scope, i, array[i]); // passes back stuff we need
- }
- };
-
- // Utilitity method
- var getClosest = function (elem, selector) {
- // Element.matches() polyfill
- if (!Element.prototype.matches) {
- Element.prototype.matches =
- Element.prototype.matchesSelector ||
- Element.prototype.mozMatchesSelector ||
- Element.prototype.msMatchesSelector ||
- Element.prototype.oMatchesSelector ||
- Element.prototype.webkitMatchesSelector ||
- function (s) {
- var matches = (this.document || this.ownerDocument).querySelectorAll(s),
- i = matches.length;
- while (--i >= 0 && matches.item(i) !== this) {}
- return i > -1;
- };
- }
- // Get the closest matching element
- for (; elem && elem !== document; elem = elem.parentNode) {
- if (elem.matches(selector)) return elem;
- }
- return null;
- };
-
- forEach($main, function (index, value) {
- var _el = value;
- _el.addEventListener('click', function (e) {
- if (document.querySelector('.fsa-nav-global__link[aria-expanded="true"]')) {
- document.querySelector('.fsa-nav-global__link[aria-expanded="true"]').setAttribute('aria-expanded', 'false');
- document.querySelector('.fsa-nav-global__sub-menu[aria-hidden="false"]').setAttribute('aria-hidden', 'true');
- }
- });
- });
-
- forEach($menuItem, function (index, value) {
- var _el = value;
- _el.addEventListener('click', function (e) {
-
- var $self = this;
- var $component = getClosest($self, '.fsa-nav-global');
- var $listItem = getClosest($self, '.fsa-nav-global__list-item');
- var $target = $listItem.querySelector('.fsa-nav-global__sub-menu');
- var $currentlyActiveTab = $component.querySelector('.fsa-nav-global__link[aria-expanded="true"]');
- var $currentlyActiveFlyout = $component.querySelector('.fsa-nav-global__sub-menu[aria-hidden="false"]');
- var menuState = $self.getAttribute('aria-expanded');
- // $target.classList.add('OUTLINE');
-
- if ($currentlyActiveTab) {
- $currentlyActiveTab.setAttribute('aria-expanded', 'false');
- $currentlyActiveFlyout.setAttribute('aria-hidden', 'true');
- }
-
- // TOGGLE MENU ITEM OPENED STATE
- if (menuState == 'true') {
- // $self.classList.remove('OUTLINE');
- $self.setAttribute('aria-expanded', 'false');
- $target.setAttribute('aria-hidden', 'true');
- } else {
- // $self.classList.add('OUTLINE');
- $self.setAttribute('aria-expanded', 'true');
- $target.setAttribute('aria-hidden', 'false');
- }
-
- // if ($self.classList.contains('OUTLINE')) {
- // $self.classList.remove('OUTLINE');
- // $target.setAttribute('aria-hidden', 'true');
- // } else {
- // $self.classList.add('OUTLINE');
- // $target.setAttribute('aria-hidden', 'false');
- // }
- //
- });
-
- _el.addEventListener('focus', function (e) {
- if (document.querySelector('.fsa-nav-global__link[aria-expanded="true"]')) {
- document.querySelector('.fsa-nav-global__link[aria-expanded="true"]').setAttribute('aria-expanded', 'false');
- document.querySelector('.fsa-nav-global__sub-menu[aria-hidden="false"]').setAttribute('aria-hidden', 'true');
- }
- console.log('you focused an item');
- });
-
- });
-
- console.log('FSA_NAV_GLOBAL loaded, its JS ***not*** to be used for Production');
-
-}
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+
+
+// Disable functionality if class is present
+if (document.querySelectorAll('.docs__page').length == 0) {
+
+ var $menuItem = document.querySelectorAll('.fsa-nav-global__link--has-sub-menu');
+ var $main = document.querySelectorAll('.fsa-tophat, .fsa-header-app, #main-content, .fsa-footer');
+
+ // Utility method to loop thru NodeList correctly
+ var forEach = function (array, callback, scope) {
+ for (var i = 0; i < array.length; i++) {
+ callback.call(scope, i, array[i]); // passes back stuff we need
+ }
+ };
+
+ // Utilitity method
+ var getClosest = function (elem, selector) {
+ // Element.matches() polyfill
+ if (!Element.prototype.matches) {
+ Element.prototype.matches =
+ Element.prototype.matchesSelector ||
+ Element.prototype.mozMatchesSelector ||
+ Element.prototype.msMatchesSelector ||
+ Element.prototype.oMatchesSelector ||
+ Element.prototype.webkitMatchesSelector ||
+ function (s) {
+ var matches = (this.document || this.ownerDocument).querySelectorAll(s),
+ i = matches.length;
+ while (--i >= 0 && matches.item(i) !== this) {}
+ return i > -1;
+ };
+ }
+ // Get the closest matching element
+ for (; elem && elem !== document; elem = elem.parentNode) {
+ if (elem.matches(selector)) return elem;
+ }
+ return null;
+ };
+
+ forEach($main, function (index, value) {
+ var _el = value;
+ _el.addEventListener('click', function (e) {
+ if (document.querySelector('.fsa-nav-global__link[aria-expanded="true"]')) {
+ document.querySelector('.fsa-nav-global__link[aria-expanded="true"]').setAttribute('aria-expanded', 'false');
+ document.querySelector('.fsa-nav-global__sub-menu[aria-hidden="false"]').setAttribute('aria-hidden', 'true');
+ }
+ });
+ });
+
+ forEach($menuItem, function (index, value) {
+ var _el = value;
+ _el.addEventListener('click', function (e) {
+
+ var $self = this;
+ var $component = getClosest($self, '.fsa-nav-global');
+ var $listItem = getClosest($self, '.fsa-nav-global__list-item');
+ var $target = $listItem.querySelector('.fsa-nav-global__sub-menu');
+ var $currentlyActiveTab = $component.querySelector('.fsa-nav-global__link[aria-expanded="true"]');
+ var $currentlyActiveFlyout = $component.querySelector('.fsa-nav-global__sub-menu[aria-hidden="false"]');
+ var menuState = $self.getAttribute('aria-expanded');
+ // $target.classList.add('OUTLINE');
+
+ if ($currentlyActiveTab) {
+ $currentlyActiveTab.setAttribute('aria-expanded', 'false');
+ $currentlyActiveFlyout.setAttribute('aria-hidden', 'true');
+ }
+
+ // TOGGLE MENU ITEM OPENED STATE
+ if (menuState == 'true') {
+ // $self.classList.remove('OUTLINE');
+ $self.setAttribute('aria-expanded', 'false');
+ $target.setAttribute('aria-hidden', 'true');
+ } else {
+ // $self.classList.add('OUTLINE');
+ $self.setAttribute('aria-expanded', 'true');
+ $target.setAttribute('aria-hidden', 'false');
+ }
+
+ // if ($self.classList.contains('OUTLINE')) {
+ // $self.classList.remove('OUTLINE');
+ // $target.setAttribute('aria-hidden', 'true');
+ // } else {
+ // $self.classList.add('OUTLINE');
+ // $target.setAttribute('aria-hidden', 'false');
+ // }
+ //
+ });
+
+ _el.addEventListener('focus', function (e) {
+ if (document.querySelector('.fsa-nav-global__link[aria-expanded="true"]')) {
+ document.querySelector('.fsa-nav-global__link[aria-expanded="true"]').setAttribute('aria-expanded', 'false');
+ document.querySelector('.fsa-nav-global__sub-menu[aria-hidden="false"]').setAttribute('aria-hidden', 'true');
+ }
+ console.log('you focused an item');
+ });
+
+ });
+
+ console.log('FSA_NAV_GLOBAL loaded, its JS ***not*** to be used for Production');
+
+}
diff --git a/src/js/components/fsa-select-multi.js b/src/js/components/fsa-select-multi.js
index c0a08fd..e2ec075 100644
--- a/src/js/components/fsa-select-multi.js
+++ b/src/js/components/fsa-select-multi.js
@@ -1,120 +1,120 @@
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-
-var selectMulti__triggers = document.querySelectorAll('[data-behavior~="select-multi"]');
-
-// Utility method to loop thru NodeList correctly
-var forEach = function (array, callback, scope) {
- for (var i = 0; i < array.length; i++) {
- callback.call(scope, i, array[i]); // passes back stuff we need
- }
-};
-
-// Utilitity method
-var getClosest = function(elem, selector){
-
- // Element.matches() polyfill
- if (!Element.prototype.matches) {
- Element.prototype.matches =
- Element.prototype.matchesSelector ||
- Element.prototype.mozMatchesSelector ||
- Element.prototype.msMatchesSelector ||
- Element.prototype.oMatchesSelector ||
- Element.prototype.webkitMatchesSelector ||
- function(s) {
- var matches = (this.document || this.ownerDocument).querySelectorAll(s),
- i = matches.length;
- while (--i >= 0 && matches.item(i) !== this) {}
- return i > -1;
- };
- }
-
- // Get the closest matching element
- for ( ; elem && elem !== document; elem = elem.parentNode ) {
- if ( elem.matches( selector ) ) return elem;
- }
- return null;
-
-};
-
-// iterate thru trigger elements and set click handler
-forEach(selectMulti__triggers, function(index, value) {
- var _el = value;
- _el.addEventListener('click', function(e){
-
- var _check = e.target;
- //var _parent = el.closest('.fsa-select-multi');
- var _parent = getClosest(_el, '.fsa-select-multi');
- var _selectAll = _parent.querySelector('[data-behavior~="select-multi-all"]');
-
- if(_el != _selectAll){
-
- var _len = _parent.querySelectorAll('[data-behavior~="select-multi"]').length;
- var _lenChecked = _parent.querySelectorAll('[data-behavior~="select-multi"]:checked').length
- var _count = _len - _lenChecked;
-
- if( _el.checked){
- if(!_selectAll.checked){
- if( _count <= 1 ){
- _selectAll.indeterminate = false;
- _selectAll.checked = true;
- } else {
- _selectAll.indeterminate = true;
- _selectAll.checked = false;
- }
- }
- } else {
- if(_selectAll.checked){
- _selectAll.indeterminate = true;
- _selectAll.checked = false;
- } else if(_count == (_len)) {
- _selectAll.indeterminate = false;
- _selectAll.checked = false;
- }
- }
-
- } else {
- var _cbs = _parent.querySelectorAll('[data-behavior~="select-multi"]');
- forEach(_cbs, function (index, value) {
- value.checked = _selectAll.checked;
- });
- _selectAll.indeterminate = false;
- }
-
- }, false);
-});
-
-function selectMulti__setState(){
-
- var _selectAll = document.querySelectorAll('[data-behavior~="select-multi-all"]');
- forEach(_selectAll, function (index, value) {
-
- //console.log(typeof value);
- //var _parent = value.closest('.fsa-select-multi');
- var _parent = getClosest(value, '.fsa-select-multi');
- var _selectAll = value;
-
- var _len = _parent.querySelectorAll('[data-behavior~="select-multi"]').length;
- var _lenChecked = _parent.querySelectorAll('[data-behavior~="select-multi"]:checked').length
- var _count = _len - _lenChecked;
-
- if( _count <= 1 ){
- _selectAll.indeterminate = false;
- _selectAll.checked = true;
- } else {
- _selectAll.indeterminate = true;
- _selectAll.checked = false;
- }
- });
-}
-
-
-selectMulti__setState();
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+
+var selectMulti__triggers = document.querySelectorAll('[data-behavior~="select-multi"]');
+
+// Utility method to loop thru NodeList correctly
+var forEach = function (array, callback, scope) {
+ for (var i = 0; i < array.length; i++) {
+ callback.call(scope, i, array[i]); // passes back stuff we need
+ }
+};
+
+// Utilitity method
+var getClosest = function(elem, selector){
+
+ // Element.matches() polyfill
+ if (!Element.prototype.matches) {
+ Element.prototype.matches =
+ Element.prototype.matchesSelector ||
+ Element.prototype.mozMatchesSelector ||
+ Element.prototype.msMatchesSelector ||
+ Element.prototype.oMatchesSelector ||
+ Element.prototype.webkitMatchesSelector ||
+ function(s) {
+ var matches = (this.document || this.ownerDocument).querySelectorAll(s),
+ i = matches.length;
+ while (--i >= 0 && matches.item(i) !== this) {}
+ return i > -1;
+ };
+ }
+
+ // Get the closest matching element
+ for ( ; elem && elem !== document; elem = elem.parentNode ) {
+ if ( elem.matches( selector ) ) return elem;
+ }
+ return null;
+
+};
+
+// iterate thru trigger elements and set click handler
+forEach(selectMulti__triggers, function(index, value) {
+ var _el = value;
+ _el.addEventListener('click', function(e){
+
+ var _check = e.target;
+ //var _parent = el.closest('.fsa-select-multi');
+ var _parent = getClosest(_el, '.fsa-select-multi');
+ var _selectAll = _parent.querySelector('[data-behavior~="select-multi-all"]');
+
+ if(_el != _selectAll){
+
+ var _len = _parent.querySelectorAll('[data-behavior~="select-multi"]').length;
+ var _lenChecked = _parent.querySelectorAll('[data-behavior~="select-multi"]:checked').length
+ var _count = _len - _lenChecked;
+
+ if( _el.checked){
+ if(!_selectAll.checked){
+ if( _count <= 1 ){
+ _selectAll.indeterminate = false;
+ _selectAll.checked = true;
+ } else {
+ _selectAll.indeterminate = true;
+ _selectAll.checked = false;
+ }
+ }
+ } else {
+ if(_selectAll.checked){
+ _selectAll.indeterminate = true;
+ _selectAll.checked = false;
+ } else if(_count == (_len)) {
+ _selectAll.indeterminate = false;
+ _selectAll.checked = false;
+ }
+ }
+
+ } else {
+ var _cbs = _parent.querySelectorAll('[data-behavior~="select-multi"]');
+ forEach(_cbs, function (index, value) {
+ value.checked = _selectAll.checked;
+ });
+ _selectAll.indeterminate = false;
+ }
+
+ }, false);
+});
+
+function selectMulti__setState(){
+
+ var _selectAll = document.querySelectorAll('[data-behavior~="select-multi-all"]');
+ forEach(_selectAll, function (index, value) {
+
+ //console.log(typeof value);
+ //var _parent = value.closest('.fsa-select-multi');
+ var _parent = getClosest(value, '.fsa-select-multi');
+ var _selectAll = value;
+
+ var _len = _parent.querySelectorAll('[data-behavior~="select-multi"]').length;
+ var _lenChecked = _parent.querySelectorAll('[data-behavior~="select-multi"]:checked').length
+ var _count = _len - _lenChecked;
+
+ if( _count <= 1 ){
+ _selectAll.indeterminate = false;
+ _selectAll.checked = true;
+ } else {
+ _selectAll.indeterminate = true;
+ _selectAll.checked = false;
+ }
+ });
+}
+
+
+selectMulti__setState();
diff --git a/src/js/components/fsa-whiteout.js b/src/js/components/fsa-whiteout.js
index c441ea9..7298644 100644
--- a/src/js/components/fsa-whiteout.js
+++ b/src/js/components/fsa-whiteout.js
@@ -1,37 +1,37 @@
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
-
-var whiteoutShow = document.querySelectorAll('[data-behavior~="whiteout-show"]');
-var whiteoutDismiss = document.querySelectorAll('[data-behavior~="whiteout-dismiss"]');
-
-
-// Utility method to loop thru NodeList correctly
-var forEach = function (array, callback, scope) {
- for (var i = 0; i < array.length; i++) {
- callback.call(scope, i, array[i]); // passes back stuff we need
- }
-};
-
-// iterate thru trigger elements and set click handler
-forEach(whiteoutShow, function (index, value) {
- var _el = value;
- _el.addEventListener('click', function(e){
- var _whiteout = document.getElementById('fsa-whiteout');
- _whiteout.setAttribute('aria-hidden', 'false');
- _whiteout.setAttribute('aria-expanded', 'false');
- }, false);
-});
-
-forEach(whiteoutDismiss, function (index, value) {
- var _el = value;
- _el.addEventListener('click', function(e){
- var _whiteout = document.getElementById('fsa-whiteout');
- _whiteout.setAttribute('aria-hidden', 'true');
- _whiteout.setAttribute('aria-expanded', 'true');
- }, false);
-});
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+// None of this is production-quality. Do not use for production. Use as inspiration and guidance for yours.
+
+var whiteoutShow = document.querySelectorAll('[data-behavior~="whiteout-show"]');
+var whiteoutDismiss = document.querySelectorAll('[data-behavior~="whiteout-dismiss"]');
+
+
+// Utility method to loop thru NodeList correctly
+var forEach = function (array, callback, scope) {
+ for (var i = 0; i < array.length; i++) {
+ callback.call(scope, i, array[i]); // passes back stuff we need
+ }
+};
+
+// iterate thru trigger elements and set click handler
+forEach(whiteoutShow, function (index, value) {
+ var _el = value;
+ _el.addEventListener('click', function(e){
+ var _whiteout = document.getElementById('fsa-whiteout');
+ _whiteout.setAttribute('aria-hidden', 'false');
+ _whiteout.setAttribute('aria-expanded', 'false');
+ }, false);
+});
+
+forEach(whiteoutDismiss, function (index, value) {
+ var _el = value;
+ _el.addEventListener('click', function(e){
+ var _whiteout = document.getElementById('fsa-whiteout');
+ _whiteout.setAttribute('aria-hidden', 'true');
+ _whiteout.setAttribute('aria-expanded', 'true');
+ }, false);
+});
diff --git a/src/js/vendor/html5shiv.js b/src/js/vendor/html5shiv.js
index be068a4..205bdfe 100644
--- a/src/js/vendor/html5shiv.js
+++ b/src/js/vendor/html5shiv.js
@@ -1,301 +1,301 @@
-/**
-* @preserve HTML5 Shiv prev3.7.1 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
-*/
-;(function(window, document) {
-/*jshint evil:true */
- /** version */
- var version = '3.7.0';
-
- /** Preset options */
- var options = window.html5 || {};
-
- /** Used to skip problem elements */
- var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
-
- /** Not all elements can be cloned in IE **/
- var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
-
- /** Detect whether the browser supports default html5 styles */
- var supportsHtml5Styles;
-
- /** Name of the expando, to work with multiple documents or to re-shiv one document */
- var expando = '_html5shiv';
-
- /** The id for the the documents expando */
- var expanID = 0;
-
- /** Cached data for each document */
- var expandoData = {};
-
- /** Detect whether the browser supports unknown elements */
- var supportsUnknownElements;
-
- (function() {
- try {
- var a = document.createElement('a');
- a.innerHTML = '
';
- //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
- supportsHtml5Styles = ('hidden' in a);
-
- supportsUnknownElements = a.childNodes.length == 1 || (function() {
- // assign a false positive if unable to shiv
- (document.createElement)('a');
- var frag = document.createDocumentFragment();
- return (
- typeof frag.cloneNode == 'undefined' ||
- typeof frag.createDocumentFragment == 'undefined' ||
- typeof frag.createElement == 'undefined'
- );
- }());
- } catch(e) {
- // assign a false positive if detection fails => unable to shiv
- supportsHtml5Styles = true;
- supportsUnknownElements = true;
- }
-
- }());
-
- /*--------------------------------------------------------------------------*/
-
- /**
- * Creates a style sheet with the given CSS text and adds it to the document.
- * @private
- * @param {Document} ownerDocument The document.
- * @param {String} cssText The CSS text.
- * @returns {StyleSheet} The style element.
- */
- function addStyleSheet(ownerDocument, cssText) {
- var p = ownerDocument.createElement('p'),
- parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
-
- p.innerHTML = 'x';
- return parent.insertBefore(p.lastChild, parent.firstChild);
- }
-
- /**
- * Returns the value of `html5.elements` as an array.
- * @private
- * @returns {Array} An array of shived element node names.
- */
- function getElements() {
- var elements = html5.elements;
- return typeof elements == 'string' ? elements.split(' ') : elements;
- }
-
- /**
- * Returns the data associated to the given document
- * @private
- * @param {Document} ownerDocument The document.
- * @returns {Object} An object of data.
- */
- function getExpandoData(ownerDocument) {
- var data = expandoData[ownerDocument[expando]];
- if (!data) {
- data = {};
- expanID++;
- ownerDocument[expando] = expanID;
- expandoData[expanID] = data;
- }
- return data;
- }
-
- /**
- * returns a shived element for the given nodeName and document
- * @memberOf html5
- * @param {String} nodeName name of the element
- * @param {Document} ownerDocument The context document.
- * @returns {Object} The shived element.
- */
- function createElement(nodeName, ownerDocument, data){
- if (!ownerDocument) {
- ownerDocument = document;
- }
- if(supportsUnknownElements){
- return ownerDocument.createElement(nodeName);
- }
- if (!data) {
- data = getExpandoData(ownerDocument);
- }
- var node;
-
- if (data.cache[nodeName]) {
- node = data.cache[nodeName].cloneNode();
- } else if (saveClones.test(nodeName)) {
- node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
- } else {
- node = data.createElem(nodeName);
- }
-
- // Avoid adding some elements to fragments in IE < 9 because
- // * Attributes like `name` or `type` cannot be set/changed once an element
- // is inserted into a document/fragment
- // * Link elements with `src` attributes that are inaccessible, as with
- // a 403 response, will cause the tab/window to crash
- // * Script elements appended to fragments will execute when their `src`
- // or `text` property is set
- return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
- }
-
- /**
- * returns a shived DocumentFragment for the given document
- * @memberOf html5
- * @param {Document} ownerDocument The context document.
- * @returns {Object} The shived DocumentFragment.
- */
- function createDocumentFragment(ownerDocument, data){
- if (!ownerDocument) {
- ownerDocument = document;
- }
- if(supportsUnknownElements){
- return ownerDocument.createDocumentFragment();
- }
- data = data || getExpandoData(ownerDocument);
- var clone = data.frag.cloneNode(),
- i = 0,
- elems = getElements(),
- l = elems.length;
- for(;i
unable to shiv
+ supportsHtml5Styles = true;
+ supportsUnknownElements = true;
+ }
+
+ }());
+
+ /*--------------------------------------------------------------------------*/
+
+ /**
+ * Creates a style sheet with the given CSS text and adds it to the document.
+ * @private
+ * @param {Document} ownerDocument The document.
+ * @param {String} cssText The CSS text.
+ * @returns {StyleSheet} The style element.
+ */
+ function addStyleSheet(ownerDocument, cssText) {
+ var p = ownerDocument.createElement('p'),
+ parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
+
+ p.innerHTML = 'x';
+ return parent.insertBefore(p.lastChild, parent.firstChild);
+ }
+
+ /**
+ * Returns the value of `html5.elements` as an array.
+ * @private
+ * @returns {Array} An array of shived element node names.
+ */
+ function getElements() {
+ var elements = html5.elements;
+ return typeof elements == 'string' ? elements.split(' ') : elements;
+ }
+
+ /**
+ * Returns the data associated to the given document
+ * @private
+ * @param {Document} ownerDocument The document.
+ * @returns {Object} An object of data.
+ */
+ function getExpandoData(ownerDocument) {
+ var data = expandoData[ownerDocument[expando]];
+ if (!data) {
+ data = {};
+ expanID++;
+ ownerDocument[expando] = expanID;
+ expandoData[expanID] = data;
+ }
+ return data;
+ }
+
+ /**
+ * returns a shived element for the given nodeName and document
+ * @memberOf html5
+ * @param {String} nodeName name of the element
+ * @param {Document} ownerDocument The context document.
+ * @returns {Object} The shived element.
+ */
+ function createElement(nodeName, ownerDocument, data){
+ if (!ownerDocument) {
+ ownerDocument = document;
+ }
+ if(supportsUnknownElements){
+ return ownerDocument.createElement(nodeName);
+ }
+ if (!data) {
+ data = getExpandoData(ownerDocument);
+ }
+ var node;
+
+ if (data.cache[nodeName]) {
+ node = data.cache[nodeName].cloneNode();
+ } else if (saveClones.test(nodeName)) {
+ node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
+ } else {
+ node = data.createElem(nodeName);
+ }
+
+ // Avoid adding some elements to fragments in IE < 9 because
+ // * Attributes like `name` or `type` cannot be set/changed once an element
+ // is inserted into a document/fragment
+ // * Link elements with `src` attributes that are inaccessible, as with
+ // a 403 response, will cause the tab/window to crash
+ // * Script elements appended to fragments will execute when their `src`
+ // or `text` property is set
+ return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
+ }
+
+ /**
+ * returns a shived DocumentFragment for the given document
+ * @memberOf html5
+ * @param {Document} ownerDocument The context document.
+ * @returns {Object} The shived DocumentFragment.
+ */
+ function createDocumentFragment(ownerDocument, data){
+ if (!ownerDocument) {
+ ownerDocument = document;
+ }
+ if(supportsUnknownElements){
+ return ownerDocument.createDocumentFragment();
+ }
+ data = data || getExpandoData(ownerDocument);
+ var clone = data.frag.cloneNode(),
+ i = 0,
+ elems = getElements(),
+ l = elems.length;
+ for(;i,Lucas Serven ;
-**/
+/**
+ * Module: rem - v1.3.2
+ * Description: A polyfill to parse CSS links and rewrite pixel equivalents into head for non supporting browsers
+ * Date Built: 2014-07-02
+ * Copyright (c) 2014 | Chuck Carpenter ,Lucas Serven ;
+**/
!function(e){"use strict";var t=function(){var e=document.createElement("div");return e.style.cssText="font-size: 1rem;",/rem/.test(e.style.fontSize)},n=function(){for(var e=document.getElementsByTagName("link"),t=[],n=0;n0?(v=[],p=[],m=[],r()):i()}},a=function(e,t){for(var n,r=d(e).replace(/\/\*[\s\S]*?\*\//g,""),o=/[\w\d\s\-\/\\\[\]:,.'"*()<>+~%#^$_=|@]+\{[\w\d\s\-\/\\%#:!;,.'"*()]+\d*\.?\d+rem[\w\d\s\-\/\\%#:!;,.'"*()]*\}/g,a=r.match(o),i=/\d*\.?\d+rem/g,s=r.match(i),c=/(.*\/)/,l=c.exec(t)[0],u=/@import (?:url\()?['"]?([^'\)"]*)['"]?\)?[^;]*/gm;null!==(n=u.exec(e));)m.push(0===n[1].indexOf("/")?n[1]:l+n[1]);null!==a&&0!==a.length&&(f=f.concat(a),g=g.concat(s))},i=function(){for(var e=/[\w\d\s\-\/\\%#:,.'"*()]+\d*\.?\d+rem[\w\d\s\-\/\\%#:!,.'"*()]*[;}]/g,t=0;t -1 ? ( eminpx || getEmValue() ) : 1 );
- }
- if( !!max ){
- max = parseFloat( max ) * ( max.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
- }
-
- // if there's no media query at all (the () part), or min or max is not null, and if either is present, they're true
- if( !thisstyle.hasquery || ( !minnull || !maxnull ) && ( minnull || currWidth >= min ) && ( maxnull || currWidth <= max ) ){
- if( !styleBlocks[ thisstyle.media ] ){
- styleBlocks[ thisstyle.media ] = [];
- }
- styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] );
- }
- }
- }
-
- //remove any existing respond style element(s)
- for( var j in appendedEls ){
- if( appendedEls.hasOwnProperty( j ) ){
- if( appendedEls[ j ] && appendedEls[ j ].parentNode === head ){
- head.removeChild( appendedEls[ j ] );
- }
- }
- }
- appendedEls.length = 0;
-
- //inject active styles, grouped by media type
- for( var k in styleBlocks ){
- if( styleBlocks.hasOwnProperty( k ) ){
- var ss = doc.createElement( "style" ),
- css = styleBlocks[ k ].join( "\n" );
-
- ss.type = "text/css";
- ss.media = k;
-
- //originally, ss was appended to a documentFragment and sheets were appended in bulk.
- //this caused crashes in IE in a number of circumstances, such as when the HTML element had a bg image set, so appending beforehand seems best. Thanks to @dvelyk for the initial research on this one!
- head.insertBefore( ss, lastLink.nextSibling );
-
- if ( ss.styleSheet ){
- ss.styleSheet.cssText = css;
- }
- else {
- ss.appendChild( doc.createTextNode( css ) );
- }
-
- //push to appendedEls to track for later removal
- appendedEls.push( ss );
- }
- }
- },
- //find media blocks in css text, convert to style blocks
- translate = function( styles, href, media ){
- var qs = styles.replace( respond.regex.keyframes, '' ).match( respond.regex.media ),
- ql = qs && qs.length || 0;
-
- //try to get CSS path
- href = href.substring( 0, href.lastIndexOf( "/" ) );
-
- var repUrls = function( css ){
- return css.replace( respond.regex.urls, "$1" + href + "$2$3" );
- },
- useMedia = !ql && media;
-
- //if path exists, tack on trailing slash
- if( href.length ){ href += "/"; }
-
- //if no internal queries exist, but media attr does, use that
- //note: this currently lacks support for situations where a media attr is specified on a link AND
- //its associated stylesheet has internal CSS media queries.
- //In those cases, the media attribute will currently be ignored.
- if( useMedia ){
- ql = 1;
- }
-
- for( var i = 0; i < ql; i++ ){
- var fullq, thisq, eachq, eql;
-
- //media attr
- if( useMedia ){
- fullq = media;
- rules.push( repUrls( styles ) );
- }
- //parse for styles
- else{
- fullq = qs[ i ].match( respond.regex.findStyles ) && RegExp.$1;
- rules.push( RegExp.$2 && repUrls( RegExp.$2 ) );
- }
-
- eachq = fullq.split( "," );
- eql = eachq.length;
-
- for( var j = 0; j < eql; j++ ){
- thisq = eachq[ j ];
- mediastyles.push( {
- media : thisq.split( "(" )[ 0 ].match( respond.regex.only ) && RegExp.$2 || "all",
- rules : rules.length - 1,
- hasquery : thisq.indexOf("(") > -1,
- minw : thisq.match( respond.regex.minw ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" ),
- maxw : thisq.match( respond.regex.maxw ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" )
- } );
- }
- }
-
- applyMedia();
- },
-
- //recurse through request queue, get css text
- makeRequests = function(){
- if( requestQueue.length ){
- var thisRequest = requestQueue.shift();
-
- ajax( thisRequest.href, function( styles ){
- translate( styles, thisRequest.href, thisRequest.media );
- parsedSheets[ thisRequest.href ] = true;
-
- // by wrapping recursive function call in setTimeout
- // we prevent "Stack overflow" error in IE7
- w.setTimeout(function(){ makeRequests(); },0);
- } );
- }
- },
-
- //loop stylesheets, send text content to translate
- ripCSS = function(){
-
- for( var i = 0; i < links.length; i++ ){
- var sheet = links[ i ],
- href = sheet.href,
- media = sheet.media,
- isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
-
- //only links plz and prevent re-parsing
- if( !!href && isCSS && !parsedSheets[ href ] ){
- // selectivizr exposes css through the rawCssText expando
- if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
- translate( sheet.styleSheet.rawCssText, href, media );
- parsedSheets[ href ] = true;
- } else {
- if( (!/^([a-zA-Z:]*\/\/)/.test( href ) && !base) ||
- href.replace( RegExp.$1, "" ).split( "/" )[0] === w.location.host ){
- // IE7 doesn't handle urls that start with '//' for ajax request
- // manually add in the protocol
- if ( href.substring(0,2) === "//" ) { href = w.location.protocol + href; }
- requestQueue.push( {
- href: href,
- media: media
- } );
- }
- }
- }
- }
- makeRequests();
- };
-
- //translate CSS
- ripCSS();
-
- //expose update for re-running respond later on
- respond.update = ripCSS;
-
- //expose getEmValue
- respond.getEmValue = getEmValue;
-
- //adjust on resize
- function callMedia(){
- applyMedia( true );
- }
-
- if( w.addEventListener ){
- w.addEventListener( "resize", callMedia, false );
- }
- else if( w.attachEvent ){
- w.attachEvent( "onresize", callMedia );
- }
-})(this);
+/*! Respond.js v1.4.0: min/max-width media query polyfill. (c) Scott Jehl. MIT Lic. j.mp/respondjs */
+(function( w ){
+
+ "use strict";
+
+ //exposed namespace
+ var respond = {};
+ w.respond = respond;
+
+ //define update even in native-mq-supporting browsers, to avoid errors
+ respond.update = function(){};
+
+ //define ajax obj
+ var requestQueue = [],
+ xmlHttp = (function() {
+ var xmlhttpmethod = false;
+ try {
+ xmlhttpmethod = new w.XMLHttpRequest();
+ }
+ catch( e ){
+ xmlhttpmethod = new w.ActiveXObject( "Microsoft.XMLHTTP" );
+ }
+ return function(){
+ return xmlhttpmethod;
+ };
+ })(),
+
+ //tweaked Ajax functions from Quirksmode
+ ajax = function( url, callback ) {
+ var req = xmlHttp();
+ if (!req){
+ return;
+ }
+ req.open( "GET", url, true );
+ req.onreadystatechange = function () {
+ if ( req.readyState !== 4 || req.status !== 200 && req.status !== 304 ){
+ return;
+ }
+ callback( req.responseText );
+ };
+ if ( req.readyState === 4 ){
+ return;
+ }
+ req.send( null );
+ };
+
+ //expose for testing
+ respond.ajax = ajax;
+ respond.queue = requestQueue;
+
+ // expose for testing
+ respond.regex = {
+ media: /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,
+ keyframes: /@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,
+ urls: /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,
+ findStyles: /@media *([^\{]+)\{([\S\s]+?)$/,
+ only: /(only\s+)?([a-zA-Z]+)\s?/,
+ minw: /\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,
+ maxw: /\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/
+ };
+
+ //expose media query support flag for external use
+ respond.mediaQueriesSupported = w.matchMedia && w.matchMedia( "only all" ) !== null && w.matchMedia( "only all" ).matches;
+
+ //if media queries are supported, exit here
+ if( respond.mediaQueriesSupported ){
+ return;
+ }
+
+ //define vars
+ var doc = w.document,
+ docElem = doc.documentElement,
+ mediastyles = [],
+ rules = [],
+ appendedEls = [],
+ parsedSheets = {},
+ resizeThrottle = 30,
+ head = doc.getElementsByTagName( "head" )[0] || docElem,
+ base = doc.getElementsByTagName( "base" )[0],
+ links = head.getElementsByTagName( "link" ),
+
+ lastCall,
+ resizeDefer,
+
+ //cached container for 1em value, populated the first time it's needed
+ eminpx,
+
+ // returns the value of 1em in pixels
+ getEmValue = function() {
+ var ret,
+ div = doc.createElement('div'),
+ body = doc.body,
+ originalHTMLFontSize = docElem.style.fontSize,
+ originalBodyFontSize = body && body.style.fontSize,
+ fakeUsed = false;
+
+ div.style.cssText = "position:absolute;font-size:1em;width:1em";
+
+ if( !body ){
+ body = fakeUsed = doc.createElement( "body" );
+ body.style.background = "none";
+ }
+
+ // 1em in a media query is the value of the default font size of the browser
+ // reset docElem and body to ensure the correct value is returned
+ docElem.style.fontSize = "100%";
+ body.style.fontSize = "100%";
+
+ body.appendChild( div );
+
+ if( fakeUsed ){
+ docElem.insertBefore( body, docElem.firstChild );
+ }
+
+ ret = div.offsetWidth;
+
+ if( fakeUsed ){
+ docElem.removeChild( body );
+ }
+ else {
+ body.removeChild( div );
+ }
+
+ // restore the original values
+ docElem.style.fontSize = originalHTMLFontSize;
+ if( originalBodyFontSize ) {
+ body.style.fontSize = originalBodyFontSize;
+ }
+
+
+ //also update eminpx before returning
+ ret = eminpx = parseFloat(ret);
+
+ return ret;
+ },
+
+ //enable/disable styles
+ applyMedia = function( fromResize ){
+ var name = "clientWidth",
+ docElemProp = docElem[ name ],
+ currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[ name ] || docElemProp,
+ styleBlocks = {},
+ lastLink = links[ links.length-1 ],
+ now = (new Date()).getTime();
+
+ //throttle resize calls
+ if( fromResize && lastCall && now - lastCall < resizeThrottle ){
+ w.clearTimeout( resizeDefer );
+ resizeDefer = w.setTimeout( applyMedia, resizeThrottle );
+ return;
+ }
+ else {
+ lastCall = now;
+ }
+
+ for( var i in mediastyles ){
+ if( mediastyles.hasOwnProperty( i ) ){
+ var thisstyle = mediastyles[ i ],
+ min = thisstyle.minw,
+ max = thisstyle.maxw,
+ minnull = min === null,
+ maxnull = max === null,
+ em = "em";
+
+ if( !!min ){
+ min = parseFloat( min ) * ( min.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
+ }
+ if( !!max ){
+ max = parseFloat( max ) * ( max.indexOf( em ) > -1 ? ( eminpx || getEmValue() ) : 1 );
+ }
+
+ // if there's no media query at all (the () part), or min or max is not null, and if either is present, they're true
+ if( !thisstyle.hasquery || ( !minnull || !maxnull ) && ( minnull || currWidth >= min ) && ( maxnull || currWidth <= max ) ){
+ if( !styleBlocks[ thisstyle.media ] ){
+ styleBlocks[ thisstyle.media ] = [];
+ }
+ styleBlocks[ thisstyle.media ].push( rules[ thisstyle.rules ] );
+ }
+ }
+ }
+
+ //remove any existing respond style element(s)
+ for( var j in appendedEls ){
+ if( appendedEls.hasOwnProperty( j ) ){
+ if( appendedEls[ j ] && appendedEls[ j ].parentNode === head ){
+ head.removeChild( appendedEls[ j ] );
+ }
+ }
+ }
+ appendedEls.length = 0;
+
+ //inject active styles, grouped by media type
+ for( var k in styleBlocks ){
+ if( styleBlocks.hasOwnProperty( k ) ){
+ var ss = doc.createElement( "style" ),
+ css = styleBlocks[ k ].join( "\n" );
+
+ ss.type = "text/css";
+ ss.media = k;
+
+ //originally, ss was appended to a documentFragment and sheets were appended in bulk.
+ //this caused crashes in IE in a number of circumstances, such as when the HTML element had a bg image set, so appending beforehand seems best. Thanks to @dvelyk for the initial research on this one!
+ head.insertBefore( ss, lastLink.nextSibling );
+
+ if ( ss.styleSheet ){
+ ss.styleSheet.cssText = css;
+ }
+ else {
+ ss.appendChild( doc.createTextNode( css ) );
+ }
+
+ //push to appendedEls to track for later removal
+ appendedEls.push( ss );
+ }
+ }
+ },
+ //find media blocks in css text, convert to style blocks
+ translate = function( styles, href, media ){
+ var qs = styles.replace( respond.regex.keyframes, '' ).match( respond.regex.media ),
+ ql = qs && qs.length || 0;
+
+ //try to get CSS path
+ href = href.substring( 0, href.lastIndexOf( "/" ) );
+
+ var repUrls = function( css ){
+ return css.replace( respond.regex.urls, "$1" + href + "$2$3" );
+ },
+ useMedia = !ql && media;
+
+ //if path exists, tack on trailing slash
+ if( href.length ){ href += "/"; }
+
+ //if no internal queries exist, but media attr does, use that
+ //note: this currently lacks support for situations where a media attr is specified on a link AND
+ //its associated stylesheet has internal CSS media queries.
+ //In those cases, the media attribute will currently be ignored.
+ if( useMedia ){
+ ql = 1;
+ }
+
+ for( var i = 0; i < ql; i++ ){
+ var fullq, thisq, eachq, eql;
+
+ //media attr
+ if( useMedia ){
+ fullq = media;
+ rules.push( repUrls( styles ) );
+ }
+ //parse for styles
+ else{
+ fullq = qs[ i ].match( respond.regex.findStyles ) && RegExp.$1;
+ rules.push( RegExp.$2 && repUrls( RegExp.$2 ) );
+ }
+
+ eachq = fullq.split( "," );
+ eql = eachq.length;
+
+ for( var j = 0; j < eql; j++ ){
+ thisq = eachq[ j ];
+ mediastyles.push( {
+ media : thisq.split( "(" )[ 0 ].match( respond.regex.only ) && RegExp.$2 || "all",
+ rules : rules.length - 1,
+ hasquery : thisq.indexOf("(") > -1,
+ minw : thisq.match( respond.regex.minw ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" ),
+ maxw : thisq.match( respond.regex.maxw ) && parseFloat( RegExp.$1 ) + ( RegExp.$2 || "" )
+ } );
+ }
+ }
+
+ applyMedia();
+ },
+
+ //recurse through request queue, get css text
+ makeRequests = function(){
+ if( requestQueue.length ){
+ var thisRequest = requestQueue.shift();
+
+ ajax( thisRequest.href, function( styles ){
+ translate( styles, thisRequest.href, thisRequest.media );
+ parsedSheets[ thisRequest.href ] = true;
+
+ // by wrapping recursive function call in setTimeout
+ // we prevent "Stack overflow" error in IE7
+ w.setTimeout(function(){ makeRequests(); },0);
+ } );
+ }
+ },
+
+ //loop stylesheets, send text content to translate
+ ripCSS = function(){
+
+ for( var i = 0; i < links.length; i++ ){
+ var sheet = links[ i ],
+ href = sheet.href,
+ media = sheet.media,
+ isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
+
+ //only links plz and prevent re-parsing
+ if( !!href && isCSS && !parsedSheets[ href ] ){
+ // selectivizr exposes css through the rawCssText expando
+ if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
+ translate( sheet.styleSheet.rawCssText, href, media );
+ parsedSheets[ href ] = true;
+ } else {
+ if( (!/^([a-zA-Z:]*\/\/)/.test( href ) && !base) ||
+ href.replace( RegExp.$1, "" ).split( "/" )[0] === w.location.host ){
+ // IE7 doesn't handle urls that start with '//' for ajax request
+ // manually add in the protocol
+ if ( href.substring(0,2) === "//" ) { href = w.location.protocol + href; }
+ requestQueue.push( {
+ href: href,
+ media: media
+ } );
+ }
+ }
+ }
+ }
+ makeRequests();
+ };
+
+ //translate CSS
+ ripCSS();
+
+ //expose update for re-running respond later on
+ respond.update = ripCSS;
+
+ //expose getEmValue
+ respond.getEmValue = getEmValue;
+
+ //adjust on resize
+ function callMedia(){
+ applyMedia( true );
+ }
+
+ if( w.addEventListener ){
+ w.addEventListener( "resize", callMedia, false );
+ }
+ else if( w.attachEvent ){
+ w.attachEvent( "onresize", callMedia );
+ }
+})(this);
diff --git a/src/js/vendor/selectivizr-min.js b/src/js/vendor/selectivizr-min.js
index 8083014..e47fc76 100644
--- a/src/js/vendor/selectivizr-min.js
+++ b/src/js/vendor/selectivizr-min.js
@@ -1,22 +1,22 @@
-/*!
-selectivizr v1.0.3b - (c) Keith Clark, freely distributable under the terms
-of the MIT license.
-
-selectivizr.com
-*/
-(function(M){var N=navigator.userAgent.match(/MSIE (\d+)/);if(!N){return false}var m=document;var y=m.documentElement;var Y=t();var x=N[1];if(m.compatMode!="CSS1Compat"||x<6||x>8||!Y){return}var B={NW:"*.Dom.select",MooTools:"$$",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",Sizzle:"*",jQuery:"*",dojo:"*.query"};var w;var X=[];var z=[];var C=0;var d=true;var L="slvzr";var b=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*?/g;var q=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))\s*([^;]*);/g;var E=/(behavior\s*?:\s*)?\burl\(\s*(["']?)(?!data:)([^"')]+)\2\s*\)/g;var F=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/;var V=/:(:first-(?:line|letter))/g;var G=/((?:^|(?:\s*})+)(?:\s*@media[^{]+{)?)\s*([^\{]*?[\[:][^{]+)/g;var D=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g;var K=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g;var aa=/[^\w-]/g;var r=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/;var p=/^(checkbox|radio)$/;var v=x>6?/[\$\^*]=(['"])\1/:null;var e=/([(\[+~])\s+/g;var O=/\s+([)\]+~])/g;var s=/\s+/g;var c=/^\s*((?:[\S\s]*\S)?)\s*$/;var u="";var o=" ";var Z="$1";function W(ab){return ab.replace(V,Z).replace(G,function(ad,ai,ah){var ae=ah.split(",");for(var aj=0,ag=ae.length;aj0){z.push({selector:ac.substring(0,ak),patches:af});af=[]}return an}else{var ap=(ao)?A(ao):U(am);if(ap){af.push(ap);return"."+ap.className}return al}})}return ai+ae.join(",")})}function U(ab){return(!v||v.test(ab))?{className:H(ab),applyClass:true}:null}function A(ag){var af=true;var ae=H(ag.slice(1));var ad=ag.substring(0,5)==":not(";var ac;var ah;if(ad){ag=ag.slice(5,-1)}var ab=ag.indexOf("(");if(ab>-1){ag=ag.substring(0,ab)}if(ag.charAt(0)==":"){switch(ag.slice(1)){case"root":af=function(ai){return ad?ai!=y:ai==y};break;case"target":if(x==8){af=function(aj){var ai=function(){var al=location.hash;var ak=al.slice(1);return ad?(al==u||aj.id!=ak):(al!=u&&aj.id==ak)};n(M,"hashchange",function(){I(aj,ae,ai())});return ai()};break}return false;case"checked":af=function(ai){if(p.test(ai.type)){n(ai,"propertychange",function(){if(event.propertyName=="checked"){I(ai,ae,ai.checked!==ad)}})}return ai.checked!==ad};break;case"disabled":ad=!ad;case"enabled":af=function(ai){if(r.test(ai.tagName)){n(ai,"propertychange",function(){if(event.propertyName=="$disabled"){I(ai,ae,ai.$disabled===ad)}});X.push(ai);ai.$disabled=ai.disabled;return ai.disabled===ad}return ag==":enabled"?ad:!ad};break;case"focus":ac="focus";ah="blur";case"hover":if(!ac){ac="mouseenter";ah="mouseleave"}af=function(ai){n(ai,ad?ah:ac,function(){I(ai,ae,true)});n(ai,ad?ac:ah,function(){I(ai,ae,false)});return ad};break;default:if(!F.test(ag)){return false}break}}return{className:ae,applyClass:af}}function R(){var ae,ab,ac,aj;for(var am=0;am0){setInterval(function(){for(var ad=0,ab=X.length;ad0)?f[0].href:m.location.href;h();T(M,function(){for(var ad in B){var ab,ae,ac=M;if(M[ad]){ab=B[ad].replace("*",ad).split(".");while((ae=ab.shift())&&(ac=ac[ae])){}if(typeof ac=="function"){w=ac;S();return}}}});
-/*!
- * ContentLoaded.js by Diego Perini, modified for IE<9 only (to save space)
- *
- * Author: Diego Perini (diego.perini at gmail.com)
- * Summary: cross-browser wrapper for DOMContentLoaded
- * Updated: 20101020
- * License: MIT
- * Version: 1.2
- *
- * URL:
- * http://javascript.nwbox.com/ContentLoaded/
- * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
- *
- */
+/*!
+selectivizr v1.0.3b - (c) Keith Clark, freely distributable under the terms
+of the MIT license.
+
+selectivizr.com
+*/
+(function(M){var N=navigator.userAgent.match(/MSIE (\d+)/);if(!N){return false}var m=document;var y=m.documentElement;var Y=t();var x=N[1];if(m.compatMode!="CSS1Compat"||x<6||x>8||!Y){return}var B={NW:"*.Dom.select",MooTools:"$$",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",Sizzle:"*",jQuery:"*",dojo:"*.query"};var w;var X=[];var z=[];var C=0;var d=true;var L="slvzr";var b=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*?/g;var q=/@import\s*(?:(?:(?:url\(\s*(['"]?)(.*)\1)\s*\))|(?:(['"])(.*)\3))\s*([^;]*);/g;var E=/(behavior\s*?:\s*)?\burl\(\s*(["']?)(?!data:)([^"')]+)\2\s*\)/g;var F=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/;var V=/:(:first-(?:line|letter))/g;var G=/((?:^|(?:\s*})+)(?:\s*@media[^{]+{)?)\s*([^\{]*?[\[:][^{]+)/g;var D=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g;var K=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g;var aa=/[^\w-]/g;var r=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/;var p=/^(checkbox|radio)$/;var v=x>6?/[\$\^*]=(['"])\1/:null;var e=/([(\[+~])\s+/g;var O=/\s+([)\]+~])/g;var s=/\s+/g;var c=/^\s*((?:[\S\s]*\S)?)\s*$/;var u="";var o=" ";var Z="$1";function W(ab){return ab.replace(V,Z).replace(G,function(ad,ai,ah){var ae=ah.split(",");for(var aj=0,ag=ae.length;aj0){z.push({selector:ac.substring(0,ak),patches:af});af=[]}return an}else{var ap=(ao)?A(ao):U(am);if(ap){af.push(ap);return"."+ap.className}return al}})}return ai+ae.join(",")})}function U(ab){return(!v||v.test(ab))?{className:H(ab),applyClass:true}:null}function A(ag){var af=true;var ae=H(ag.slice(1));var ad=ag.substring(0,5)==":not(";var ac;var ah;if(ad){ag=ag.slice(5,-1)}var ab=ag.indexOf("(");if(ab>-1){ag=ag.substring(0,ab)}if(ag.charAt(0)==":"){switch(ag.slice(1)){case"root":af=function(ai){return ad?ai!=y:ai==y};break;case"target":if(x==8){af=function(aj){var ai=function(){var al=location.hash;var ak=al.slice(1);return ad?(al==u||aj.id!=ak):(al!=u&&aj.id==ak)};n(M,"hashchange",function(){I(aj,ae,ai())});return ai()};break}return false;case"checked":af=function(ai){if(p.test(ai.type)){n(ai,"propertychange",function(){if(event.propertyName=="checked"){I(ai,ae,ai.checked!==ad)}})}return ai.checked!==ad};break;case"disabled":ad=!ad;case"enabled":af=function(ai){if(r.test(ai.tagName)){n(ai,"propertychange",function(){if(event.propertyName=="$disabled"){I(ai,ae,ai.$disabled===ad)}});X.push(ai);ai.$disabled=ai.disabled;return ai.disabled===ad}return ag==":enabled"?ad:!ad};break;case"focus":ac="focus";ah="blur";case"hover":if(!ac){ac="mouseenter";ah="mouseleave"}af=function(ai){n(ai,ad?ah:ac,function(){I(ai,ae,true)});n(ai,ad?ac:ah,function(){I(ai,ae,false)});return ad};break;default:if(!F.test(ag)){return false}break}}return{className:ae,applyClass:af}}function R(){var ae,ab,ac,aj;for(var am=0;am0){setInterval(function(){for(var ad=0,ab=X.length;ad0)?f[0].href:m.location.href;h();T(M,function(){for(var ad in B){var ab,ae,ac=M;if(M[ad]){ab=B[ad].replace("*",ad).split(".");while((ae=ab.shift())&&(ac=ac[ae])){}if(typeof ac=="function"){w=ac;S();return}}}});
+/*!
+ * ContentLoaded.js by Diego Perini, modified for IE<9 only (to save space)
+ *
+ * Author: Diego Perini (diego.perini at gmail.com)
+ * Summary: cross-browser wrapper for DOMContentLoaded
+ * Updated: 20101020
+ * License: MIT
+ * Version: 1.2
+ *
+ * URL:
+ * http://javascript.nwbox.com/ContentLoaded/
+ * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
+ *
+ */
;function T(af,ac){var ab=false,ae=true,ah=function(ai){if(ai.type=="readystatechange"&&m.readyState!="complete"){return}(ai.type=="load"?af:m).detachEvent("on"+ai.type,ah,false);if(!ab&&(ab=true)){ac.call(af,ai.type||ai)}},ag=function(){try{y.doScroll("left")}catch(ai){setTimeout(ag,50);return}ah("poll")};if(m.readyState=="complete"){ac.call(af,u)}else{if(m.createEventObject&&y.doScroll){try{ae=!af.frameElement}catch(ad){}if(ae){ag()}}n(m,"readystatechange",ah);n(af,"load",ah)}}})(this);
\ No newline at end of file
diff --git a/src/stylesheets/_pcp.shame.scss b/src/stylesheets/_pcp.shame.scss
index 6ba261b..e69de29 100644
--- a/src/stylesheets/_pcp.shame.scss
+++ b/src/stylesheets/_pcp.shame.scss
@@ -1,62 +0,0 @@
-// TO MOVE TO fsa-style --------------------------------------------------------
-
-.fsa-modal {
-
- &__title {
- margin-bottom: .5em;
- }
-
- &__content {
-
- margin-bottom: $size-medium;
-
- .fsa-modal--fullscreen & {
- min-height: calc(100vh - 5rem); // magic number
- }
-
- }
-
-}
-
-.fsa-textarea[rows] {
- height: auto;
- min-height: 6rem;
-}
-
-fieldset[disabled] {
- opacity: .5;
-}
-
-.fsa-btn--flat {
- text-align: left;
-}
-
-.sr-only {
- @include sr-only();
-}
-
-.fsa-content-tabs__label {
- width: 100%;
-}
-
-.fsa-email-string {
- word-break: break-all;
- overflow-wrap: break-word;
-}
-
-.fsa-label {
- h1 & {
- position: relative;
- top: -$size-base;
- margin-left: $size-base;
- }
-}
-
-.fsa-label,
-.fsa-badge {
- &[disabled] {
- opacity: .65;
- filter: saturate(70%);
- cursor: not-allowed;
- }
-}
diff --git a/src/stylesheets/components/_pcp.brand.scss b/src/stylesheets/components/_pcp.brand.scss
deleted file mode 100644
index 682d743..0000000
--- a/src/stylesheets/components/_pcp.brand.scss
+++ /dev/null
@@ -1,100 +0,0 @@
-.pcp-brand {
-
- @include clearfix;
-
- &__logo {
-
- display: none;
-
- @include breakpoint(L) {
- display: block;
- height: ($size-base * 9);
- float: left;
- margin-right: $size-small;
- height: ($size-base * 11);
- margin-right: $size-default;
- }
-
- }
-
- &__label {
-
- white-space: nowrap;
- display: block;
- color: $color-fsa-white;
-
- }
-
- &__usda {
-
- @include font-size(0);
- font-size: 12px;
- display: block;
-
- @include breakpoint(M) {
- @include font-size(0);
- }
-
- @include breakpoint(L) {
- @include font-size(1);
- }
-
- }
-
- &__agency {
-
- @include font-size(3);
- line-height: 1;
- font-weight: $font-bold;
- text-decoration: none;
- color: $color-fsa-white;
-
- @include breakpoint(L) {
- @include font-size(4);
- }
-
- &:active,
- &:hover {
- color: $color-fsa-white;
- text-decoration: underline;
- }
-
- &:visited {
- color: $color-fsa-white;
- }
-
- }
-
- &__us {
-
- display: none;
-
- @include breakpoint(L) {
- display: inline;
- }
-
- }
-
- &__da {
-
- &:before {
- content: attr(data-before);
- margin-right: 3px;
-
- @include breakpoint(L) {
- display: none;
- }
- }
-
-
-
- }
-
-}
-
-// scss-lint:disable QualifyingElement
-a.pcp-brand__agency:hover,
-a.pcp-brand__agency:active,
-a.pcp-brand__agency:focus {
- color: $color-fsa-white;
-}
diff --git a/src/stylesheets/components/_pcp.card.scss b/src/stylesheets/components/_pcp.card.scss
deleted file mode 100644
index 1af3ccb..0000000
--- a/src/stylesheets/components/_pcp.card.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-.pcp-card {
-
- padding:
- $size-default
- $size-default
- ($size-default * 1.5)
- ;
- background-color: $color-fsa-site-bg;
-
- &__hd {}
-
- &__title {
- @include font-size(4);
- margin: 0 0 .5em;
- }
-
- &__bd {}
-
- &__ft {}
-
- &__status {
- margin-top: .5em;
- }
-
-}
diff --git a/src/stylesheets/components/_pcp.disclaimer.scss b/src/stylesheets/components/_pcp.disclaimer.scss
deleted file mode 100644
index 6cedd7e..0000000
--- a/src/stylesheets/components/_pcp.disclaimer.scss
+++ /dev/null
@@ -1,69 +0,0 @@
-.pcp-disclaimer {
-
- &__stage {
-
- display: block;
- margin: 0;
-
- a {
-
- color: inherit;
- text-decoration: none;
-
- &:hover {
- text-decoration: underline;;
- }
-
- }
-
- }
-
- &__app-name {
-
- font-weight: $font-bold;
- text-transform: uppercase;
-
- &:before {
- .pcp-disclaimer__abbr + & {
- content: '-';
- margin-left: ($size-base / 2);
- margin-right: $size-base;
- }
- }
-
- }
-
- &__abbr {
-
- &:before {
- .pcp-disclaimer__app-name + & {
- content: '-';
- margin-left: ($size-base / 2);
- margin-right: $size-base;
- }
- }
-
- }
-
- &__official {
-
- text-transform: capitalize;
-
- @include breakpoint(L) {
- text-transform: none;
- }
-
- }
-
- &__hide-on-mobile {
-
- display: none;
-
- @include breakpoint(L) {
- display: inline;
- }
-
-
- }
-
-}
diff --git a/src/stylesheets/components/_pcp.footer-TEMP.scss b/src/stylesheets/components/_pcp.footer-TEMP.scss
deleted file mode 100644
index 1d98814..0000000
--- a/src/stylesheets/components/_pcp.footer-TEMP.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.pcp-footer-TEMP {
-
- margin-top: $size-extra-large;
- padding-left: $size-default;
- padding-right: $size-default;
- background-color: $color-fsa-tertiary-100;
-
- &__bd {
- margin-left: auto;
- margin-right: auto;
- max-width: $site-max-width;
- text-align: center;
- padding: 11vh 0;
- color: $color-fsa-tertiary-300;
- }
-
-}
diff --git a/src/stylesheets/components/_pcp.global-access.scss b/src/stylesheets/components/_pcp.global-access.scss
deleted file mode 100644
index 61fb3a1..0000000
--- a/src/stylesheets/components/_pcp.global-access.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-.pcp-global-access {
-
- &__list {
-
- @include reset-ul();
-
- &-item {
-
- @include reset-li();
- display: inline-block;
-
- @include breakpoint(M) {
- position: relative;
- }
-
- & + & {
- margin-left: $size-small;
- }
-
- }
-
- }
-
-
-}
diff --git a/src/stylesheets/components/_pcp.growl.scss b/src/stylesheets/components/_pcp.growl.scss
deleted file mode 100644
index c4445b0..0000000
--- a/src/stylesheets/components/_pcp.growl.scss
+++ /dev/null
@@ -1,135 +0,0 @@
-@keyframes growlDissmiss {
- to {
- opacity: 0;
- transform: translate3d(100%, 0, 0);
- }
-}
-
-@keyframes growlShow {
- from {
- opacity: 0;
- transform: translate3d(100%, 0, 0);
- }
- to {
- opacity: 1;
- transform: translate3d(0, 0, 0);
- }
-}
-
-.pcp-growl-container {
-
- position: fixed;
- top: $size-default;
- right: $size-default;
- left: $size-default;
- z-index: 1001;
-
- @include breakpoint(L) {
- left: auto;
- width: 364px;
- }
-
- &--centered {
-
- z-index: 1002;
-
- @include breakpoint(L) {
- position: fixed;
- left: 50%;
- top: $size-extra-large;
- transform: translate(-50%, 0);
- }
-
- }
-
- &--hidden {
- display: none;
- }
-
-}
-
-.pcp-growl {
-
- padding: $size-default;
- box-shadow: 0 $size-base $size-small 0 rgba(0, 0, 0, .25);
- margin-bottom: 1em;
- background-color: $color-fsa-aqua-100;
- border: 1px solid $color-fsa-aqua;
- border-left-width: 4px;
- animation: .43s growlShow ease-in-out both;
-
- &--centered {
- animation: none;
- }
-
- &--dismissing {
- animation: .23s growlDissmiss both;
- }
-
- &--error {
- background-color: $color-fsa-red-100;
- border-color: $color-fsa-red;
- }
-
- &--warning {
- background-color: $color-gold-lightest;
- border-color: $color-gold;
- }
-
- &--success {
- background-color: $color-fsa-primary-100;
- border-color: $color-fsa-primary;
- }
-
- &--hidden {
- display: none;
- }
-
- &__hd {
- position: relative;
- }
-
- &__close {
-
- @include pcp-button-reset;
- position: absolute;
- top: -$size-default;
- right: -$size-default;
- padding: ($size-default * 1.5);
-
- &:active {
- opacity: .6;
- }
-
- }
-
- &__close-icon {
- width: $size-default;
- display: block;
- }
-
- &__title {
- @include h3();
- margin-top: 0;
- margin-bottom: .5em;
- font-family: $font-sans;
- padding-right: $size-medium;
- color: $color-base;
- }
-
- &__bd {
-
- padding-right: $size-medium;
- font-size: $font-size-2;
-
- :first-child {
- margin-top: 0;
- }
-
- p {
- margin-bottom: .5em;
- }
-
- }
-
-}
diff --git a/src/stylesheets/components/_pcp.header.scss b/src/stylesheets/components/_pcp.header.scss
deleted file mode 100644
index 88b6f13..0000000
--- a/src/stylesheets/components/_pcp.header.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-.pcp-header {
-
- background-color: #fff;
- padding: 1.5rem 0;
- background-color: $color-fsa-primary;
- text-align: left;
-
- &__bd {
-
- display: flex;
- max-width: ($site-max-width + 24px);
- margin-left: auto;
- margin-right: auto;
- padding: 0 $size-default;
- text-align: left;
- color: $color-fsa-white;
-
- }
-
- &__prop {
- flex: 1;
- padding-right: $size-small;
- }
-
- &__options {
- color: $color-fsa-white;
- text-align: right;
- display: flex;
- align-items: flex-end;
- }
-
-}
diff --git a/src/stylesheets/components/_pcp.legend.scss b/src/stylesheets/components/_pcp.legend.scss
index 35e050e..026d886 100644
--- a/src/stylesheets/components/_pcp.legend.scss
+++ b/src/stylesheets/components/_pcp.legend.scss
@@ -1,10 +1,10 @@
.pcp-legend {
- &__list {
+ &__list {
@include reset-ul();
}
- &__item {
+ &__item {
@include reset-li();
margin-top: .5em;
@@ -14,11 +14,11 @@
margin-top: 0;
}
- }
+ }
- &__preview {
+ &__preview {
padding-right: $size-small;
- }
+ }
&__thumb {
width: $size-medium;
@@ -27,6 +27,17 @@
border: 1px solid rgba(0, 0, 0, .4);
}
- &__label {}
+ &__label {
+
+ &--help {
+ cursor: help;
+ border-bottom: 2px dotted transparent;
+ }
+
+ &--help:hover {
+ border-bottom-color: $color-fsa-aqua;
+ }
+
+ }
}
diff --git a/src/stylesheets/components/_pcp.modal.scss b/src/stylesheets/components/_pcp.modal.scss
deleted file mode 100644
index d6557cb..0000000
--- a/src/stylesheets/components/_pcp.modal.scss
+++ /dev/null
@@ -1,117 +0,0 @@
-
-.pcp-modal {
-
- will-change: visibility, opacity;
- display: flex;
- align-items: center;
- justify-content: center;
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- overflow-y: auto;
- overflow-x: hidden;
- z-index: 1001;
- visibility: hidden;
- opacity: 0;
- transition: all .5s cubic-bezier(.23, 1, .32, 1);
- transition-delay: 0s;
- background-color: transparentize($color-fsa-tertiary-900, .4);
-
- &--active {
- visibility: visible;
- opacity: 1;
- }
-
- &--top,
- &--fullscreen {
- align-items: flex-start;
- }
-
- &__dialog {
-
- padding: $size-default;
- position: relative;
- width: 100%;
- max-height: 100%;
-
- @include breakpoint(M) {
- padding: $size-medium;
- }
-
- @include breakpoint(L) {
- padding: ($size-large * 2) $size-medium;
- max-width: 800px;
- }
-
- // scss-lint:disable SelectorFormat
- .pcp-modal--small & {
-
- @include breakpoint(M) {
- max-width: 400px;
- }
-
- }
-
- .pcp-modal--large & {
- max-width: $site-max-width;
- }
-
- .pcp-modal--fullscreen & {
-
- padding-top: $size-medium;
-
- @include breakpoint(L) {
- max-width: 100%;
- }
-
- }
-
- }
-
- &__close {
-
- @include pcp-button-reset;
- position: absolute;
- top: 0;
- right: 0;
- padding: ($size-default * 1.5);
- z-index: 2;
-
- &:active {
- opacity: .6;
- }
-
- }
-
- &__close-icon {
- width: ($size-base * 4);
- display: block;
- }
-
- &__title {
- @include h2();
- margin-top: 0;
- font-family: $font-sans;
- font-weight: $font-normal;
- }
-
- &__content {
- position: relative;
- padding: $size-medium;
- background-color: $color-fsa-site-bg;
- background-clip: padding-box;
- box-shadow: 0 $size-default $size-default 0 rgba(0, 0, 0, .25);
- }
-
- &__content-bleed {
- margin-left: -$size-medium;
- margin-right: -$size-medium;
- }
-
- &__content--active {
- opacity: 1;
- }
-
-}
diff --git a/src/stylesheets/components/_pcp.nav-global.scss b/src/stylesheets/components/_pcp.nav-global.scss
deleted file mode 100644
index c76e273..0000000
--- a/src/stylesheets/components/_pcp.nav-global.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-.pcp-nav-global {
-
- background-color: $color-fsa-white;
- border-bottom: 1px solid $color-fsa-tertiary-200;
-
- &__bd {
- max-width: ($site-max-width + 24px);
- margin-left: auto;
- margin-right: auto;
- padding: 0;
- }
-
- &__list {
- @include reset-ul();
- display: flex;
- }
-
- &__list-item {
- @include reset-li();
- display: inline-block;
- }
-
- &__link {
-
- @include font-size(2);
- display: block;
- font-weight: $font-bold;
- text-decoration: none;
- padding: 0 $size-default;
-
- @include breakpoint(M) {
- @include font-size(3);
- }
-
- &:link,
- &:visited {
- color: $color-fsa-tertiary-300;
- }
-
- span {
-
- display: block;
- padding: $size-small 0;
-
- @include breakpoint(M) {
- padding: $size-default 0;
- }
-
- }
-
- &:hover,
- &:focus {
-
- span {
- box-shadow: 0 (-$size-base / 2) 0 0 $color-fsa-tertiary-300 inset;
- }
-
- }
-
- &--active {
-
- &:link,
- &:visited {
- color: $color-fsa-base;
- }
-
- span {
- box-shadow: 0 (-$size-base) 0 0 $color-fsa-secondary inset;
- }
-
- }
-
- }
-
-}
diff --git a/src/stylesheets/components/_pcp.stepped-tabs.scss b/src/stylesheets/components/_pcp.stepped-tabs.scss
index e0f2d68..658a169 100644
--- a/src/stylesheets/components/_pcp.stepped-tabs.scss
+++ b/src/stylesheets/components/_pcp.stepped-tabs.scss
@@ -40,7 +40,8 @@
width: 100%;
text-align: center;
text-decoration: none;
- padding: $labelPadding $labelPadding ($labelPadding - .1rem);
+ padding: ($labelPadding - .1rem) $labelPadding ($labelPadding);
+ // padding: $labelPadding $labelPadding ($labelPadding - .1rem);
background-color: $color-fsa-tertiary-100;
color: $color-fsa-base;
position: relative;
diff --git a/src/stylesheets/components/_pcp.table.ARCHIVED.scss b/src/stylesheets/components/_pcp.table.ARCHIVED.scss
deleted file mode 100644
index bb90c7d..0000000
--- a/src/stylesheets/components/_pcp.table.ARCHIVED.scss
+++ /dev/null
@@ -1,203 +0,0 @@
-/* --------------------------------------------------------------------------*/
-/* RESULTS */
-.inq-results_hd {
- margin-top: 1.5em;
-}
-
-.inq-results_hd-item {
- cursor: pointer;
- color: #323a45;
-}
-
-.inq-results_hd-item:hover {
- cursor: pointer;
- color: #2e8540;
- text-decoration: underline;
-}
-
-.inq-results_hd-item-label {
- white-space: nowrap;
-}
-
-.inq-results_hd-item-label:after {
- content: '';
- background-size: 100%;
- width: 12px;
- height: 12px;
- display: inline-block;
- vertical-align: middle;
- position: relative;
- top: -2px;
- margin-left: 4px;
-}
-
-.is-sorted-down .inq-results_hd-item-label:after,
-.is-sorted-up .inq-results_hd-item-label:after {
- background-image: url("../img/chevron-up.png");
- background-image: url("../img/chevron-up.svg");
-}
-
-.is-sorted-up .inq-results_hd-item-label:after {
- background-image: url("../img/chevron-down.png");
- background-image: url("../img/chevron-down.svg");
-}
-
-.inq-results_title {
- margin-top: 0;
-}
-
-.inq-results-aside {
- text-align: right;
-}
-
-.inq-results-filter_field {
- display: block;
-}
-@media screen and (min-width: 600px) {
- .inq-results-filter_field {
- width: 180px;
- display: inline-block;
- }
-}
-@media screen and (max-width: 600px) {
- .inq-results-filter_label {
- display: none;
- }
-}
-@media screen and (min-width: 600px) {
- .inq-results-filter_label {
- display: inline;
- margin-right: 12px;
- margin-top: -4px;
- }
-}
-@media screen and (min-width: 600px) {
- .inq-results-filter {
- display: inline-block;
- text-align: right;
- }
-}
-
-.inq-results_table {
- border-top: 2px solid #5b616b;
- margin-top: 1em;
- margin-bottom: 1em;
-}
-
-.inq-results_table a {
- text-decoration: underline;
-}
-
-.inq-results_table a:visited {
- color: #0071bc;
-}
-
-.inq-results_table a:hover {
- color: #205493;
-}
-
-.inq-results_table td,
-.inq-results_table th {
- padding: 1.5rem 0.6rem;
-}
-
-.inq-results_row--inactive td,
-.inq-results_row--inactive th {
- background-color: rgba(0,0,0,.03);
- color: rgba(0,0,0,.4);
-}
-
-.inq-results_table th {}
-
-.inq-results_table td {
- vertical-align: top;
-}
-@media screen and (min-width: 600px) {
- .inq-results_table td:first-child,
- .inq-results_table th:first-child {
- padding-left: 0;
- }
-
- .inq-results_table td:last-child,
- .inq-results_table th:last-child {
- padding-right: 0;
- }
-}
-@media screen and (max-width: 600px) {
- .inq-results_bd,
- .inq-results_row,
- .inq-results_table,
- .inq-results_table td,
- .inq-results_table th {
- display: block;
- border: 0;
- }
-
- .inq-results_table {
- border-top: 2px solid #5b616b;
- }
-
- .inq-results_hd {
- display: none;
- }
-
- .ie9 .inq-results_hd {
- display: block;
- }
-
- .inq-results_row {
- border-bottom: 1px solid #5b616b;
- padding-bottom: 1.5rem;
- }
-
- .inq-results_table td,
- .inq-results_table th {
- border: 0;
- padding: 1.5rem 0 0;
- }
-
- .ie9 .inq-results_table td,
- .ie9 .inq-results_table th {
- padding: 1.5rem 0.5rem;
- }
-
- .inq-results_table td {
- position: relative;
- padding-left: 80px;
- }
-
- .inq-results_table td:before {
- content: attr(data-label);
- display: block;
- font-weight: 700;
- position: absolute;
- left: 0;
- }
-
- .ie9 .inq-results_table td:before {
- display: none;
- }
-}
-
-.inq-status-label {
- text-transform: capitalize;
-}
-@media screen and (min-width: 800px) {
- .inq-results_hd-item--status {
- width: 110px;
- }
-}
-
-.inq-results_trunc {
- cursor: pointer;
- color: #0071bc;
- text-decoration: underline;
-}
-
-.inq-results_trunc:hover {
- color: #205493;
-}
-
-.anchor-link {
- cursor: pointer;
-}
diff --git a/src/stylesheets/components/_pcp.whiteout.scss b/src/stylesheets/components/_pcp.whiteout.scss
deleted file mode 100644
index b3bf0f1..0000000
--- a/src/stylesheets/components/_pcp.whiteout.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.pcp-whiteout {
-
- position: fixed;
- z-index: 1002;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- background-color: transparentize($color-fsa-tertiary-900, .4);
-
- &--hidden {
- display: none;
- }
-
-}
diff --git a/src/stylesheets/elements/_pcp.icon-TEMP.scss b/src/stylesheets/elements/_pcp.icon-TEMP.scss
deleted file mode 100644
index 6f7baf2..0000000
--- a/src/stylesheets/elements/_pcp.icon-TEMP.scss
+++ /dev/null
@@ -1,48 +0,0 @@
-.pcp-icon-TEMP {
-
- $icon-size: $size-large;
-
- position: relative;
- appearance: none;
- border: 0;
- padding: 0;
- margin: 0;
- display: inline-block;
- background-color: $color-fsa-primary-900;
- text-indent: $icon-size * 2;
- overflow: hidden;
- line-height: 1;
-
- width: $icon-size * .9;
- height: $icon-size * .9;
-
- @include breakpoint(S) {
- width: $icon-size;
- height: $icon-size;
- }
-
- &:hover {
- background-color: $color-fsa-primary-300;
- }
-
- &::-moz-focus-inner,
- &::-moz-focus-inner {
- border: 0;
- padding: 0;
- }
-
- // ---------------------------------------------------------------------------
-
- &--small {
-
- width: $icon-size * .5;
- height: $icon-size * .5;
-
- @include breakpoint(S) {
- width: $icon-size * .5;
- height: $icon-size * .5;
- }
-
- }
-
-}
diff --git a/src/stylesheets/prototype/_pcp.prototype.scss b/src/stylesheets/prototype/_pcp.prototype.scss
index 0874e60..1268aa3 100644
--- a/src/stylesheets/prototype/_pcp.prototype.scss
+++ b/src/stylesheets/prototype/_pcp.prototype.scss
@@ -1,16 +1,5 @@
// pcp.prototype ---------------------------------------------------------------
-.TBD {
- background-color: white;
- border: 1px solid $color-fsa-tertiary-200;
- padding: $size-default;
- text-align: center;
- font-size: 72px;
- font-weight: bold;
- color: $color-fsa-tertiary-100;
- text-shadow: -1px -1px 0 $color-fsa-tertiary-200;
-}
-
$hint-color: rgba(255, 69, 0, .8);
// scss-lint:disable SelectorFormat
@@ -128,7 +117,7 @@ $hint-color: rgba(255, 69, 0, .8);
border-top-width: $size-base;
border-bottom-width: 0;
padding: $size-small;
- box-shadow: -2px 0px 19px 0px rgba(0, 0, 0, .4);
+ box-shadow: -2px 0 19px 0 rgba(0, 0, 0, .4);
width: 320px;
position: fixed;
@@ -153,7 +142,8 @@ $hint-color: rgba(255, 69, 0, .8);
}
.pcp-prototype-home & {
- display: none;
+ // scss-lint:disable ImportantRule
+ display: none !important;
}
}
@@ -221,12 +211,24 @@ $hint-color: rgba(255, 69, 0, .8);
// FAKING TAB CONTENT SWAP ---------------------------------------------------
- &__ITEM {
+ &__ITEM {
display: none;
- }
+ }
- &__ITEM--ACTIVE {
+ &__ITEM--ACTIVE {
display: block;
- }
+ }
+
+}
+// scss-lint:disable SelectorFormat
+.TBD {
+ background-color: white;
+ border: 1px solid $color-fsa-tertiary-200;
+ padding: $size-default;
+ text-align: center;
+ font-size: 72px;
+ font-weight: bold;
+ color: $color-fsa-tertiary-100;
+ text-shadow: -1px -1px 0 $color-fsa-tertiary-200;
}
diff --git a/src/stylesheets/utility/_pcp.utility.scss b/src/stylesheets/utility/_pcp.utility.scss
deleted file mode 100644
index e69de29..0000000