foundation update and small fixes

assets/css/style.css

@@ -1,4 +1,4 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
 /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
@@ -22,7 +22,8 @@ body {
    ========================================================================== */
 /**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
 article,
@@ -34,6 +35,7 @@ footer,
 header,
 hgroup,
 main,
+menu,
 nav,
 section,
 summary {
@@ -74,7 +76,7 @@ template {
  * Remove the gray background color from active links in IE 10.
  */
 a {
-  background: transparent; }
+  background-color: transparent; }
 
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
@@ -360,7 +362,7 @@ th {
   clear: both; }
 
 meta.foundation-version {
-  font-family: "/5.4.6/"; }
+  font-family: "/5.4.7/"; }
 
 meta.foundation-mq-small {
   font-family: "/only screen/";
@@ -442,7 +444,11 @@ img {
   clear: both; }
 
 .hide {
-  display: none; }
+  display: none !important;
+  visibility: hidden; }
+
+.invisible {
+  visibility: hidden; }
 
 .antialiased {
   -webkit-font-smoothing: antialiased;
@@ -1493,7 +1499,8 @@ select {
     margin-top: -0.6875rem;
     right: 0.25rem;
     color: #333333;
-    opacity: 0.3; }
+    opacity: 0.3;
+    background: inherit; }
     .alert-box .close:hover, .alert-box .close:focus {
       opacity: 0.5; }
   .alert-box.radius {
@@ -2075,7 +2082,6 @@ button::-moz-focus-inner {
     clear: both; }
   .button-group > li {
     margin: 0 -2px;
-    float: left;
     display: inline-block; }
     .button-group > li > button, .button-group > li .button {
       border-left: 1px solid;
@@ -2084,7 +2090,6 @@ button::-moz-focus-inner {
       border-left: 0; }
   .button-group.stack > li {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     display: block;
     margin: 0;
@@ -2104,7 +2109,6 @@ button::-moz-focus-inner {
       border-top: 0; }
   .button-group.stack-for-small > li {
     margin: 0 -2px;
-    float: left;
     display: inline-block; }
     .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
       border-left: 1px solid;
@@ -2114,7 +2118,6 @@ button::-moz-focus-inner {
     @media only screen and (max-width: 40em) {
       .button-group.stack-for-small > li {
         margin: 0 -2px;
-        float: left;
         display: inline-block;
         display: block;
         margin: 0; }
@@ -2133,7 +2136,6 @@ button::-moz-focus-inner {
           border-top: 0; } }
   .button-group.radius > * {
     margin: 0 -2px;
-    float: left;
     display: inline-block; }
     .button-group.radius > * > button, .button-group.radius > * .button {
       border-left: 1px solid;
@@ -2154,7 +2156,6 @@ button::-moz-focus-inner {
       border-top-right-radius: 3px; }
   .button-group.radius.stack > * {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     display: block;
     margin: 0; }
@@ -2186,7 +2187,6 @@ button::-moz-focus-inner {
   @media only screen and (min-width: 40.063em) {
     .button-group.radius.stack-for-small > * {
       margin: 0 -2px;
-      float: left;
       display: inline-block; }
       .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
         border-left: 1px solid;
@@ -2208,7 +2208,6 @@ button::-moz-focus-inner {
   @media only screen and (max-width: 40em) {
     .button-group.radius.stack-for-small > * {
       margin: 0 -2px;
-      float: left;
       display: inline-block;
       display: block;
       margin: 0; }
@@ -2239,7 +2238,6 @@ button::-moz-focus-inner {
         border-bottom-right-radius: 3px; } }
   .button-group.round > * {
     margin: 0 -2px;
-    float: left;
     display: inline-block; }
     .button-group.round > * > button, .button-group.round > * .button {
       border-left: 1px solid;
@@ -2260,7 +2258,6 @@ button::-moz-focus-inner {
       border-top-right-radius: 1000px; }
   .button-group.round.stack > * {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     display: block;
     margin: 0; }
@@ -2292,7 +2289,6 @@ button::-moz-focus-inner {
   @media only screen and (min-width: 40.063em) {
     .button-group.round.stack-for-small > * {
       margin: 0 -2px;
-      float: left;
       display: inline-block; }
       .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
         border-left: 1px solid;
@@ -2314,7 +2310,6 @@ button::-moz-focus-inner {
   @media only screen and (max-width: 40em) {
     .button-group.round.stack-for-small > * {
       margin: 0 -2px;
-      float: left;
       display: inline-block;
       display: block;
       margin: 0; }
@@ -2345,7 +2340,6 @@ button::-moz-focus-inner {
         border-bottom-right-radius: 1rem; } }
   .button-group.even-2 li {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     width: 50%; }
     .button-group.even-2 li > button, .button-group.even-2 li .button {
@@ -2357,7 +2351,6 @@ button::-moz-focus-inner {
       width: 100%; }
   .button-group.even-3 li {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     width: 33.33333%; }
     .button-group.even-3 li > button, .button-group.even-3 li .button {
@@ -2369,7 +2362,6 @@ button::-moz-focus-inner {
       width: 100%; }
   .button-group.even-4 li {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     width: 25%; }
     .button-group.even-4 li > button, .button-group.even-4 li .button {
@@ -2381,7 +2373,6 @@ button::-moz-focus-inner {
       width: 100%; }
   .button-group.even-5 li {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     width: 20%; }
     .button-group.even-5 li > button, .button-group.even-5 li .button {
@@ -2393,7 +2384,6 @@ button::-moz-focus-inner {
       width: 100%; }
   .button-group.even-6 li {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     width: 16.66667%; }
     .button-group.even-6 li > button, .button-group.even-6 li .button {
@@ -2405,7 +2395,6 @@ button::-moz-focus-inner {
       width: 100%; }
   .button-group.even-7 li {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     width: 14.28571%; }
     .button-group.even-7 li > button, .button-group.even-7 li .button {
@@ -2417,7 +2406,6 @@ button::-moz-focus-inner {
       width: 100%; }
   .button-group.even-8 li {
     margin: 0 -2px;
-    float: left;
     display: inline-block;
     width: 12.5%; }
     .button-group.even-8 li > button, .button-group.even-8 li .button {
@@ -2615,6 +2603,7 @@ button::-moz-focus-inner {
   left: -9999px;
   list-style: none;
   margin-left: 0;
+  outline: none;
   width: 100%;
   max-height: none;
   height: auto;
@@ -2663,6 +2652,7 @@ button::-moz-focus-inner {
     left: -9999px;
     list-style: none;
     margin-left: 0;
+    outline: none;
     width: 100%;
     max-height: none;
     height: auto;
@@ -2706,6 +2696,7 @@ button::-moz-focus-inner {
     left: -9999px;
     list-style: none;
     margin-left: 0;
+    outline: none;
     width: 100%;
     max-height: none;
     height: auto;
@@ -2751,6 +2742,7 @@ button::-moz-focus-inner {
     left: -9999px;
     list-style: none;
     margin-left: 0;
+    outline: none;
     width: 100%;
     max-height: none;
     height: auto;
@@ -2811,6 +2803,7 @@ button::-moz-focus-inner {
     left: -9999px;
     list-style: none;
     margin-left: 0;
+    outline: none;
     padding: 1.25rem;
     width: 100%;
     height: auto;
@@ -2840,8 +2833,9 @@ button::-moz-focus-inner {
 
 .dropdown.button, button.dropdown {
   position: relative;
+  outline: none;
   padding-right: 3.5625rem; }
-  .dropdown.button:after, button.dropdown:after {
+  .dropdown.button::after, button.dropdown::after {
     position: absolute;
     content: "";
     width: 0;
@@ -2850,35 +2844,35 @@ button::-moz-focus-inner {
     border-style: solid;
     border-color: white transparent transparent transparent;
     top: 50%; }
-  .dropdown.button:after, button.dropdown:after {
+  .dropdown.button::after, button.dropdown::after {
     border-width: 0.375rem;
     right: 1.40625rem;
     margin-top: -0.15625rem; }
-  .dropdown.button:after, button.dropdown:after {
+  .dropdown.button::after, button.dropdown::after {
     border-color: white transparent transparent transparent; }
   .dropdown.button.tiny, button.dropdown.tiny {
     padding-right: 2.625rem; }
-    .dropdown.button.tiny:before, button.dropdown.tiny:before {
+    .dropdown.button.tiny:after, button.dropdown.tiny:after {
       border-width: 0.375rem;
       right: 1.125rem;
       margin-top: -0.125rem; }
-    .dropdown.button.tiny:after, button.dropdown.tiny:after {
+    .dropdown.button.tiny::after, button.dropdown.tiny::after {
       border-color: white transparent transparent transparent; }
   .dropdown.button.small, button.dropdown.small {
     padding-right: 3.0625rem; }
-    .dropdown.button.small:after, button.dropdown.small:after {
+    .dropdown.button.small::after, button.dropdown.small::after {
       border-width: 0.4375rem;
       right: 1.3125rem;
       margin-top: -0.15625rem; }
-    .dropdown.button.small:after, button.dropdown.small:after {
+    .dropdown.button.small::after, button.dropdown.small::after {
       border-color: white transparent transparent transparent; }
   .dropdown.button.large, button.dropdown.large {
     padding-right: 3.625rem; }
-    .dropdown.button.large:after, button.dropdown.large:after {
+    .dropdown.button.large::after, button.dropdown.large::after {
       border-width: 0.3125rem;
       right: 1.71875rem;
       margin-top: -0.15625rem; }
-    .dropdown.button.large:after, button.dropdown.large:after {
+    .dropdown.button.large::after, button.dropdown.large::after {
       border-color: white transparent transparent transparent; }
   .dropdown.button.secondary:after, button.dropdown.secondary:after {
     border-color: #333333 transparent transparent transparent; }
@@ -2950,9 +2944,6 @@ label {
     text-transform: capitalize;
     color: #676767; }
 
-select::-ms-expand {
-  display: none; }
-
 /* Attach elements to the beginning or end of an input */
 .prefix,
 .postfix {
@@ -3266,6 +3257,8 @@ select {
   line-height: normal;
   border-radius: 0;
   height: 2.3125rem; }
+  select::-ms-expand {
+    display: none; }
   select.radius {
     border-radius: 3px; }
   select:hover {
@@ -3730,28 +3723,24 @@ kbd {
 
   to {
     -webkit-transform: rotate(360deg); } }
-
 @-moz-keyframes rotate {
   from {
     -moz-transform: rotate(0deg); }
 
   to {
     -moz-transform: rotate(360deg); } }
-
 @-o-keyframes rotate {
   from {
     -o-transform: rotate(0deg); }
 
   to {
     -o-transform: rotate(360deg); } }
-
 @keyframes rotate {
   from {
     transform: rotate(0deg); }
 
   to {
     transform: rotate(360deg); } }
-
 /* Orbit Graceful Loading */
 .slideshow-wrapper {
   position: relative; }
@@ -3823,7 +3812,7 @@ kbd {
     left: 10px;
     font-size: 12px;
     color: white;
-    background: rgba(0, 0, 0, 0);
+    background: transparent;
     z-index: 10; }
     .orbit-container .orbit-slide-number span {
       font-weight: 700;
@@ -4303,6 +4292,7 @@ ul.pagination {
     height: 100%;
     height: 100vh;
     min-height: 100vh;
+    max-width: none !important;
     margin-left: 0 !important; }
     @media only screen and (min-width: 40.063em) {
       .reveal-modal.full, dialog.full {
@@ -4462,10 +4452,8 @@ dialog {
   display: block;
   width: auto;
   overflow: hidden;
-  margin: -0.25rem 0 1.125rem;
+  margin-bottom: -0.25rem 0 1.125rem;
-  padding-top: 0.25rem;
+  padding-top: 0.25rem; }
-  margin-right: 0;
-  margin-left: -0.75rem; }
   .sub-nav dt {
     text-transform: uppercase; }
   .sub-nav dt,
@@ -4474,7 +4462,7 @@ dialog {
     float: left;
     display: inline;
     margin-left: 1rem;
-    margin-bottom: 0.625rem;
+    margin-bottom: 0;
     font-family: "Lora", serif;
     font-weight: normal;
     font-size: 0.875rem;
@@ -4506,7 +4494,11 @@ dialog {
 .switch {
   padding: 0;
   border: none;
-  position: relative; }
+  position: relative;
+  outline: 0;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none; }
   .switch label {
     display: block;
     margin-bottom: 1rem;
@@ -4653,6 +4645,7 @@ table {
     list-style: none;
     float: left; }
     .tabs dd > a, .tabs .tab-title > a {
+      outline: none;
       display: block;
       background-color: #efefef;
       color: #222222;
@@ -5736,7 +5729,6 @@ blockquote p {
 
   @page {
     margin: 0.5cm; }
-
   p,
   h2,
   h3 {
@@ -5946,7 +5938,7 @@ ul.off-canvas-list {
   left: 0;
   right: 0;
   z-index: 1002;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+  -webkit-tap-highlight-color: transparent; }
   @media only screen and (min-width: 40.063em) {
     .move-right .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); } }
@@ -5971,7 +5963,7 @@ ul.off-canvas-list {
   left: 0;
   right: 0;
   z-index: 1002;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+  -webkit-tap-highlight-color: transparent; }
   @media only screen and (min-width: 40.063em) {
     .move-left .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); } }
@@ -5996,7 +5988,7 @@ ul.off-canvas-list {
   left: 0;
   right: 0;
   z-index: 1002;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+  -webkit-tap-highlight-color: transparent; }
   @media only screen and (min-width: 40.063em) {
     .offcanvas-overlap .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); } }
@@ -6021,7 +6013,7 @@ ul.off-canvas-list {
   left: 0;
   right: 0;
   z-index: 1002;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+  -webkit-tap-highlight-color: transparent; }
   @media only screen and (min-width: 40.063em) {
     .offcanvas-overlap-left .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); } }
@@ -6046,7 +6038,7 @@ ul.off-canvas-list {
   left: 0;
   right: 0;
   z-index: 1002;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+  -webkit-tap-highlight-color: transparent; }
   @media only screen and (min-width: 40.063em) {
     .offcanvas-overlap-right .exit-off-canvas:hover {
       background: rgba(255, 255, 255, 0.05); } }
@@ -6606,7 +6598,7 @@ body {
 .main-header {
   padding: 7.5rem 1.875rem; }
   .main-header h1 {
-    font-size: 2.5rem;
+    font-size: 3.75rem;
     line-height: 1.2; }
     @media screen and (min-width: 48em) {
       .main-header h1 {
@@ -6653,7 +6645,7 @@ body {
 .author-template .post-title {
   color: black;
   margin: 0;
-  font-size: 1.625rem;
+  font-size: 1.75rem;
   line-height: 1.1; }
   .home-template .post-title a, .home-template .post-title a:hover, .home-template .post-title a:focus, .home-template .post-title a:active,
   .tag-template .post-title a,
@@ -6696,7 +6688,7 @@ body {
     margin-left: auto;
     margin-right: auto; }
     .post-template .post-view-header .post-header-content h1 {
-      font-size: 2.5rem;
+      font-size: 3.4375rem;
       line-height: 1.2; }
       @media screen and (min-width: 48em) {
         .post-template .post-view-header .post-header-content h1 {

assets/scss/_normalize.scss

@@ -1,4 +1,4 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
 
 /**
  * 1. Set default font family to sans-serif.
@@ -25,7 +25,8 @@ body {
 
 /**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
 
@@ -38,6 +39,7 @@ footer,
 header,
 hgroup,
 main,
+menu,
 nav,
 section,
 summary {
@@ -85,7 +87,7 @@ template {
  */
 
 a {
-  background: transparent;
+  background-color: transparent;
 }
 
 /**

assets/scss/foundation/_functions.scss

@@ -9,7 +9,8 @@ $rem-base: 16px !default;
 // We use this to prevent styles from being loaded multiple times for compenents that rely on other components. 
 $modules: () !default;
 @mixin exports($name) {
-  @if (index($modules, $name) == false) {
+  $module_index: index($modules, $name);
+  @if (($module_index == null) or ($module_index == false)) {
     $modules: append($modules, $name);
     @content;
   }

assets/scss/foundation/components/_alert-boxes.scss

@@ -38,6 +38,7 @@ $alert-close-font-size: rem-calc(22) !default;
 $alert-close-opacity: 0.3 !default;
 $alert-close-opacity-hover: 0.5 !default;
 $alert-close-padding: 9px 6px 4px !default;
+$alert-close-background: inherit !default;
 
 // We use this to control border radius
 $alert-radius: $global-radius !default;
@@ -91,6 +92,7 @@ $alert-transition-ease: ease-out !default;
   #{$opposite-direction}: $alert-close-position;
   color: $alert-close-color;
   opacity: $alert-close-opacity;
+  background: $alert-close-background;
   &:hover,
   &:focus { opacity: $alert-close-opacity-hover; }
 }

assets/scss/foundation/components/_button-groups.scss

@@ -57,7 +57,6 @@ $button-group-border-width: 1px !default;
   }
   @else {
     margin: 0 -2px;
-    float: $default-float;
     display: inline-block;
   }
 

assets/scss/foundation/components/_dropdown-buttons.scss

@@ -57,9 +57,10 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
   // We add in base styles, but they can be negated by setting to 'false'.
   @if $base-style {
     position: relative;
+    outline: none;
 
     // This creates the base styles for the triangle pip
-    &:after {
+    &::after {
       position: absolute;
       content: "";
       width: 0;
@@ -74,7 +75,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
   // If we're dealing with tiny buttons, use these styles
   @if $padding == tiny {
     padding-#{$opposite-direction}: $dropdown-button-padding-tny;
-    &:before {
+    &:after {
       border-width: $dropdown-button-pip-size-tny;
       #{$opposite-direction}: $dropdown-button-pip-opposite-tny;
       margin-top: $dropdown-button-pip-top-tny;
@@ -84,7 +85,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
   // If we're dealing with small buttons, use these styles
   @if $padding == small {
     padding-#{$opposite-direction}: $dropdown-button-padding-sml;
-    &:after {
+    &::after {
       border-width: $dropdown-button-pip-size-sml;
       #{$opposite-direction}: $dropdown-button-pip-opposite-sml;
       margin-top: $dropdown-button-pip-top-sml;
@@ -94,7 +95,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
   // If we're dealing with default (medium) buttons, use these styles
   @if $padding == medium {
     padding-#{$opposite-direction}: $dropdown-button-padding-med;
-    &:after {
+    &::after {
       border-width: $dropdown-button-pip-size-med;
       #{$opposite-direction}: $dropdown-button-pip-opposite-med;
       margin-top: $dropdown-button-pip-top-med;
@@ -104,7 +105,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
   // If we're dealing with large buttons, use these styles
   @if $padding == large {
     padding-#{$opposite-direction}: $dropdown-button-padding-lrg;
-    &:after {
+    &::after {
       border-width: $dropdown-button-pip-size-lrg;
       #{$opposite-direction}: $dropdown-button-pip-opposite-lrg;
       margin-top: $dropdown-button-pip-top-lrg;
@@ -113,7 +114,7 @@ $dropdown-button-pip-top-lrg: -$button-pip-lrg / 2 + rem-calc(3) !default;
 
   // We can control the pip color. We didn't use logic in this case, just set it and forget it.
   @if $pip-color {
-    &:after { border-color: $pip-color transparent transparent transparent; }
+    &::after { border-color: $pip-color transparent transparent transparent; }
   }
 }
 

assets/scss/foundation/components/_dropdown.scss

@@ -68,6 +68,7 @@ $f-dropdown-radius: $global-radius !default;
   left: -9999px;
   list-style: $f-dropdown-list-style;
   margin-#{$default-float}: 0;
+  outline: none;
 
   > *:first-child { margin-top: 0; }
   > *:last-child { margin-bottom: 0; }

assets/scss/foundation/components/_forms.scss

@@ -326,6 +326,11 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
   -webkit-border-radius: 0px;
   background-color: $select-bg-color;
 
+  // Hide the dropdown arrow shown in newer IE versions
+  &::-ms-expand {
+    display: none;
+  }
+
   // The custom arrow have some fake horizontal padding so we can align it
   // from the right side of the element without relying on CSS3
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
@@ -350,7 +355,7 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
     background-color: $select-hover-bg-color;
     border-color: $input-focus-border-color;
   }
-  // Disbaled Styles
+  // Disabled Styles
   &:disabled {
     background-color: $input-disabled-bg;
     cursor: $input-disabled-cursor;
@@ -388,10 +393,6 @@ $select-hover-bg-color: scale-color($select-bg-color, $lightness: -3%) !default;
       }
     }
 
-    select::-ms-expand {
-      display:none;
-    }
-
     /* Attach elements to the beginning or end of an input */
     .prefix,
     .postfix { @include prefix-postfix-base; }

assets/scss/foundation/components/_global.scss

@@ -345,7 +345,7 @@ $cursor-text-value: text !default;
   // Forward slash placed around everything to convince PhantomJS to read the value.
 
   meta.foundation-version {
-    font-family: "/5.4.6/";
+    font-family: "/5.4.7/";
   }
 
   meta.foundation-mq-small {
@@ -425,7 +425,15 @@ $cursor-text-value: text !default;
     .left { float: left !important; }
     .right { float: right !important; }
     .clearfix { @include clearfix; }
-    .hide         { display: none; }
+
+    // Hide visually and from screen readers
+    .hide {
+      display: none !important;
+      visibility: hidden;
+    }
+
+    // Hide visually and from screen readers, but maintain layout
+    .invisible { visibility: hidden; }
 
     // Font smoothing
     // Antialiased font smoothing works best for light text on a dark background.

assets/scss/foundation/components/_reveal.scss

@@ -191,6 +191,7 @@ $close-reveal-modal-class: "close-reveal-modal" !default;
         height:100%;
         height: 100vh;
         min-height:100vh;
+        max-width: none !important;
         margin-left: 0 !important;
       }
 

assets/scss/foundation/components/_sub-nav.scss

@@ -61,10 +61,8 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
   display: block;
   width: auto;
   overflow: hidden;
-  margin: $sub-nav-list-margin;
+  margin-bottom: $sub-nav-list-margin;
   padding-top: $sub-nav-list-padding-top;
-  margin-#{$opposite-direction}: 0;
-  margin-#{$default-float}: rem-calc(-12);
 
   dt {
     text-transform: uppercase;
@@ -76,7 +74,7 @@ $sub-nav-item-divider-margin: rem-calc(12) !default;
     float: $default-float;
     display: inline;
     margin-#{$default-float}: rem-calc(16);
-    margin-bottom: rem-calc(10);
+    margin-bottom: 0;
     font-family: $sub-nav-font-family;
     font-weight: $sub-nav-font-weight;
     font-size: $font-size;

assets/scss/foundation/components/_switches.scss

@@ -44,6 +44,13 @@ $switch-active-color: $primary-color !default;
   $transition-speed:$switch-paddle-transition-speed,
   $transition-ease:$switch-paddle-transition-ease) {
 
+  padding: 0;
+  border: none;
+  position: relative;
+  outline: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 
   // Default label styles for type and transition
   label {
@@ -187,9 +194,6 @@ $switch-active-color: $primary-color !default;
   $active-color: $switch-active-color,
   $radius:false,
   $base-style:true) {
-    padding: 0;
-    border: none;
-    position: relative;
     @include switch-base($transition-speed, $transition-ease);
     @include switch-size($height);
     @include switch-style($paddle-bg, $radius, $base-style);

assets/scss/foundation/components/_tabs.scss

@@ -37,6 +37,7 @@ $tabs-vertical-navigation-margin-bottom: 1.25rem !default;
         list-style: none;
         float: $default-float;
         > a {
+          outline: none;
           display: block;
           background: {
             color: $tabs-navigation-bg-color;

assets/scss/foundation/components/_top-bar.scss

@@ -631,7 +631,7 @@ $topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text
         }
 
         // Position overrides for ul.right and ul.left
-        .right {
+        .#{$opposite-direction} {
           li .dropdown {
             #{$default-float}: auto;
             #{$opposite-direction}: 0;
@@ -639,7 +639,7 @@ $topbar-dropdown-arrows: true !default; //Set false to remove the \00bb >> text
             li .dropdown { #{$opposite-direction}: 100%; }
           }
         }
-        .left {
+        .#{$default-float} {
           li .dropdown {
             #{$opposite-direction}: auto;
             #{$default-float}: 0;

assets/scss/style.scss

@@ -150,7 +150,7 @@ body {
 .main-header {
     padding: rem-calc(120) rem-calc(30);
     h1 {
-        font-size: rem-calc(40);
+        font-size: rem-calc(60);
         line-height: 1.2;
         @media screen and (min-width: 48em) {
             font-size: rem-calc(90);
@@ -198,7 +198,7 @@ body {
     .post-title {
         color: $color-main-dark;
         margin: 0;
-        font-size: rem-calc(26);
+        font-size: rem-calc(28);
         line-height: 1.1;
         a, a:hover, a:focus, a:active {
             color: inherit;
@@ -230,7 +230,7 @@ body {
             margin-left: auto;
             margin-right: auto;
             h1 {
-                font-size: rem-calc(40);
+                font-size: rem-calc(55);
                 line-height: 1.2;
                 @media screen and (min-width: 48em) {
                     font-size: rem-calc(68);