add clipboard styles

resources/styles/partials/lightbox.scss

@@ -127,3 +127,51 @@
   }
 
 }
+
+// Clipboard
+.clipboard {
+  max-width: 350px;
+
+  .clipboard-list {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+
+    .clipboard-item {
+      align-items: center;
+      border-bottom: 1px solid $soft-ui-border;
+      cursor: pointer;
+      display: flex;
+      padding: $small;
+      width: 100%;
+
+
+      span {
+
+        svg {
+          height: 20px;
+          fill: $medium-ui-border;
+          margin-right: $medium;
+          width: 20px;
+        }
+
+      }
+
+      &:hover {
+
+        span {
+          color: $main-ui-color;
+
+          svg {
+            fill: $main-ui-color
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+}

src/uxbox/ui/workspace/clipboard.cljs

@@ -1,5 +1,6 @@
 (ns uxbox.ui.workspace.clipboard
   (:require [sablono.core :as html :refer-macros [html]]
+            [uxbox.ui.icons :as i]
             [uxbox.ui.mixins :as mx]
             [uxbox.ui.lightbox :as lightbox]))
 
@@ -10,10 +11,11 @@
 (defn- clipboard-dialog-render
   [own]
   (html
-   [:div.lightbox-body
-    [:div.clipboard-items
+   [:div.lightbox-body.clipboard
+    [:div.clipboard-list
      (for [i (range 5)]
-       [:div {:key i}
+       [:div.clipboard-item {:key i}
+        [:span.clipboard-icon i/box]
         [:span (str "shape " i)]])]]))
 
 (def clipboard-dialog