From 98ce08244f851581279fbcda64e7295ecd721df0 Mon Sep 17 00:00:00 2001
From: Jesus Herman <jesus.herman@devex.com>
Date: Fri, 4 Dec 2015 17:33:20 +0100
Subject: [PATCH] added browser sync to dev dependencies package

---
 package.json               |  4 +--
 scss/partials/_editor.scss | 56 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 2 deletions(-)
 create mode 100644 scss/partials/_editor.scss

diff --git a/package.json b/package.json
index a118779..0aa575c 100644
--- a/package.json
+++ b/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"
diff --git a/scss/partials/_editor.scss b/scss/partials/_editor.scss
new file mode 100644
index 0000000..8f4ff9b
--- /dev/null
+++ b/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%
+}