Moving Sass partials

cms/static/sass/_build-v1.scss

@@ -79,6 +79,7 @@
 @import 'xmodule/modules/css/module-styles.scss';
 @import 'xmodule/descriptors/css/module-styles.scss';
 @import 'xmodule/headings';
+@import 'xmodule/image-zoom-tool'; // styles for the custom image zoom tool
 @import 'elements/xmodules'; // styling for Studio-specific contexts
 
 @import 'developer'; // used for any developer-created scss that needs further polish/refactoring

cms/static/sass/elements/_vendor.scss

@@ -63,59 +63,6 @@
 .ui-timepicker-list {
   z-index: 100000 !important;
 }
-
-//jQuery loupeAndLightbox Plugin
-.zooming-image-place {
-
-    .indicator {
-        display: none;
-        position: absolute;
-        @include left(46%);
-        top: 45%;
-        width: 50px;
-        height: 50px;
-        background: $gray-d4;
-        color: $white;
-        font-size: 32px;
-        text-align: center;
-        line-height: 50px;
-    }
-
-    a:focus {
-        
-        .indicator {
-            display: block;
-        }
-    }
-    
-    a:hover,
-    a:active {
-
-        .indicator {
-            display: none;
-        }
-    }
-    
-    .larger {
-        display: none;
-        position: absolute;
-        height: 350px;
-        width: 350px;
-        top: -375px;
-        @include left(50%);
-        @include margin-left(-175px);
-        border-radius: 50%;
-        border: 2px solid $gray-d4;
-        background: $white;
-        box-shadow: 0 0 3px $gray-d4;
-        overflow: hidden;
-        cursor: none;
-
-        .is-visible {
-            display: block;
-        }
-    }
-}
 // ====================
 
 // reset styles to remove ui-lightness jquery ui theme from the tabs component (used in the add component problem tab menu)

cms/static/sass/xmodule/_image-zoom-tool.scss

+// The LMS version is in:
+// /lms/static/sass/course/_image-zoom-tool.scss
+
+// edX image zoom tool
+.zooming-image-place {
+
+    .indicator {
+        display: none;
+        position: absolute;
+        @include left(46%);
+        top: 45%;
+        width: 50px;
+        height: 50px;
+        background: $gray-d4;
+        color: $white;
+        font-size: 32px;
+        text-align: center;
+        line-height: 50px;
+    }
+
+    a:focus {
+        
+        .indicator {
+            display: block;
+        }
+    }
+    
+    a:hover,
+    a:active {
+
+        .indicator {
+            display: none;
+        }
+    }
+    
+    .larger {
+        display: none;
+        position: absolute;
+        height: 350px;
+        width: 350px;
+        top: -375px;
+        @include left(50%);
+        @include margin-left(-175px);
+        border-radius: 50%;
+        border: 2px solid $gray-d4;
+        background: $white;
+        box-shadow: 0 0 3px $gray-d4;
+        overflow: hidden;
+        cursor: none;
+
+        .is-visible {
+            display: block;
+        }
+    }
+}

lms/static/sass/_build-course.scss

@@ -33,6 +33,7 @@
 @import 'course/modules/student-notes'; // student notes
 @import 'course/modules/calculator'; // calculator utility
 @import 'course/modules/timer'; // timer
+@import 'course/image-zoom-tool'; // styles for the custom image zoom tool
 
 // course - wiki
 @import "course/wiki/basic-html";

lms/static/sass/course/_image-zoom-tool.scss

+// The Studio version is in:
+// /cms/static/sass/xmodule/_image-zoom-tool.scss
+
+// edX image zoom tool
+.zooming-image-place {
+
+    .indicator {
+        display: none;
+        position: absolute;
+        @include left(46%);
+        top: 45%;
+        width: 50px;
+        height: 50px;
+        background: $gray-d4;
+        color: $white;
+        font-size: 32px;
+        text-align: center;
+        line-height: 50px;
+    }
+
+    a:focus {
+        
+        .indicator {
+            display: block;
+        }
+    }
+    
+    a:hover,
+    a:active {
+
+        .indicator {
+            display: none;
+        }
+    }
+    
+    .larger {
+        display: none;
+        position: absolute;
+        height: 350px;
+        width: 350px;
+        top: -375px;
+        @include left(50%);
+        @include margin-left(-175px);
+        border-radius: 50%;
+        border: 2px solid $gray-d4;
+        background: $white;
+        box-shadow: 0 0 3px $gray-d4;
+        overflow: hidden;
+        cursor: none;
+
+        .is-visible {
+            display: block;
+        }
+    }
+}