Format LESS file, rename 'default' handle style to 'stripes', add 'de…

…fault' as alias.
hiltonjanfield · Sep 14, 2015 · e923ac2 · e923ac2
1 parent 861d8ae
commit e923ac2
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 23 deletions.
diff --git a/css/jquery.enhsplitter.css b/css/jquery.enhsplitter.css
@@ -76,9 +76,9 @@
   border-color: #000000;
 }
 .splitter_bar.splitter-invisible {
-  background: none!important;
-  border: none!important;
-  box-shadow: none!important;
+  background: none !important;
+  border: none !important;
+  box-shadow: none !important;
 }
 .splitter_bar.splitter-invisible .splitter_handle,
 .splitter_bar.splitter-handle-none .splitter_handle {
@@ -97,16 +97,19 @@
   margin-top: -25px;
   height: 50px;
 }
-.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle {
+.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle,
+.splitter-vertical > .splitter_bar.splitter-handle-stripes > .splitter_handle {
   width: 3px;
   border-left: 1px solid #999999;
   border-right: 1px solid #999999;
   background-color: transparent;
 }
-.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle:hover {
+.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle:hover,
+.splitter-vertical > .splitter_bar.splitter-handle-stripes > .splitter_handle:hover {
   border-color: #666666;
 }
-.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle:active {
+.splitter-vertical > .splitter_bar.splitter-handle-default > .splitter_handle:active,
+.splitter-vertical > .splitter_bar.splitter-handle-stripes > .splitter_handle:active {
   border-color: #000000;
 }
 .splitter-vertical > .splitter_bar.splitter-handle-bar > .splitter_handle {
@@ -126,17 +129,20 @@
 .splitter-horizontal > .splitter_bar > .splitter_handle {
   width: 50px;
 }
-.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle {
+.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle,
+.splitter-horizontal > .splitter_bar.splitter-handle-stripes > .splitter_handle {
   height: 3px;
   margin-top: 1px;
   border-top: 1px solid #999999;
   border-bottom: 1px solid #999999;
   background-color: transparent;
 }
-.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle:hover {
+.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle:hover,
+.splitter-horizontal > .splitter_bar.splitter-handle-stripes > .splitter_handle:hover {
   border-color: #666666;
 }
-.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle:active {
+.splitter-horizontal > .splitter_bar.splitter-handle-default > .splitter_handle:active,
+.splitter-horizontal > .splitter_bar.splitter-handle-stripes > .splitter_handle:active {
   border-color: #000000;
 }
 .splitter-horizontal > .splitter_bar.splitter-handle-bar > .splitter_handle {

diff --git a/css/jquery.enhsplitter.less b/css/jquery.enhsplitter.less
@@ -106,9 +106,9 @@
   }
 
   &.splitter-invisible {
-    background: none!important;
-    border: none!important;
-    box-shadow: none!important;
+    background: none !important;
+    border: none !important;
+    box-shadow: none !important;
   }
 
   &.splitter-invisible,
@@ -134,7 +134,8 @@
       height: @handle_size;
     }
 
-    &.splitter-handle-default {
+    &.splitter-handle-default,
+    &.splitter-handle-stripes {
       > .splitter_handle {
         width: 3px;
         border-left: 1px solid @handle_color;
@@ -178,7 +179,8 @@
       width: @handle_size;
     }
 
-    &.splitter-handle-default {
+    &.splitter-handle-default,
+    &.splitter-handle-stripes {
       > .splitter_handle {
         height: 3px;
         margin-top: 1px;
@@ -212,17 +214,19 @@
   }
 }
 
-.splitter_container.splitter-active > .splitter_bar {
-  z-index: 1000; /* Important to keep z-index of active splitter above .splitterMask. */
+.splitter_container.splitter-active {
+  > .splitter_bar {
+    z-index: 1000; /* Important to keep z-index of active splitter above .splitterMask. */
 
-  > .splitter_handle {
-    border-color: @handle_active;
-    cursor: inherit;
-  }
+    > .splitter_handle {
+      border-color: @handle_active;
+      cursor: inherit;
+    }
 
-  &.splitter-handle-bar > .splitter_handle,
-  &.splitter-handle-block > .splitter_handle {
-    background-color: @handle_active;
+    &.splitter-handle-bar > .splitter_handle,
+    &.splitter-handle-block > .splitter_handle {
+      background-color: @handle_active;
+    }
   }
 }