vanilla-framework 3.7.0 → 3.7.1

package/package.json

@@ -47,7 +47,7 @@
     "percy": "percy exec -- node snapshots.js",
     "icon-svgs-to-mixins": "node scripts/convert-svgs-to-icon-mixins.js icons"
   },
-  "version": "3.7.0",
+  "version": "3.7.1",
   "files": [
     "_index.scss",
     "/scss",

package/scss/_patterns_navigation.scss

@@ -191,12 +191,9 @@ $spv-navigation-logo: 0.3125rem;
     padding-right: 0;
 
     @media (min-width: $threshold-4-6-col) {
+      padding-left: map-get($grid-margin-widths, default);
       padding-right: 0;
     }
-
-    @media (min-width: $breakpoint-navigation-threshold) {
-      padding-left: map-get($grid-margin-widths, small);
-    }
   }
 
   // Styles for old navigation logo

package/scss/_patterns_side-navigation.scss

@@ -118,15 +118,19 @@
     [class*='p-side-navigation--'].is-drawer-expanded & {
       @extend %vf-has-box-shadow;
 
-      animation: vf-p-side-navigation-expand map-get($animation-duration, brisk);
-      transform: translateX(0);
+      @media (max-width: $threshold-6-12-col - 1px) {
+        animation: vf-p-side-navigation-expand map-get($animation-duration, brisk);
+        transform: translateX(0);
+      }
     }
 
     .p-side-navigation.is-collapsed &,
     .p-side-navigation.is-drawer-collapsed &,
     [class*='p-side-navigation--'].is-collapsed &,
     [class*='p-side-navigation--'].is-drawer-collapsed & {
-      animation: vf-p-side-navigation-collapse map-get($animation-duration, brisk);
+      @media (max-width: $threshold-6-12-col - 1px) {
+        animation: vf-p-side-navigation-collapse map-get($animation-duration, brisk);
+      }
     }
 
     .p-side-navigation.is-drawer-hidden &,

package/scss/_utilities_off-screen.scss

@@ -3,7 +3,7 @@
 // Positions element out of flow & off screen for screen readers
 @mixin vf-u-off-screen {
   .u-off-screen {
-    height: 1px !important;
+    height: 0 !important;
     left: -10000px !important;
     overflow: hidden !important;
     position: absolute !important;