mp-design-system 1.2.34 → 1.2.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mp-design-system",
-  "version": "1.2.34",
+  "version": "1.2.35",
   "description": "",
   "scripts": {
     "dev": "npm-run-all --parallel bundle:*",

package/src/_includes/components/internal-nav/internal-nav.config.js

@@ -17,7 +17,7 @@ module.exports = {
     {
       title: 'Sticky on scroll',
       context: {
-        classes: 'u-sticky',
+        classes: 'c-internal-nav--sticky',
         title: 'Mastersizer range',
         links: [
           { link: '#overview', label: 'Overview' },

package/src/_includes/components/internal-nav/internal-nav.scss

@@ -4,8 +4,8 @@
   transition: 200ms all;
 
   &--sticky {
-    @extend .u-sticky;
-    top: -1;
+    position: sticky;
+    top: -1px;
   }
 
   &--stuck {

package/src/assets/js/imports/internal-nav.js

@@ -38,4 +38,4 @@ function InternalNav() {
     updateInternalNavHeight();
 }
 
-export default InternalNav;
+export default InternalNav;

package/src/assets/js/imports/scroll-spy.js

@@ -1,5 +1,5 @@
 function ScrollSpy() {
-  const internalNav = document.querySelector('.c-internal-nav');
+  const internalNav = document.querySelector('.c-internal-nav--sticky');
   const internalNavHeight = internalNav ? internalNav.offsetHeight : 0;
 
   const spies = Array.from(document.querySelectorAll('.c-scroll-spy'));

package/src/prototype/range.njk

@@ -40,7 +40,7 @@ tagTitle: Range
 }) }}
 
 {{ internalNav({
-  classes: 'u-sticky',
+  classes: 'c-internal-nav--sticky',
   title: 'Mastersizer range',
   links: [
     { link: '#overview', label: 'Overview' },