Change names of the states

AyseGulcan · Dec 6, 2014 · ee3c42b · ee3c42b
1 parent 53922d9
commit ee3c42b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/src/jquery.remodal.css b/src/jquery.remodal.css
@@ -6,8 +6,8 @@
 
 /* Hide scroll bar */
 
-html.remodal_lock,
-body.remodal_lock {
+html.remodal-is-locked,
+body.remodal-is-locked {
     overflow: hidden;
 }
 
@@ -90,7 +90,7 @@ body.remodal_lock {
     transition: filter 0.2s linear;
 }
 
-body.remodal_active .remodal-bg {
+body.remodal-is-active .remodal-bg {
     -webkit-filter: blur(3px);
     -ms-filter: blur(3px);
     filter: blur(3px);
@@ -110,7 +110,7 @@ body.remodal_active .remodal-bg {
     background: rgba(33, 36, 46, 0.95);
 }
 
-body.remodal_active .remodal-overlay {
+body.remodal-is-active .remodal-overlay {
     opacity: 1;
 }
 
@@ -143,7 +143,7 @@ body.remodal_active .remodal-overlay {
     box-shadow: 0 0 8px #171a24;
 }
 
-body.remodal_active .remodal {
+body.remodal-is-active .remodal {
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);

diff --git a/src/jquery.remodal.js b/src/jquery.remodal.js
@@ -91,7 +91,7 @@
             paddingRight = parseInt($body.css("padding-right"), 10) + getScrollbarWidth();
 
         $body.css("padding-right", paddingRight + "px");
-        $("html, body").addClass(pluginName + "_lock");
+        $("html, body").addClass(pluginName + "-is-locked");
     }
 
     /**
@@ -105,7 +105,7 @@
             paddingRight = parseInt($body.css("padding-right"), 10) - getScrollbarWidth();
 
         $body.css("padding-right", paddingRight + "px");
-        $("html, body").removeClass(pluginName + "_lock");
+        $("html, body").removeClass(pluginName + "-is-locked");
     }
 
     /**
@@ -256,7 +256,7 @@
 
         if (current && current !== remodal) {
             current.$overlay.hide();
-            current.$body.removeClass(pluginName + "_active");
+            current.$body.removeClass(pluginName + "-is-active");
         }
 
         current = remodal;
@@ -265,7 +265,7 @@
         remodal.$overlay.show();
 
         setTimeout(function() {
-            remodal.$body.addClass(pluginName + "_active");
+            remodal.$body.addClass(pluginName + "-is-active");
 
             setTimeout(function() {
                 remodal.busy = false;
@@ -295,7 +295,7 @@
             $(window).scrollTop(scrollTop);
         }
 
-        remodal.$body.removeClass(pluginName + "_active");
+        remodal.$body.removeClass(pluginName + "-is-active");
 
         setTimeout(function() {
             remodal.$overlay.hide();

diff --git a/test/remodal_test.js b/test/remodal_test.js
@@ -204,13 +204,13 @@
         $(document.body).css("height", "10000px");
 
         $document.one("opened", "[data-remodal-id=modal]", function() {
-            assert.ok($("html, body").hasClass("remodal_lock"));
+            assert.ok($("html, body").hasClass("remodal-is-locked"));
             assert.ok(parseInt($(document.body).css("padding-right")) > 0);
             $inst1.close();
         });
 
         $document.one("closed", "[data-remodal-id=modal]", function() {
-            assert.ok(!$("html, body").hasClass("remodal_lock"));
+            assert.ok(!$("html, body").hasClass("remodal-is-locked"));
             assert.ok(parseInt($(document.body).css("padding-right")) === 0);
             QUnit.start();
         });