Run grunt lessToSass

- jstree fixes
- new variable style for PR#1102
- More complete variable styling similar to #1102

themes/bootstrap3/scss/bootstrap.scss

@@ -199,17 +199,6 @@ footer {
   }
 }
 
-/* ------ Collections ------ */
-// Layout
-@media (min-width: 768px) {
-  .collection-hierarchytree { display: flex; }
-  .collection-hierarchytree .tree-panel,
-  #tree-preview {
-    flex-basis: 50%;
-    padding: 1rem;
-  }
-}
-
 /* ------ Devtools ------ */
 .translation-output {
   width: 100%;

themes/bootstrap3/scss/components/js-tree.scss

+/* --- Layout --- */
+.hierarchy-tree {
+  max-height: 75vh;
+  overflow-y: auto;
+}
+@media (min-width: 768px) {
+  .collection-hierarchytree { display: flex; }
+  .collection-hierarchytree .tree-panel,
+  .collection-hierarchytree #tree-preview {
+    flex-basis: 50%;
+    padding: 1rem;
+  }
+  #modal .collection-hierarchytree { display: block; }
+  #modal .tree-panel {
+    flex-basis: 100%;
+    padding: 0;
+  }
+  #modal #tree-preview { display: none; }
+}
+
+/* --- Look --- */
 .hierarchy-tree,
 .jstree-facet {
   /* jsTree arrows */
@@ -20,10 +41,7 @@
     width: 16px;
     color: #000;
   }
-  .jstree-anchor {
-    padding-left: 5px;
-    white-space: nowrap;
-  }
+  .jstree-anchor { padding-left: 5px; }
   .jstree-container-ul,
   .jstree-children {
     padding-left: 16px;

themes/bootstrap3/scss/components/offcanvas.scss

@@ -65,7 +65,7 @@ $offcanvas-padding: 30px !default; // Body offset when offcanvas active, also wi
       display: block;
       position: fixed;
       top: 0;
-      width: calc($offcanvas-padding - 5px);
+      width: calc(#{$offcanvas-padding} - 5px);
       height: 100%;
       border-left: 1px solid $gray-lighter;
       border-right: 1px solid $gray-lighter;

themes/sandal/scss/search.scss

@@ -195,7 +195,7 @@
 .search { border: 0; }
 #searchForm {
   padding-top: .5rem;
-  padding-bottom: calc($search-tab-height + 1.5rem);
+  padding-bottom: calc(#{$search-tab-height} + 1.5rem);
 }
 .nav.searchbox,
 #searchForm {
@@ -219,8 +219,8 @@
     border-bottom: 3px solid transparent;
   }
   .nav-tabs a {
-    height: calc($search-tab-height + .5rem);
-    line-height: calc($search-tab-height + .5rem);
+    height: calc(#{$search-tab-height} + .5rem);
+    line-height: calc(#{$search-tab-height} + .5rem);
     padding: 0 1rem;
     border-radius: 0;
     background-color: transparent;