diff --git a/package-lock.json b/package-lock.json
index 39dc143..dc3b78e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
     "name": "mmenu-light",
-    "version": "3.2.0",
+    "version": "3.2.2",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
diff --git a/package.json b/package.json
index f30cebb..f0e6eda 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "mmenu-light",
-    "version": "3.2.1",
+    "version": "3.2.2",
     "main": "dist/mmenu-light.js",
     "module": "src/mmenu-light.js",
     "author": "Fred Heusschen <info@frebsite.nl>",
diff --git a/src/modules/offcanvas-drawer/_index.scss b/src/modules/offcanvas-drawer/_index.scss
index 8c2df06..b5c8a2d 100644
--- a/src/modules/offcanvas-drawer/_index.scss
+++ b/src/modules/offcanvas-drawer/_index.scss
@@ -1,5 +1,5 @@
 //  SCSS Variables
-$prefix: ".mm-ocd";
+$mmprfx: ".mm-ocd";
 
 $mmocd_transition_duration: 0.3s !default;
 
@@ -16,14 +16,14 @@ $mmocd_transition_duration: 0.3s !default;
 }
 
 //  The rest of the page
-body#{$prefix}-opened {
+body#{$mmprfx}-opened {
     //  Somewhat prevents scrolling.
     overflow-y: hidden;
     overscroll-behavior: none;
 }
 
 //  The wrapper
-#{$prefix} {
+#{$mmprfx} {
     position: fixed;
     top: 0;
     right: 0;
@@ -49,7 +49,7 @@ body#{$prefix}-opened {
 }
 
 //  The content
-#{$prefix}__content {
+#{$mmprfx}__content {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -66,23 +66,23 @@ body#{$prefix}-opened {
         timing-function: ease;
     }
 
-    #{$prefix}--left & {
+    #{$mmprfx}--left & {
         left: 0;
         transform: translate3d(-100%, 0, 0);
     }
 
-    #{$prefix}--right & {
+    #{$mmprfx}--right & {
         right: 0;
         transform: translate3d(100%, 0, 0);
     }
 
-    #{$prefix}--open & {
+    #{$mmprfx}--open & {
         transform: translate3d(0, 0, 0);
     }
 }
 
 //  The backdrop
-#{$prefix}__backdrop {
+#{$mmprfx}__backdrop {
     position: absolute;
     top: 0;
     bottom: 0;
@@ -96,11 +96,11 @@ body#{$prefix}-opened {
 
     background: rgba(3, 2, 1, 0);
 
-    #{$prefix}--left & {
+    #{$mmprfx}--left & {
         right: 0;
     }
 
-    #{$prefix}--right & {
+    #{$mmprfx}--right & {
         left: 0;
     }
 }
diff --git a/src/modules/sliding-panels-navigation/_index.scss b/src/modules/sliding-panels-navigation/_index.scss
index 0bf9a83..8c11d2a 100644
--- a/src/modules/sliding-panels-navigation/_index.scss
+++ b/src/modules/sliding-panels-navigation/_index.scss
@@ -1,4 +1,4 @@
-$prefix: ".mm-spn";
+$mmprfx: ".mm-spn";
 
 /** Animation duration. */
 $mmspn_transition_duration: 0.3s;
@@ -41,7 +41,7 @@ $mmspn_arrow_opac: 0.4 !default;
 }
 
 //  The menu
-#{$prefix} {
+#{$mmprfx} {
     @extend %mmspn-reset;
 
     width: 100%;
@@ -62,7 +62,7 @@ $mmspn_arrow_opac: 0.4 !default;
 }
 
 //  Listviews
-#{$prefix} {
+#{$mmprfx} {
     //  All listviews.
     ul {
         @extend %mmspn-reset;
@@ -105,19 +105,19 @@ $mmspn_arrow_opac: 0.4 !default;
     }
 
     //  Listview opened.
