_index.scss in katalyst-navigation-1.0.2

- old
+ new

@@ -8,19 +8,21 @@
 $grey-light: #f4f4f4 !default;
 $grey: #ececec !default;
 $grey-dark: #999 !default;
 $table-hover-background: #fff0eb !default;
 $primary-color: #ff521f !default;
+$error-color: #990000 !default;
 
 $row-inset: 2rem !default;
 $row-height: 3rem !default;
 
 $table-header-color: $grey !default;
 $row-background-color: $grey-light !default;
 $row-hover-color: $table-hover-background !default;
 $icon-active-color: $primary-color !default;
 $icon-passive-color: $grey-dark !default;
+$row-depth-invalid-color: $error-color !default;
 
 $status-published-background-color: #ebf9eb !default;
 $status-published-border-color: #4dd45c !default;
 $status-published-color: #4dd45c !default;
 
@@ -38,10 +40,11 @@
   --table-header-color: #{$table-header-color};
   --row-background-color: #{$row-background-color};
   --row-hover-color: #{$row-hover-color};
   --icon-active-color: #{$icon-active-color};
   --icon-passive-color: #{$icon-passive-color};
+  --row-depth-invalid-color: #{$row-depth-invalid-color};
 
   ol,
   li {
     margin: 0;
     padding: 0;
@@ -78,10 +81,10 @@
       cursor: grab;
     }
 
     // Dragged visuals
     &[data-dragging] {
-      border: 2px dashed;
+      box-shadow: inset 0 0 0 2px var(--icon-passive-color);
 
       > * {
         visibility: hidden;
       }
     }