Split css into individual scss files

editor/sass/sidebar.scss

@@ -0,0 +1,54 @@
+/**
+ * Copyright 2015 IBM Corp.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ **/
+
+ 
+ 
+#sidebar {
+    width: 305px;
+    position: absolute;
+    right: 10px; top: 5px; bottom:10px;
+    background: #fff;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    @include component-border;
+}
+
+#sidebar.closing {
+    background: #eee;
+    border-color: #900;
+    border-style: dashed;
+}
+
+#sidebar-content {
+    font-size: 1.2em;
+    overflow-y: auto;
+    position: absolute;
+    top: 30px; left: 0px; right: 0; bottom: 1px;
+}
+
+#sidebar-separator {
+    width: 15px;
+    background: url(images/grip.png) no-repeat 50% 50%;
+    position: absolute;
+    right: 316px; top: 5px; bottom:10px;
+    cursor: col-resize;
+}
+
+.sidebar-closed > #sidebar { display: none; }
+.sidebar-closed > #sidebar-separator { right: 0px !important; }
+.sidebar-closed > #workspace { right: 15px !important; }
+.sidebar-closed > #chart-zoom-controls { right: 35px !important; }
+