bootstrap-bookingsync-sass 0.0.19 → 1.0.0.beta1

data/assets/stylesheets/bookingsync/_modals.scss

@@ -0,0 +1,24 @@
+.ember-modal-wrapper .modal.in {
+  display: block;
+}
+
+.modal-content {
+  border-radius: $modal-border-radius;
+  @include box-shadow(0 3px 30px $gray-lightest);
+}
+
+.modal-header {
+  padding-bottom: 0;
+  border-bottom: 0;
+}
+
+.modal-footer {
+  padding-top: 0;
+  border-top: 0;
+}
+
+.btn-modal-close {
+  position: absolute;
+  top: -($modal-title-padding / 2);
+  right: -($modal-title-padding / 2);
+}

data/assets/stylesheets/bookingsync/_navbar.scss

@@ -0,0 +1,53 @@
+.navbar-btn {
+  // 2 for the button border width
+  @include navbar-vertical-align(($font-size-base * $line-height-base) + (2 * $padding-base-vertical) + 2);
+}
+
+@media (min-width: $grid-float-breakpoint) {
+  .navbar-fixed-top,
+  .navbar-static-top,
+  .navbar-fixed-bottom {
+    & > .container-fluid .navbar-right {
+      padding-left: $navbar-padding-horizontal;
+      padding-right: $navbar-padding-horizontal;
+    }
+  }
+}
+
+.navbar-breadcrumb {
+  margin: 0;
+  color: $breadcrumb-color;
+
+  i {
+    color: $breadcrumb-icon-color;
+  }
+
+  a {
+    color: $breadcrumb-link-color;
+
+    &:hover {
+      color: $breadcrumb-link-hover-color;
+    }
+  }
+
+  img {
+    height: $navbar-breadcrumb-brand-logo-height;
+  }
+}
+
+@media (max-width: $grid-float-breakpoint) {
+  .navbar-breadcrumb-brand-logo {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle;
+    width: $navbar-breadcrumb-brand-logo-xs-width;
+    height: $navbar-breadcrumb-brand-logo-xs-height;
+
+    img {
+      position: absolute;
+      top: 0;
+      left: 0;
+      clip: rect(0px, $navbar-breadcrumb-brand-logo-xs-width, $navbar-breadcrumb-brand-logo-xs-height, 0px);
+    }
+  }
+}

data/assets/stylesheets/bookingsync/_sheet.scss

@@ -82,3 +82,12 @@
     margin: 0;
   }
 }
+
+.sheet-fullscreen {
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  min-height: 100vh;
+  margin-top: - ($navbar-height + 1); // for the navbar-fixed-top border
+  padding-top: $navbar-height + 1 + $sheet-padding; // for the navbar-fixed-top border
+}

data/assets/stylesheets/bookingsync/_smiles.scss

@@ -15,7 +15,7 @@
   font-style: normal;
 }
 
