From f79c750d407ad1dfe8a35ca7dde0a3aae0772112 Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Tue, 29 Mar 2016 10:23:54 +0200
Subject: [PATCH] fix move shape and add grey version

---
 src/scss/cdb-components/shapes/move.scss | 27 ++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/src/scss/cdb-components/shapes/move.scss b/src/scss/cdb-components/shapes/move.scss
index db5a45f..3cde123 100644
--- a/src/scss/cdb-components/shapes/move.scss
+++ b/src/scss/cdb-components/shapes/move.scss
@@ -23,6 +23,15 @@ Description
     </div>
   </div>
 </div>
+<div style="padding: 20px;">
+  <div class="CDB-Shape" style="background: rgba(0, 0, 0, .02);">
+    <div class="CDB-Shape-Move">
+      <div class="CDB-Shape-MoveItem is-grey is-first"></div>
+      <div class="CDB-Shape-MoveItem is-grey is-second"></div>
+      <div class="CDB-Shape-MoveItem is-grey is-third"></div>
+    </div>
+  </div>
+</div>
 <div style="padding: 20px; background: #2E3C43;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
     <div class="CDB-Shape-Move">
@@ -55,6 +64,15 @@ Description
     </div>
   </div>
 </div>
+<div style="padding: 20px;">
+  <div class="CDB-Shape">
+    <div class="CDB-Shape-Move is-small">
+      <div class="CDB-Shape-MoveItem is-grey is-first"></div>
+      <div class="CDB-Shape-MoveItem is-grey is-second"></div>
+      <div class="CDB-Shape-MoveItem is-grey is-third"></div>
+    </div>
+  </div>
+</div>
 <div style="padding: 20px; background: #2E3C43;">
   <div class="CDB-Shape" style="background: rgba(0, 0, 0, .08);">
     <div class="CDB-Shape-Move is-small">
@@ -77,6 +95,7 @@ Description
   padding: 3px 0 0 1px;
 
   .CDB-Shape-MoveItem {
+    height: 2px;
     margin-bottom: 2px;
 
     &::before {
@@ -92,6 +111,7 @@ Description
 }
 
 .CDB-Shape-MoveItem {
+  height: 3px;
   margin-bottom: 3px;
 
   &:last-child {
@@ -128,3 +148,10 @@ Description
     background: $cWhite;
   }
 }
+
+.CDB-Shape-MoveItem.is-grey {
+  &::before,
+  &::after {
+    background: $cHoverLine;
+  }
+}