assets/stylesheets/bookingsync/_layout.scss in bootstrap-bookingsync-sass-1.0.0.beta1 vs assets/stylesheets/bookingsync/_layout.scss in bootstrap-bookingsync-sass-1.0.0.beta2

@@ -3,11 +3,10 @@
  * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
  */
 
 body {
   min-height: 100vh;
-  padding-top: $navbar-height + 1; // for the navbar-fixed-top border
 }
 
 .navbar.navbar-fixed-top {
   margin-bottom: 0;
 
@@ -53,13 +52,61 @@
   }
 }
 
 .main-content {
   overflow: auto;
+  padding-top: $navbar-height + 1; // for the navbar-fixed-top border
+
+  & > .row {
+    padding-top: $sheet-margin;
+  }
 }
 
-.sided-content {
-  & > .navbar,
-  & > .main-content {
-    margin-left: $menu-width;
+.navbar-toggle.menu-toggle {
+  float: left;
+  margin-left: $navbar-padding-horizontal;
+  margin-right: 0;
+}
+
+.iframe-fullscreen {
+  width: 100%;
+  height: 100vh;
+  display: block;
+}
+
+@media (max-width: $grid-float-breakpoint) {
+  body.menu-open {
+    overflow: hidden;
+    max-height: 100vh;
+  }
+
+  // .menu, // Already set
+  .menu-submenu,
+  .sided-content {
+    transition: transform 0.2s cubic-bezier(.4, 0, .2, 1);
+  }
+
+  .menu,
+  .menu-submenu {
+    transform: translate3d(-$menu-width, 0, 0);
+  }
+
+  body.menu-open {
+    .menu,
+    .menu-submenu {
+      transform: translate3d(0, 0, 0);
+    }
+
+    .sided-content {
+      transform: translate3d($menu-width, 0, 0);
+    }
+  }
+}
+
+@media (min-width: $grid-float-breakpoint) {
+  .sided-content {
+    & > .navbar,
+    & > .main-content {
+      margin-left: $menu-width;
+    }
   }
 }