-    ul#{$prefix}--open {
+    ul#{$mmprfx}--open {
         left: 0;
     }
 
     //  Child listview opened.
-    ul#{$prefix}--parent {
+    ul#{$mmprfx}--parent {
         left: calc(-1 * var(--mm-spn-panel-offset));
         overflow: visible;
     }
 }
 
 //  Listitems
-#{$prefix} {
+#{$mmprfx} {
     li {
         @extend %mmspn-reset;
 
@@ -155,7 +155,7 @@ $mmspn_arrow_opac: 0.4 !default;
 }
 
 //  Anchors
-#{$prefix} {
+#{$mmprfx} {
     a,
     span {
         @extend %mmspn-reset;
diff --git a/src/modules/sliding-panels-navigation/_navbar.scss b/src/modules/sliding-panels-navigation/_navbar.scss
index 299486f..cbb9b95 100644
--- a/src/modules/sliding-panels-navigation/_navbar.scss
+++ b/src/modules/sliding-panels-navigation/_navbar.scss
@@ -1,6 +1,6 @@
-#{$prefix} {
+#{$mmprfx} {
     //  Navbar
-    &#{$prefix}--navbar {
+    &#{$mmprfx}--navbar {
         cursor: pointer;
 
         //  Back button.
@@ -21,7 +21,7 @@
         }
 
         //  No back button when the main listview is opened.
-        &#{$prefix}--main {
+        &#{$mmprfx}--main {
             cursor: default;
 
             &:before {
@@ -51,13 +51,13 @@
         }
 
         //  Title when the main listview is opened.
-        &#{$prefix}--main:after {
+        &#{$mmprfx}--main:after {
             padding-left: var(--mm-spn-item-indent);
         }
     }
 
     //  Listviews
-    &#{$prefix}--navbar {
+    &#{$mmprfx}--navbar {
         //  All listviews.
         ul {
             top: calc(var(--mm-spn-item-height) + 1px);
diff --git a/src/modules/sliding-panels-navigation/_themes.scss b/src/modules/sliding-panels-navigation/_themes.scss
index b647e89..63b6551 100644
--- a/src/modules/sliding-panels-navigation/_themes.scss
+++ b/src/modules/sliding-panels-navigation/_themes.scss
@@ -1,12 +1,12 @@
-#{$prefix} {
+#{$mmprfx} {
     //  Light theme
-    &#{$prefix}--light {
+    &#{$mmprfx}--light {
         color: #444;
         background: #f3f3f3;
     }
 
     //  Dark theme
-    &#{$prefix}--dark {
+    &#{$mmprfx}--dark {
         color: #ddd;
         background: #333;
     }
diff --git a/src/modules/sliding-panels-navigation/_vertical.scss b/src/modules/sliding-panels-navigation/_vertical.scss
index 4c729eb..440f522 100644
--- a/src/modules/sliding-panels-navigation/_vertical.scss
+++ b/src/modules/sliding-panels-navigation/_vertical.scss
@@ -1,12 +1,12 @@
-#{$prefix} {
+#{$mmprfx} {
     //  The menu
-    &#{$prefix}--vertical {
+    &#{$mmprfx}--vertical {
         //  Enable scrolling.
         overflow-y: auto;
     }
 
     //  Listviews
-    &#{$prefix}--vertical {
+    &#{$mmprfx}--vertical {
         ul {
             //  Undo the fix for weird iOS Safari issue.
             width: 100%;
@@ -29,16 +29,16 @@
             }
 
             //  Show opened submenus.
-            &#{$prefix}--open {
+            &#{$mmprfx}--open {
                 display: block;
             }
         }
     }
 
     //  Listitems
-    &#{$prefix}--vertical {
+    &#{$mmprfx}--vertical {
         //  Rotate the button.
-        li#{$prefix}--open:before {
+        li#{$mmprfx}--open:before {
             transform: rotate(135deg) translate(-50%, 0);
         }