1 files changed, 163 insertions, 0 deletions
diff --git a/catalog-ui/src/assets/styles/layout/sidebar.less b/catalog-ui/src/assets/styles/layout/sidebar.less
new file mode 100644
index 0000000000..9b8dc240c7
--- /dev/null
+++ b/catalog-ui/src/assets/styles/layout/sidebar.less
@@ -0,0 +1,163 @@
+.w-sdc-left-sidebar {
+    width: 242px;
+    overflow: hidden;
+    background-color: @main_color_p;
+    .box-shadow(1px 0px 4px 0px rgba(24, 24, 25, 0.17));
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    padding: 12px 18px;
+    z-index: 1;
+}
+
+.w-sdc-left-sidebar-menu {
+    margin: 0;
+    padding: 0;
+
+    ul {
+        margin: 0;
+        padding: 0;
+    }
+}
+
+/* Catalog */
+.i-sdc-left-sidebar-nav-item {
+    .c_6;
+    .hand;
+    .border-radius(4px);
+    width: 220px;
+    height: 60px;
+    line-height: 19px;
+    margin: 0 auto 10px;
+    padding: 20px 10px 20px 60px;
+    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
+    text-align: left;
+
+    &::before {
+        .sprite;
+        content: '';
+        position: absolute;
+        left: 50px;
+        top: 18px;
+    }
+
+    &.catalog {
+        .c_4;
+        .bg_a;
+        .uppercase;
+        position: relative;
+        text-indent: 20px;
+
+        &:hover     { .bg_a_hover; }
+        &::before   {.sprite.catalog;}
+    }
+
+    &.distribution {
+        .bg_o;
+        display: none;
+        position: relative;
+    }
+    &.distribution::before {
+        .sprite.distribution;
+    }
+
+    &.support {
+        .bg_a;
+        position: relative;
+    }
+
+    &.support::before {
+        .sprite.support;
+
+    }
+}
+
+
+/*  */
+.i-sdc-left-sidebar-nav-item-hierachy {
+     .c_6;
+    .hand;
+    .border-radius(4px);
+    width: 220px;
+    height: 60px;
+    line-height: 19px;
+    margin: 0 auto 10px;
+    padding: 20px 10px 20px 60px;
+    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3);
+    text-align: left;
+
+    &::before {
+        .sprite;
+        content: '';
+        position: absolute;
+        left: 50px;
+        top: 18px;
+    }
+
+    &.catalog {
+        .c_4;
+        .bg_a;
+        .uppercase;
+        position: relative;
+        text-indent: 20px;
+
+        &:hover     { .bg_a_hover; }
+        &::before   {.sprite.catalog;}
+    }
+
+    &.distribution {
+        .bg_o;
+        display: none;
+        position: relative;
+    }
+    &.distribution::before {
+        .sprite.distribution;
+    }
+
+    &.support {
+        .bg_a;
+        position: relative;
+    }
+
+    &.support::before {
+        .sprite.support;
+
+    }
+}
+
+/* Dashboard (Non Catalog) */
+.i-sdc-left-sidebar-item {
+    list-style: none;
+    .m_14_r;
+    line-height: 24px;
+
+    &.category-title {
+        text-transform: uppercase;
+        .l_14_m;
+        line-height: 30px;
+    }
+
+    input[type="checkbox"] {
+        margin-right: 10px;
+        vertical-align: sub;
+    }
+
+    /*&.selectedLink {
+        .c_7;
+    }*/
+
+    .i-sdc-left-sidebar-item-state-count {
+        float: right;
+    }
+
+    .sdc-element-checkbox {
+        display: inline-flex;
+    }
+
+}
+
+.i-sdc-left-sidebar-item-seperator {
+    border-bottom: solid 1px @func_color_r;
+    width: 208px;
+}