1 files changed, 144 insertions, 0 deletions
diff --git a/catalog-ui/app/scripts/view-models/workspace/workspace.less b/catalog-ui/app/scripts/view-models/workspace/workspace.less
new file mode 100644
index 0000000000..d8bff1b634
--- /dev/null
+++ b/catalog-ui/app/scripts/view-models/workspace/workspace.less
@@ -0,0 +1,144 @@
+.sdc-workspace-container {
+  .bg_p;
+
+  .add-btn {
+    .f-color.a;
+    .f-type._12_m;
+    .hand;
+    float: right;
+    margin-bottom: 15px;
+
+    &:before {
+      .sprite-new;
+      .plus-icon;
+      margin-right: 5px;
+      content: "";
+
+    }
+    &:hover {
+      .f-color.b;
+      &:before {
+        .sprite-new;
+        .plus-icon-hover;
+      }
+    }
+
+  }
+  .w-sdc-left-sidebar {
+    padding: 3px 3px 0px 0px;
+    background-color: @main_color_p;
+    box-shadow: 7px -3px 6px -8px @main_color_n;
+    z-index: 2;
+  }
+
+  .sdc-asset-creation-info {
+    .n_12_r;
+    float: right;
+    margin: 8px 20px 0 0;
+  }
+
+  .w-sdc-main-right-container {
+
+    padding: 0px 0px 0px 0px;
+    background-color: @main_color_p;
+    z-index: 1;
+
+    .sdc-workspace-top-bar {
+      height: @action_nav_height;
+      padding: 12px 10px 0px 50px;
+      border-bottom: 1px solid @main_color_o;
+      display: flex;
+      justify-content: space-between;
+
+      .version-container {
+
+      }
+
+      .progress-container {
+        flex-grow: 4;
+        z-index: 10000000;
+
+        .general-view-top-progress {
+          width: 30%;
+          margin: 0 auto;
+        }
+      }
+
+      .not-latest {
+        position: absolute;
+        left: 24px;
+        top: 20px;
+        .sprite-new;
+        .asdc-warning;
+      }
+
+      .sdc-workspace-top-bar-buttons {
+
+        > button, > span:not(.delimiter) {
+          margin-right: 10px;
+          vertical-align: middle;
+          .hand;
+
+          &.sprite-new {
+            text-indent: 100%;
+          }
+          &.disabled, &:hover.disabled {
+            pointer-events: none;
+          }
+        }
+        .delimiter {
+          height: 32px;
+          width: 1px;
+          background-color: #959595;
+          display: inline-block;
+          vertical-align: middle;
+          margin-right: 20px;
+        }
+
+      }
+
+      .lifecycle-state {
+        padding: 7px 0 0 10px;
+        margin: 2px 0 7px 10px;
+        border-left: 1px solid @main_color_o;
+        line-height: 15px;
+        font-family: @font-omnes-medium;
+        color: @main_color_m;
+
+        .lifecycle-state-icon {
+          .sprite-new;
+        }
+        .lifecycle-state-text {
+
+          font-weight: bold;
+          text-transform: uppercase;
+          vertical-align: top;
+          padding: 3px;
+        }
+      }
+
+      .version-selector {
+        // float:left;
+        background-color: transparent;
+        border: none;
+        margin-top: 6px;
+      }
+    }
+    .w-sdc-main-container-body-content {
+      height:100%;
+
+      text-align: center;
+      align-items: center;
+      padding: 40px 14% 20px 14%;
+      &.third-party {
+        text-align: left;
+        padding: 0;
+        position: absolute;
+        top: @action_nav_height;
+        left: 0;
+        right: 0;
+        bottom: 0;
+      }
+    }
+  }
+}