bootstrap-bookingsync-sass 0.0.5 → 0.0.6

data/assets/stylesheets/bookingsync/_smiles.scss

@@ -0,0 +1,58 @@
+/*!
+ * Copyright 2015 BookingSync SAS.
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
+ */
+
+@font-face {
+  font-family: '#{$smiles-font-name}';
+  src: url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.eot'), '#{$smiles-font-path}#{$smiles-font-name}.eot'));
+  src: url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.eot?#iefix'), '#{$smiles-font-path}#{$smiles-font-name}.eot?#iefix')) format('embedded-opentype'),
+       url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.woff2'), '#{$smiles-font-path}#{$smiles-font-name}.woff2')) format('woff2'),
+       url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.woff'), '#{$smiles-font-path}#{$smiles-font-name}.woff')) format('woff'),
+       url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.ttf'), '#{$smiles-font-path}#{$smiles-font-name}.ttf')) format('truetype'),
+       url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.svg##{$smiles-font-svg-id}'), '#{$smiles-font-path}#{$smiles-font-name}.svg##{$smiles-font-svg-id}')) format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.bs-icon {
+  font-family: '#{$smiles-font-name}';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.bs-bigboss:before {
+  content: "\e600";
+}
+.bs-boss:before {
+  content: "\e601";
+}
+.bs-bookingsync:before {
+  content: "\e602";
+}
+.bs-laughting:before {
+  content: "\e603";
+}
+.bs-lemonface:before {
+  content: "\e604";
+}
+.bs-sadface:before {
+  content: "\e605";
+}
+.bs-tongue:before {
+  content: "\e606";
+}
+.bs-winkface:before {
+  content: "\e607";
+}
+.bs-winktongue:before {
+  content: "\e608";
+}

data/assets/stylesheets/bookingsync/_switch.scss

@@ -0,0 +1,222 @@
+/* ============================================================
+ * bootstrapSwitch v1.8 by Larentis Mattia @SpiritualGuru
+ * http://www.larentis.eu/
+ *
+ * Enhanced for radiobuttons by Stein, Peter @BdMdesigN
+ * http://www.bdmdesign.org/
+ *
+ * Tweaked for easier styling by Sebastien Grosjean, @SebGrosjean
+ * http://www.github.com/zencocoon
+ * 2015-08-31
+ *
+ * Project site:
+ * http://www.larentis.eu/switch/
+ * ============================================================
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ * ============================================================ */
+$switch-label-size: 10px;
+$switch-off-border: $gray-lighter;
+$switch-off-bg: #fff;
+$switch-off-color: $gray-lightest;
+
+.has-switch {
+  display: inline-block;
+  cursor: pointer;
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+  border: 1px solid;
+  position: relative;
+  text-align: left;
+  overflow: hidden;
+  line-height: 8px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+
+  -webkit-transition: border-color 0.5s;
+  -moz-transition: border-color 0.5s;
+  -o-transition: border-color 0.5s;
+  transition: border-color 0.5s;
+}
+.has-switch.switch-mini {
+  width: 72px;
+}
+.has-switch.switch-mini i.switch-mini-icons {
+  height: 1.20em;
+  line-height: 9px;
+  vertical-align: text-top;
+  text-align: center;
+  transform: scale(0.6);
+  margin-top: -1px;
+  margin-bottom: -1px;
+}
+.has-switch.switch-small {
+  width: 29px;
+  height: 16px;
+}
+.has-switch.switch-large {
+  width: 120px;
+}
+.has-switch.deactivate {
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  cursor: default !important;
+}
+.has-switch.deactivate label,
+.has-switch.deactivate span {
+  cursor: default !important;
+}
+.has-switch > div {
+  display: inline-block;
+  width: 200%;
+  position: relative;
+  top: 0;
+}
+.has-switch > div.switch-animate {
+  -webkit-transition: left 0.5s;
+  -moz-transition: left 0.5s;
+  -o-transition: left 0.5s;
+  transition: left 0.5s;
+
+  label {
+    -webkit-transition: all 0.5s;
+    -moz-transition: all 0.5s;
+    -o-transition: all 0.5s;
+    transition: all 0.5s;
+  }
+}
+.has-switch.switch-off {
+  border-color: $switch-off-border;
+
+  & > div {
+    left: -100%;
+  }
+
+  label {
+    left: 30px;
+    background-color: $switch-off-color;
+  }
+}
+.has-switch.switch-on {
+  border-color: $brand-primary;
+
+  & > div {
+    left: 0%;
+  }
+}
+.has-switch input[type=radio],
+.has-switch input[type=checkbox] {
+  display: none;
+}
+.has-switch span,
+.has-switch label {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  cursor: pointer;
+  position: relative;
+  display: inline-block;
+  height: 100%;
+  padding-bottom: 4px;
+  padding-top: 4px;
+  font-size: 14px;
+  line-height: 20px;
+}
+.has-switch span.switch-mini,
+.has-switch label.switch-mini {
+  padding-bottom: 4px;
+  padding-top: 4px;
+  font-size: 10px;
+  line-height: 9px;
+}
+.has-switch span.switch-small,
+.has-switch label.switch-small {
+  padding-bottom: 0;
+  padding-top: 0;
+  font-size: $switch-label-size;
+  line-height: 14px;
+}
+.has-switch span.switch-large,
+.has-switch label.switch-large {
+  padding-bottom: 9px;
+  padding-top: 9px;
+  font-size: 16px;
+  line-height: normal;
+}
+.has-switch label {
+  z-index: 100;
+  width: $switch-label-size;
+  height: $switch-label-size;
+  border-radius: $switch-label-size / 2;
+  background-color: #fff;
+  margin-bottom: 0;
+  position: absolute;
+  top: 2px;
+  left: 15px;
+}
+.has-switch label:hover,
+.has-switch label:focus,
+.has-switch label:active,
+.has-switch label.active,
+.has-switch label.disabled,
+.has-switch label[disabled] {
+  background-color: #fff;
+}
+.has-switch span {
+  text-align: center;
+  z-index: 1;
+  width: 50%;
+}
+.has-switch span.switch-right {
+  color: $switch-off-bg;
+  background-color: $switch-off-bg;
+  border-color: $switch-off-bg;
+}
+.has-switch span.switch-right:hover,
+.has-switch span.switch-right:focus,
+.has-switch span.switch-right:active,
+.has-switch span.switch-right.active,
+.has-switch span.switch-right.disabled,
+.has-switch span.switch-right[disabled] {
+  background-color: $switch-off-bg;
+}
+.has-switch span.switch-primary,
+.has-switch span.switch-left,
+.has-switch span.switch-default {
+  color: $brand-primary;
+  background-color: $brand-primary;
+}
+.has-switch span.switch-primary:hover,
+.has-switch span.switch-left:hover,
+.has-switch span.switch-default:hover,
+.has-switch span.switch-primary:focus,
+.has-switch span.switch-left:focus,
+.has-switch span.switch-default:focus,
+.has-switch span.switch-primary:active,
+.has-switch span.switch-left:active,
+.has-switch span.switch-default:active,
+.has-switch span.switch-primary.active,
+.has-switch span.switch-left.active,
+.has-switch span.switch-default.active,
+.has-switch span.switch-primary.disabled,
+.has-switch span.switch-left.disabled,
+.has-switch span.switch-default.disabled,
+.has-switch span.switch-primary[disabled],
+.has-switch span.switch-left[disabled],
+.has-switch span.switch-default[disabled] {
+  color: $brand-primary;
+  background-color: $brand-primary;
+}
+.has-switch span.switch-primary:active,
+.has-switch span.switch-left:active,
+.has-switch span.switch-default:active,
+.has-switch span.switch-primary.active,
+.has-switch span.switch-left.active,
+.has-switch span.switch-default.active {
+  background-color: $brand-primary \9;
+}

data/assets/stylesheets/bookingsync/_theme.scss

@@ -0,0 +1,374 @@
+/*!
+ * Copyright 2015 BookingSync SAS.
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
+ */
+
+
+//
+// Typography
+// --------------------------------------------------
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  & > i {
+    padding-right: 7px;
+    color: $gray-light;
+  }
+
+  font-weight: 400;
+}
+
+.text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+//
+// Menu
+// --------------------------------------------------
+
+// Recommended addition
+//
+// .menu {
+//   height: 100vh;
+//   position: fixed;
+//   top: 0;
+//   left: 0;
+// }
+//
+.menu {
+  background-color: $menu-bg;
+  color: $menu-color;
+  border-radius: $menu-border-radius;
+  width: 60px;
+  height: 100%;
+  overflow: hidden;
+  z-index: 9000;
+  transition: width 0.2s cubic-bezier(.4,0,.2,1);
+  border-radius: 0;
+
+  &:hover {
+    width: 230px;
+
+    .body {
+      overflow-y: overlay;
+    }
+
+    .menu-dropdown ol {
+      overflow-y: overlay;
+    }
+
+    .menu-dropright {
+      overflow-y: overlay;
+    }
+  }
+
+  header,
+  footer {
+    .bar {
+      height: $menu-header-height;
+      position: relative;
+    }
+
+    .brand,
+    .avatar {
+      height: 24px;
+      width: 24px;
+      font-size: 24px;
+      position: absolute;
+      top: 18px;
+      left: 18px;
+    }
+
+    .brand {
+      font-size: 24px;
+      padding-top: 5px;
+    }
+
+    p {
+      margin: 0;
+      margin-left: 60px;
+      padding-top: 17.5px;
+      line-height: 1.24em;
+      white-space: nowrap;
+    }
+  }
+
+  header {
+    background-color: $menu-header-bg;
+    color: $menu-header-color;
+    position: relative;
+
+    a {
+      color: $menu-header-link-color;
+    }
+
+    ol {
+      margin-bottom: 0;
+      border-top: 1px solid $menu-header-link-hover-bg;
+      background-color: $menu-header-bg;
+      width: 100%;
+      position: absolute;
+      z-index: 1000;
+      max-height: 100vh;
+      overflow: hidden;
+
+      a:hover {
+        background-color: $menu-header-link-hover-bg;
+        color: $menu-header-link-hover-color;
+      }
+    }
+
+    .bar {
+      background-color: $menu-header-bg;
+      z-index: 2000;
+    }
+
+    #menu-header-submenu {
+      width: 100%;
+
+      &.open {
+        top: $menu-header-height;
+      }
+    }
+  }
+
+  footer {
+    background-color: $menu-footer-bg;
+    color: $menu-footer-color;
+
+    a {
+      color: $menu-footer-link-color;
+    }
+
+    .back {
+      i {
+        color: $menu-footer-back-color;
+      }
+
+      a:hover i {
+        color: $menu-footer-back-color;
+      }
+    }
+
+    i {
+      margin-left: 2px;
+    }
+
+    #menu-footer-submenu {
+      top: 0;
+      width: 100%;
+      height: 100%;
+
+      ol {
+        margin-top: $menu-header-height;
+        margin-bottom: 0;
+      }
+
+      &.open {
+        ol {
+          background-color: $menu-footer-bg;
+        }
+      }
+    }
+  }
+
+  ol {
+    // No need to set list-style: none; since li is block level
+    padding-left: 0; // reset padding because ul and ol
+  }
+
+  li {
+    display: block;
+
+    a {
+      display: block;
+      padding: 10px 22px;
+      text-decoration: none;
+      white-space: nowrap;
+      line-height: 30px;
+    }
+
+    i {
+      width: 16px;
+      height: 16px;
+    }
+  }
+
+  .body {
+    overflow: hidden;
+  }
+
+  .body,
+  footer {
+    li {
+      a {
+        background-color: $menu-link-bg;
+        color: $menu-link-color;
+
+        i {
+          color: $menu-link-icon-color;
+        }
+
+        span {
+          padding-left: 18px;
+          font-weight: 600;
+          -webkit-font-smoothing: antialiased;
+          -moz-osx-font-smoothing: grayscale;
+        }
+
+        &:hover {
+          background-color: $menu-link-hover-bg;
+          color: $menu-link-hover-color;
+
+          i {
+            color: $menu-link-hover-icon-color;
+          }
+        }
+      }
+
+      &.active a,
+      &.active:hover a,
+      &.active:focus a {
+        background-color: $menu-active-bg;
+        color: $menu-active-color;
+
+        i {
+          color: $menu-active-icon-color;
+        }
+      }
+    }
+  }
+}
+
+.menu-toggle {
+  height: $menu-header-height;
+
+  .icon-bar {
+    background-color: $menu-default-toggle-icon-bar-bg;
+  }
+}
+
+
+//
+// Label
+// --------------------------------------------------
+.label-transparent {
+  border: 1px solid $label-color;
+}
+
+//
+// Dropdowns
+// --------------------------------------------------
+.menu-dropdown {
+  position: absolute;
+  top: -100vh;
+  transition: top 0.3s ease-out;
+}
+
+.menu-dropdown.open {
+  top: 0;
+}
+
+.menu-dropright {
+  position: absolute;
+  left: 100%;
+  transition: left 0.3s ease-out;
+}
+
+.menu-dropright.open {
+  left: 0;
+}
+
+//
+// Utilities
+// --------------------------------------------------
+.flex-col {
+  display: flex;
+  flex-direction: column;
+}
+
+.flex-row {
+  display: flex;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+.flex-middle {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
+// @import "bookingsync-theme-forms";
+@media (max-width: $screen-xs-max) {
+  .navbar-form {
+    border-top: none;
+    border-bottom: none;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+}
+
+@media (min-width: $screen-sm-min) {
+  .navbar-form {
+    margin-top: 20px;
+    margin-bottom: 20px;
+  }
+}
+
+// Navbar toggle
+//
+// Custom button for toggling the `.navbar-collapse`, powered by the collapse
+// JavaScript plugin.
+
+.navbar-toggle-context {
+  border: 0;
+  border-radius: 15px;
+
+  .icon-bar {
+    width: 3px;
+    height: 3px;
+    border-radius: 2px;
+  }
+
+  .icon-bar + .icon-bar {
+    margin-top: 3px;
+  }
+}
+
+// Sheet
+//
+// Custom wrapper to simulate a paper sheet container
+
+.sheet {
+  width: auto;
+  position: relative;
+  border: 1px solid $sheet-border;
+  background-color: $sheet-bg;
+  border-radius: $sheet-border-radius;
+  margin: $sheet-margin;
+  padding: $sheet-padding;
+}
+
+.sheet-header {
+  margin: (-1 * $sheet-padding);
+  margin-bottom: $sheet-padding;
+  padding: $sheet-padding;
+  border-bottom: 1px solid $sheet-inner-border;
+
+  h1, h2, h3, h4, h5, h6,
+  .h1, .h2, .h3, .h4, .h5, .h6,
+  p {
+    padding: 0;
+    margin: 0;
+  }
+}
+
+// Tables
+//
+caption {
+  color: $table-caption-color;
+}