added browser sync to dev dependencies package

package.json

@@ -1,11 +1,11 @@
 {
   "name": "Devex_FE_assets",
   "version": "0.0.0",
-  "dependencies": {},
   "devDependencies": {
     "gulp": "~3.9.0",
     "gulp-sass": "^2.0.0",
-    "gulp-sourcemaps": "^1.5.0"
+    "gulp-sourcemaps": "^1.5.0",
+    "browser-sync": "^2.10.0"
   },
   "engines": {
     "node": ">=0.12.0"

scss/partials/_editor.scss

@@ -0,0 +1,56 @@
+/*
+ * Stuff we've deleted that comes from the bootstrap-combined.css file
+ */
+
+// we wrap everything with the toolbar class
+.toolbox-reset {
+  // modal
+  .modal {
+    position: fixed;
+    top: 10%;
+    left: 50%;
+    z-index: 1050;
+    width: 560px;
+    margin-left: -280px;
+    background-color: #ffffff;
+    border: 1px solid #999;
+    border: 1px solid rgba(0, 0, 0, 0.3);
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+    -webkit-background-clip: padding-box;
+    -moz-background-clip: padding-box;
+    background-clip: padding-box;
+    outline: none;
+  }
+
+  .modal.fade {
+    -webkit-transition: opacity .3s linear, top .3s ease-out;
+    -moz-transition: opacity .3s linear, top .3s ease-out;
+    -o-transition: opacity .3s linear, top .3s ease-out;
+    transition: opacity .3s linear, top .3s ease-out;
+    top: -25%;
+  }
+
+  .modal.fade.in {
+    top: 10%;
+    display: inherit !important;
+  }
+}
+
+// screen sizes
+#MD {
+  width:992px;
+}
+#SM {
+  width:768px;
+}
+#XS {
+  width:480px;
+}
+#LG {
+  width:100%
+}