using .mui-body--scroll-lock, bumped version number

ghostpanda · Nov 27, 2015 · 399075c · 399075c
1 parent b62549c
commit 399075c
Show file tree

Hide file tree

Showing 18 changed files with 35 additions and 17 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # MUI Changelog
 
+## 0.2.5 - November 27, 2015
+
+* Added .mui-body--scroll-lock specifically for scroll lock
+
 ## 0.2.4 - November 26, 2015
 
 * Uses body class for scroll lock

diff --git a/README.md b/README.md
@@ -12,8 +12,8 @@ MUI is a lightweight CSS framework that follows Google's Material Design guideli
 **Use From the CDN:**
 
 ```html
-<link href="//cdn.muicss.com/mui-0.2.4/css/mui.min.css" rel="stylesheet" type="text/css" />
-<script src="//cdn.muicss.com/mui-0.2.4/js/mui.min.js"></script>
+<link href="//cdn.muicss.com/mui-0.2.5/css/mui.min.css" rel="stylesheet" type="text/css" />
+<script src="//cdn.muicss.com/mui-0.2.5/js/mui.min.js"></script>
 ```
 
 Or for development you can use the latest:

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "mui",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "license": "MIT",
   "authors": [
     "Andres Morey <[email protected]>"

diff --git a/dist/css/mui.css b/dist/css/mui.css
@@ -3010,3 +3010,7 @@ th {
     display: none !important;
   }
 }
+
+body.mui-body--scroll-lock {
+  overflow: hidden !important;
+}
diff --git a/dist/css/mui.min.css b/dist/css/mui.min.css
diff --git a/dist/extra/mui-combined.js b/dist/extra/mui-combined.js
diff --git a/dist/extra/mui-react-combined.js b/dist/extra/mui-react-combined.js
diff --git a/dist/js/mui.js b/dist/js/mui.js
@@ -1031,7 +1031,7 @@ var config = require('../config.js'),
     doc = document,
     nodeInsertedCallbacks = [],
     scrollLock = 0,
-    scrollLockCls = 'mui--overflow-hidden',
+    scrollLockCls = 'mui-body--scroll-lock',
     scrollLockPos,
     head,
     _supportsPointerEvents;

diff --git a/dist/js/mui.min.js b/dist/js/mui.min.js
diff --git a/dist/react/mui-react.js b/dist/react/mui-react.js
@@ -429,7 +429,7 @@ var config = require('../config.js'),
     doc = document,
     nodeInsertedCallbacks = [],
     scrollLock = 0,
-    scrollLockCls = 'mui--overflow-hidden',
+    scrollLockCls = 'mui-body--scroll-lock',
     scrollLockPos,
     head,
     _supportsPointerEvents;

diff --git a/dist/react/mui-react.min.js b/dist/react/mui-react.min.js
diff --git a/dist/webcomponents/mui-webcomponents.js b/dist/webcomponents/mui-webcomponents.js
diff --git a/dist/webcomponents/mui-webcomponents.min.js b/dist/webcomponents/mui-webcomponents.min.js
diff --git a/e2e-tests/tests.js b/e2e-tests/tests.js
@@ -1726,7 +1726,7 @@ var config = require('../config.js'),
     doc = document,
     nodeInsertedCallbacks = [],
     scrollLock = 0,
-    scrollLockCls = 'mui--overflow-hidden',
+    scrollLockCls = 'mui-body--scroll-lock',
     scrollLockPos,
     head,
     _supportsPointerEvents;

diff --git a/package.js b/package.js
@@ -1,6 +1,6 @@
 Package.describe({
   name: 'muicss:mui',
-  version: '0.2.4',
+  version: '0.2.5',
   // Brief, one-line summary of the package.
   summary: 'MUI is a lightweight framework for sites that follow Google\'s Material Design guidelines',
   // URL to the Git repository containing the source code for this package.

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "muicss",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "repository": "https://github.com/muicss/mui",
   "main": "js/mui.min.js",
   "jspm": {

diff --git a/src/js/lib/util.js b/src/js/lib/util.js
@@ -12,7 +12,7 @@ var config = require('../config.js'),
     doc = document,
     nodeInsertedCallbacks = [],
     scrollLock = 0,
-    scrollLockCls = 'mui--overflow-hidden',
+    scrollLockCls = 'mui-body--scroll-lock',
     scrollLockPos,
     head,
     _supportsPointerEvents;

diff --git a/src/sass/mui/_helpers.scss b/src/sass/mui/_helpers.scss
@@ -346,3 +346,13 @@
 @media (min-width: $mui-screen-lg-min) {
   @include x-responsive-invisibility('.mui--hidden-lg');
 }
+
+
+
+// ============================================================================
+// SCROLL BLOCK
+// ============================================================================
+
+body.mui-body--scroll-lock {
+  overflow: hidden !important;
+}