1 files changed, 35 insertions, 0 deletions
diff --git a/openecomp-ui/resources/scss/components/_slidePanel.scss b/openecomp-ui/resources/scss/components/_slidePanel.scss
new file mode 100644
index 0000000000..61c9a189f0
--- /dev/null
+++ b/openecomp-ui/resources/scss/components/_slidePanel.scss
@@ -0,0 +1,35 @@
+
+.slide-panel {
+  transition: left .5s,right .5s;
+
+  .slide-panel-header {
+    padding: 10px;
+    height: 45px;
+    display: table;
+    width: 100%;
+    .slide-panel-header-title, .collapse-double-icon {
+      display: table-cell;
+      vertical-align: middle;
+    }
+    .slide-panel-header-title {
+      @extend .body-2;
+      text-align: center;
+      width: 100%;
+      color: $text-black;
+    }
+    .collapse-double-icon {
+      color: $text-black;
+      cursor: pointer;
+    }
+  }
+
+  .slide-panel-content {
+    opacity: 1;
+    transition: opacity .5s, visibility .5s;
+
+    &.closed {
+      opacity: 0;
+      visibility: hidden;
+    }
+  }
+}