-.bs-icon {
+[class^="bs-icon-"], [class*=" bs-icon-"] {
   font-family: '#{$smiles-font-name}';
   speak: none;
   font-style: normal;
@@ -23,36 +23,42 @@
   font-variant: normal;
   text-transform: none;
   line-height: 1;
+  display: inline-block;
 
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.bs-bigboss:before {
-  content: "\e600";
+.bs-icon-fw {
+  width: (18em / 14);
+  text-align: center;
 }
-.bs-boss:before {
-  content: "\e601";
+
+.bs-icon-bigboss:before {
+  content: $bs-icon-bigboss;
+}
+.bs-icon-boss:before {
+  content: $bs-icon-boss;
 }
-.bs-bookingsync:before {
-  content: "\e602";
+.bs-icon-bookingsync:before {
+  content: $bs-icon-bookingsync;
 }
-.bs-laughting:before {
-  content: "\e603";
+.bs-icon-laughing:before {
+  content: $bs-icon-laughing;
 }
-.bs-lemonface:before {
-  content: "\e604";
+.bs-icon-lemonface:before {
+  content: $bs-icon-lemonface;
 }
-.bs-sadface:before {
-  content: "\e605";
+.bs-icon-sadface:before {
+  content: $bs-icon-sadface;
 }
-.bs-tongue:before {
-  content: "\e606";
+.bs-icon-tongue:before {
+  content: $bs-icon-tongue;
 }
-.bs-winkface:before {
-  content: "\e607";
+.bs-icon-winkface:before {
+  content: $bs-icon-winkface;
 }
-.bs-winktongue:before {
-  content: "\e608";
+.bs-icon-winktongue:before {
+  content: $bs-icon-winktongue;
 }

data/assets/stylesheets/bookingsync/_theme.scss

@@ -32,28 +32,6 @@ h1, h2, h3, h4, h5, h6,
   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;
-}
 
 @media (max-width: $screen-xs-max) {
   .navbar-form {

data/assets/stylesheets/bookingsync/_variables.scss

@@ -13,9 +13,9 @@ $brand-danger:                  $bs-red !default;
 
 $gray-base:                     $bs-darkblue !default;
 $gray-darker:                   $gray-base !default;
-$gray-dark:                     rgba($gray-base, .75) !default;
-$gray:                          rgba($gray-base, .75) !default;
-$gray-light:                    rgba($gray-base, .5) !default;
+$gray-dark:                     #57668B !default; // rgba($gray-base, .75) !default;
+$gray:                          #57668B !default; // rgba($gray-base, .75) !default;
+$gray-light:                    #8F98B2 !default; // rgba($gray-base, .5) !default;
 $gray-lighter:                  #C7CCD8 !default; // rgba($gray-base, .25) !default;
 $gray-lightest:                 #DDE0E8 !default; // rgba($gray-base, .15) !default;
 
@@ -24,6 +24,7 @@ $gray-lightest:                 #DDE0E8 !default; // rgba($gray-base, .15) !defa
 //## Settings for some of the most global styles.
 $text-color:                    $gray-dark !default;
 $body-bg:                       $bs-lightpurple !default;
+$headings-color:                #292C33 !default;
 
 //== Typography
 //
@@ -36,7 +37,6 @@ $font-size-h1:                  26px !default;
 $font-size-h2:                  22px !default;
 $font-size-h3:                  18px !default;
 $font-size-h4:                  16px !default;
-$headings-color:                $bs-darkgray !default;
 
 $dl-horizontal-breakpoint:      768px !default;
 $dl-horizontal-narrow-offset:   120px !default;
@@ -52,11 +52,59 @@ $dl-horizontal-narrow-offset:   120px !default;
 // This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
 $smiles-font-path: if($bootstrap-bookingsync-sass-asset-helper, "bookingsync/", "../fonts/bookingsync/") !default;
 
-//** File name for all font files.
+//** File name for smiles font files.
 $smiles-font-name:          "bookingsync-smiles" !default;
 //** Element ID within SVG icon file.
 $smiles-font-svg-id:        "bookingsync_smiles" !default;
 
+$bs-icon-bigboss:           "\e600" !default;
+$bs-icon-boss:              "\e601" !default;
+$bs-icon-bookingsync:       "\e602" !default;
+$bs-icon-laughing:          "\e603" !default;
+$bs-icon-lemonface:         "\e604" !default;
+$bs-icon-sadface:           "\e605" !default;
+$bs-icon-tongue:            "\e606" !default;
+$bs-icon-winkface:          "\e607" !default;
+$bs-icon-winktongue:        "\e608" !default;
+
+// If $bootstrap-bookingsync-sass-asset-helper if used, provide path relative to the assets load path.
+// This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
+$icons-font-path: if($bootstrap-bookingsync-sass-asset-helper, "bookingsync/", "../fonts/bookingsync/") !default;
+
+//** File name for icons font files.
+$icons-font-name:           "bookingsync-icons" !default;
+//** Element ID within SVG icon file.
+$icons-font-svg-id:         "bookingsync_icons" !default;
+
+
+$icon-invoice:              "\e900" !default;
+$icon-rental:               "\e904" !default;
+$icon-photo:                "\e93b" !default;
+$icon-video:                "\e965" !default;
+$icon-description:          "\e9ae" !default;
+$icon-contract:             "\e9eb" !default;
+$icon-reservation:          "\e9f9" !default;
+$icon-rates:                "\ea12" !default;
+$icon-payments:             "\ea16" !default;
+$icon-help:                 "\ea1b" !default;
+$icon-map:                  "\ea38" !default;
+$icon-calendar:             "\ea62" !default;
+$icon-inbox:                "\ea80" !default;
+$icon-clients:              "\eb0c" !default;
+$icon-owner:                "\eb0d" !default;
+$icon-search:               "\eb36" !default;
+$icon-checkin:              "\eb4a" !default;
+$icon-settings:             "\eb5f" !default;
+$icon-maintenance:          "\eb6c" !default;
+$icon-reports:              "\eb8b" !default;
+$icon-cleaning:             "\ebfb" !default;
+$icon-notifications:        "\ec09" !default;
+$icon-instant:              "\ec49" !default;
+$icon-applications:         "\ec5d" !default;
+$icon-website:              "\ec97" !default;
+$icon-reviews:              "\ece2" !default;
+$icon-widget:               "\eecd" !default;
+
 
 //== Components
 //
@@ -67,40 +115,105 @@ $border-radius-base:            2px !default;
 $border-radius-large:           3px !default;
 $border-radius-small:           1px !default;
 
+$caret-width-base:              4px !default;
+
 
 //== BookingSync
 //
-$menu-color:                    #566da7 !default;
-$menu-bg:                       #1e3264 !default;
-$menu-header-height:            70px !default;
-$menu-header-color:             #ffffff !default;
-$menu-header-bg:                $brand-primary !default;
-$menu-header-link-color:        #ffffff !default;
-$menu-header-link-hover-color:  $menu-header-link-color !default;
-$menu-header-link-hover-bg:     #53b4e1 !default;
-$menu-link-color:               #8ea8ea !default;
-$menu-link-icon-color:          rgba($menu-link-color, 0.5) !default;
-$menu-link-bg:                  $menu-bg !default;
-$menu-link-hover-color:         #ffffff !default;
-$menu-link-hover-icon-color:    $menu-color !default;
-$menu-link-hover-bg:            #263c73 !default;
-$menu-active-color:             #ffffff !default;
-$menu-active-icon-color:        $brand-primary !default;
-$menu-active-bg:                #16264e !default;
-$menu-footer-color:             #ffffff !default;
-$menu-footer-bg:                $menu-bg !default;
-$menu-footer-link-color:        $menu-link-color !default;
-$menu-footer-back-color:        #fff !default;
-
-$menu-border-radius:              $border-radius-base !default;
-$menu-default-toggle-icon-bar-bg: $gray-light !default;
+$menu-width:                            230px !default;
+$menu-collapsed-width:                  60px !default;
+
+$menu-color:                            #566da7 !default;
+$menu-bg:                               #1e3264 !default;
+$menu-icon-size:                        16px !default;
+$menu-link-height:                      50px !default;
+$menu-link-color:                       #8ea8ea !default;
+$menu-link-icon-color:                  rgba($menu-link-color, 0.5) !default;
+$menu-link-bg:                          $menu-bg !default;
+$menu-link-hover-color:                 #ffffff !default;
+$menu-link-hover-icon-color:            $menu-color !default;
+$menu-link-hover-bg:                    #263c73 !default;
+$menu-active-color:                     #ffffff !default;
+$menu-active-icon-color:                $brand-primary !default;
+$menu-active-bg:                        #16264e !default;
+$menu-divider-border-color:             $menu-link-hover-bg !default;
+
+$menu-submenu-color:                    $menu-link-color !default;
+$menu-submenu-bg:                       $menu-active-bg !default;
+$menu-submenu-header-color:             $menu-submenu-color !default;
+$menu-submenu-header-bg:                $menu-submenu-bg !default;
+$menu-submenu-icon-size:                12px !default;
+$menu-submenu-link-height:              40px !default;
+$menu-submenu-link-color:               $menu-link-color !default;
+$menu-submenu-link-icon-color:          $menu-link-color !default;
+$menu-submenu-link-bg:                  $menu-submenu-bg !default;
+$menu-submenu-link-hover-color:         #ffffff !default;
+$menu-submenu-link-hover-icon-color:    #8ea8ea !default;
+$menu-submenu-link-hover-bg:            $menu-submenu-link-bg !default;
+$menu-submenu-active-color:             $menu-submenu-link-hover-color !default;
+$menu-submenu-active-icon-color:        $menu-submenu-link-hover-icon-color !default;
+$menu-submenu-active-bg:                $menu-submenu-link-hover-bg !default;
+
+
+$menu-header-height:                    70px !default;
+$menu-header-icon-size:                 24px !default;
+$menu-header-color:                     #ffffff !default;
+$menu-header-bg:                        $brand-primary !default;
+$menu-header-heading-size:              14px !default;
+$menu-header-link-color:                #ffffff !default;
+$menu-header-link-hover-color:          $menu-header-link-color !default;
+$menu-header-link-hover-bg:             $menu-header-bg !default;
+
+$menu-header-submenu-color:             $menu-header-color !default;
+$menu-header-submenu-bg:                $menu-header-bg !default;
+$menu-header-submenu-link-color:        #ffffff !default;
+$menu-header-submenu-link-hover-color:  $menu-header-link-color !default;
+$menu-header-submenu-link-hover-bg:     #53b4e1 !default;
+$menu-header-submenu-border-color:      $menu-header-submenu-link-hover-bg !default;
+
+
+$menu-footer-height:                    $menu-link-height !default;
+$menu-footer-icon-size:                 ($menu-link-height * 0.64) !default;
+$menu-footer-color:                     $menu-color !default;
+$menu-footer-bg:                        $menu-bg !default;
+$menu-footer-heading-size:              14px !default;
+$menu-footer-link-color:                $menu-link-color !default;
+$menu-footer-link-hover-color:          $menu-link-hover-color !default;
+$menu-footer-link-hover-bg:             $menu-link-hover-bg !default;
+
+$menu-footer-submenu-color:             $menu-submenu-color !default;
+$menu-footer-submenu-bg:                $menu-submenu-bg !default;
+$menu-footer-submenu-link-color:        $menu-submenu-link-color !default;
+$menu-footer-submenu-link-hover-color:  $menu-submenu-link-hover-color !default;
+$menu-footer-submenu-link-hover-bg:     $menu-submenu-link-hover-bg !default;
+$menu-footer-submenu-border-color:      $menu-link-hover-bg !default;
+
+$menu-default-toggle-icon-bar-bg:       $gray-light !default;
 
 //== Buttons
 //
 $btn-success-bg:                $brand-success !default;
 
+$btn-primary-color:             #fff !default;
 $btn-primary-bg:                $brand-success !default;
-$btn-primary-border:            darken($btn-success-bg, 5%) !default;
+$btn-primary-border:            $btn-primary-bg !default;
+$btn-primary-loading:           #fff !default;
+$btn-primary-active-color:      $btn-primary-color !default;
+$btn-primary-active-bg:         #32D165 !default;
+$btn-primary-active-border:     $btn-primary-active-bg !default;
+$btn-secondary-color:           $gray-dark !default;
+$btn-secondary-bg:              #fff !default;
+$btn-secondary-border:          $gray-lighter !default;
+$btn-secondary-loading:         $gray-light !default;
+$btn-secondary-active-color:    $btn-secondary-color !default;
+$btn-secondary-active-bg:       #F4F5F7 !default;
+$btn-secondary-active-border:   $btn-secondary-border !default;
+$btn-secondary-inverse-color:   #fff !default;
+$btn-secondary-inverse-bg:      $btn-secondary-color !default;
+$btn-secondary-inverse-border:  $btn-secondary-inverse-bg !default;
+$btn-default-color:             $btn-secondary-color !default;
+$btn-default-bg:                $btn-secondary-bg !default;
+$btn-default-border:            $btn-secondary-border !default;
 $btn-border-radius-base:        $border-radius-base !default;
 $btn-border-radius-small:       $border-radius-small !default;
 $btn-border-radius-large:       $border-radius-large !default;
@@ -138,30 +251,39 @@ $input-group-addon-padding-top: ($label-padding-focus + ($padding-base-vertical
 $help-text:                     $gray-light !default;
 
 $state-success-text:            #2db859 !default;
-$state-success-bg:              rgba($brand-success, 1) !default;
+$state-success-bg:              transparent !default;
 $state-success-border:          $state-success-text !default;
 
 $state-warning-text:            #f39c12 !default;
-$state-warning-bg:              rgba($brand-warning, 1) !default;
+$state-warning-bg:              transparent !default;
 $state-warning-border:          $state-warning-text !default;
 
 $state-danger-text:             #e74c3c !default;
-$state-danger-bg:               rgba($brand-danger, 1) !default;
+$state-danger-bg:               transparent !default;
 $state-danger-border:           $state-danger-text !default;
 
+$select-multiple-options-color:             #fff !default;
+$select-multiple-options-bg:                $gray-light !default;
+$select-multiple-options-selected-color:    $gray-lighter !default;
+$select-multiple-options-selected-bg:       #fff !default;
 
 //== Grid system
 //
 $grid-columns:                     12 !default;
 $grid-gutter-width:                30px !default;
 
+
 //== Navbar
 //
-$navbar-height:                     70px !default;
-$navbar-default-bg:                 #fff !default;
-$navbar-default-color:              $gray-dark !default;
-$navbar-default-border:             $gray-lighter !default;
-$navbar-default-toggle-icon-bar-bg: $gray-light !default;
+$navbar-height:                           70px !default;
+$navbar-default-bg:                       #fff !default;
+$navbar-default-color:                    $gray-dark !default;
+$navbar-default-border:                   $gray-lighter !default;
+$navbar-default-toggle-icon-bar-bg:       $gray-light !default;
+
+$navbar-breadcrumb-brand-logo-height:     30px !default;
+$navbar-breadcrumb-brand-logo-xs-width:   50px !default;
+$navbar-breadcrumb-brand-logo-xs-height:  30px !default;
 
 
 //== Panels
@@ -218,3 +340,34 @@ $dropdown-link-active-bg:           $gray-dark !default;
 $dropdown-link-disabled-color:      $gray-light !default;
 $dropdown-header-color:             $gray-light !default;
 $dropdown-border-radius:            $border-radius-large !default;
+
+
+//== Modals
+//
+$modal-content-fallback-border-color: $gray-base !default;
+$modal-content-border-color:          $gray-lighter !default;
+$modal-border-radius:                 6px !default;
+$modal-inner-padding:                 30px !default;
+$modal-title-padding:                 $modal-inner-padding !default;
+$modal-backdrop-bg:                   transparent;
+
+
+//== List group
+//
+$list-group-hover-bg:                 rgba($gray-base, .05) !default;
+$list-group-active-bg:                $gray-lightest !default;
+$list-group-active-child-bg:          transparent !default;
+$list-group-active-child-border:      $list-group-active-bg !default;
+$list-group-active-child-hover-bg:    $list-group-hover-bg !default;
+
+
+//== Breadcrumb
+//
+$breadcrumb-padding-vertical:         0 !default;
+$breadcrumb-padding-horizontal:       0 !default;
+$breadcrumb-bg:                       transparent !default;
+$breadcrumb-color:                    $gray-lighter !default;
+$breadcrumb-active-color:             $headings-color !default;
+$breadcrumb-icon-color:               $gray-light !default;
+$breadcrumb-link-color:               $gray-light !default;
+$breadcrumb-link-hover-color:         $breadcrumb-link-color !default;