forever_style_guide 2.0.3 → 3.0.0

data/test/dummy/tmp/pids/server.pid

@@ -1 +1 @@
-2004
+13542

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: forever_style_guide
 version: !ruby/object:Gem::Version
-  version: 2.0.3
+  version: 3.0.0
 platform: ruby
 authors:
 - Nicholas McClay
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-05-27 00:00:00.000000000 Z
+date: 2016-06-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -201,6 +201,8 @@ files:
 - app/assets/images/forever_style_guide/artisan-logo-sm.png
 - app/assets/images/forever_style_guide/artisan-logo.png
 - app/assets/images/forever_style_guide/check.png
+- app/assets/images/forever_style_guide/default_avatar.jpg
+- app/assets/images/forever_style_guide/forever-logo.jpg
 - app/assets/images/forever_style_guide/forever-logo.png
 - app/assets/images/forever_style_guide/forever-swirl-logo.png
 - app/assets/images/forever_style_guide/historian-logo-sm.png
@@ -223,8 +225,7 @@ files:
 - app/assets/javascripts/forever_style_guide/application.js
 - app/assets/javascripts/forever_style_guide/hero-blur.js
 - app/assets/javascripts/forever_style_guide/list-toggle.js
-- app/assets/javascripts/forever_style_guide/nav-fixed.js
-- app/assets/javascripts/forever_style_guide/navbar.js
+- app/assets/javascripts/forever_style_guide/offcanvas.js
 - app/assets/javascripts/forever_style_guide/popover.js
 - app/assets/javascripts/style_guide/application.js
 - app/assets/javascripts/style_guide/bootstrap-sprockets-custom.js
@@ -243,15 +244,10 @@ files:
 - app/assets/stylesheets/forever_style_guide/globals/_layout.scss
 - app/assets/stylesheets/forever_style_guide/globals/_mixins.scss
 - app/assets/stylesheets/forever_style_guide/globals/_variables.scss
-- app/assets/stylesheets/forever_style_guide/modules/_account-popover.scss
 - app/assets/stylesheets/forever_style_guide/modules/_all.scss
 - app/assets/stylesheets/forever_style_guide/modules/_avatar.scss
 - app/assets/stylesheets/forever_style_guide/modules/_button.scss
 - app/assets/stylesheets/forever_style_guide/modules/_checkbox.scss
-- app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-more.scss
-- app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-nav.scss
-- app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-product-main.scss
-- app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-product.scss
 - app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu.scss
 - app/assets/stylesheets/forever_style_guide/modules/_fa-feature_bullet.scss
 - app/assets/stylesheets/forever_style_guide/modules/_footer.scss
@@ -263,9 +259,14 @@ files:
 - app/assets/stylesheets/forever_style_guide/modules/_input_groups.scss
 - app/assets/stylesheets/forever_style_guide/modules/_list-toggle.scss
 - app/assets/stylesheets/forever_style_guide/modules/_list.scss
+- app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-account.scss
+- app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-ambassador.scss
+- app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns.scss
 - app/assets/stylesheets/forever_style_guide/modules/_nav-fixed.scss
+- app/assets/stylesheets/forever_style_guide/modules/_nav-icons.scss
+- app/assets/stylesheets/forever_style_guide/modules/_nav-item-list.scss
+- app/assets/stylesheets/forever_style_guide/modules/_nav-offcanvas.scss
 - app/assets/stylesheets/forever_style_guide/modules/_nav.scss
-- app/assets/stylesheets/forever_style_guide/modules/_navbar.scss
 - app/assets/stylesheets/forever_style_guide/modules/_popover.scss
 - app/assets/stylesheets/forever_style_guide/modules/_progress.scss
 - app/assets/stylesheets/forever_style_guide/modules/_promo_banner.scss
@@ -292,9 +293,6 @@ files:
 - app/views/forever_style_guide/demo/footer.html.erb
 - app/views/forever_style_guide/demo/hero.html.erb
 - app/views/forever_style_guide/demo/hero_simple.html.erb
-- app/views/forever_style_guide/demo/navigation-fixed-signed-in-app.html.erb
-- app/views/forever_style_guide/demo/navigation-fixed-signed-in.html.erb
-- app/views/forever_style_guide/demo/navigation-fixed.html.erb
 - app/views/forever_style_guide/demo/navigation.html.erb
 - app/views/forever_style_guide/demo/promo_banner.html.erb
 - app/views/forever_style_guide/sections/branding/_colors.erb
@@ -303,7 +301,6 @@ files:
 - app/views/forever_style_guide/sections/components/_footer.erb
 - app/views/forever_style_guide/sections/components/_hero.erb
 - app/views/forever_style_guide/sections/components/_hero_simple.erb
-- app/views/forever_style_guide/sections/components/_navigation.html.erb
 - app/views/forever_style_guide/sections/components/_panel.erb
 - app/views/forever_style_guide/sections/components/_popover.erb
 - app/views/forever_style_guide/sections/components/_promo_banner.html.erb
@@ -311,13 +308,14 @@ files:
 - app/views/forever_style_guide/sections/components/_switch.erb
 - app/views/forever_style_guide/sections/components/footer/_footer.erb
 - app/views/forever_style_guide/sections/components/footer/_footer_demo.erb
-- app/views/forever_style_guide/sections/components/navigation/_account_popover.erb
-- app/views/forever_style_guide/sections/components/navigation/_basic.erb
-- app/views/forever_style_guide/sections/components/navigation/_dropdown.erb
-- app/views/forever_style_guide/sections/components/navigation/_marketing.erb
-- app/views/forever_style_guide/sections/components/navigation/_marketing_signed_in.erb
-- app/views/forever_style_guide/sections/components/navigation/_signed_in.erb
-- app/views/forever_style_guide/sections/components/navigation/_stacked.erb
+- app/views/forever_style_guide/sections/components/navigation/_nav.erb
+- app/views/forever_style_guide/sections/components/navigation/_nav_account_dropdown.erb
+- app/views/forever_style_guide/sections/components/navigation/_nav_account_dropdown_menu.erb
+- app/views/forever_style_guide/sections/components/navigation/_nav_account_signed_out_mobile.erb
+- app/views/forever_style_guide/sections/components/navigation/_nav_ambassador_dropdown.erb
+- app/views/forever_style_guide/sections/components/navigation/_nav_community_dropdown.erb
+- app/views/forever_style_guide/sections/components/navigation/_nav_my_forever_dropdown.erb
+- app/views/forever_style_guide/sections/components/navigation/_nav_products_dropdown.erb
 - app/views/forever_style_guide/sections/components/shared/_feature_bullet.erb
 - app/views/forever_style_guide/sections/css_guide/_best_practices.html.erb
 - app/views/forever_style_guide/sections/css_guide/_code_style.html.erb

data/app/assets/javascripts/forever_style_guide/nav-fixed.js

@@ -1,28 +0,0 @@
-$(function () {
-  $('#header-is_fixed .dropdown').on('shown.bs.dropdown', function () {
-    var windowHeight = $(window).height();
-
-    // this timeout allows for the dropdown item to fully expand before height is calculated
-    setTimeout(function() { 
-      var navHeight = ($('#header-is_fixed').outerHeight()); 
-      if (navHeight >= windowHeight) {
-        $('body').addClass('body-fixed');
-        $('#header-is_fixed').css('max-height', windowHeight);
-        $('#header-is_fixed').addClass('is_scrolling');
-      };
-    }, 250);
-    $('.popover.account-popover').popover('hide');
-  })
-
-  // unfix body on dropdown close
-  $('#header-is_fixed .dropdown').on('hidden.bs.dropdown', function () {
-    $('body').removeClass('body-fixed');
-    $('#header-is_fixed').removeClass('is_scrolling');
-  })
-
-  // unfix body on toggle nav close
-  $('#header-is_fixed .navbar-collapse').on('hidden.bs.collapse', function () {
-    $('body').removeClass('body-fixed');
-    $('#header-is_fixed').removeClass('is_scrolling');
-  })
-});

data/app/assets/javascripts/forever_style_guide/navbar.js

@@ -1,9 +0,0 @@
-$(function () {
-  $('.dropdown-toggle').dropdown();
-
-  $(document).on('click', '.navbar-dropdown .dropdown-menu', function(e) {
-    e.stopPropagation()
-  });
-});
-
-

data/app/assets/stylesheets/forever_style_guide/modules/_account-popover.scss

@@ -1,133 +0,0 @@
-$webapp-popover-width: 375px;
-$webapp-popover-background: #333333;
-
-.popover.account-popover {
-  width: $webapp-popover-width;
-  max-width: $webapp-popover-width;
-  position: relative;
-  top: 0!important; //override default popover inline styles
-  left: 0!important;
-  padding: 0;
-  margin-top: 0;
-  border: 0;
-  border-radius: $border-radius-large;
-
-  .arrow {
-    border-bottom-color: $color-gray-400;
-  }
-  .popover-content {
-    padding: 0;
-  }
-  &.account-popover-mobile {
-    width: 100%;
-    max-width: 100%;
-
-    .arrow {
-      left: 37px!important; //override default popover inline styles
-    }
-  }
-}
-.account-popover-container {
-  position: absolute;
-  height: 0;
-  right: 15px;
-  top: 55px;
-  overflow: visible;
-  z-index: $zindex-popover;
-}
-.account-popover-trigger {
-  padding: 0;
-  text-align: left;
-
-  &:hover {
-    cursor: pointer;
-  }
-  @media (min-width: $screen-md-min) {
-    float: right;
-  }
-
-  // switches at screen collapse breakpoint
-  @media(max-width: $grid-float-breakpoint) {
-    position: absolute;
-    top: 10px;
-    margin: 0;
-  }
-  .avatar {
-    display: inline-block;
-    margin-top: 5px;
-    margin-right: 15px;
-    float: left;
-  }
-}
-.account-popover-user {
-  display: inline-block;
-  margin: 8px 10px 0 0;
-  line-height: 1;
-  max-width: 140px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  // switches at screen collapse breakpoint
-  @media(max-width: $grid-float-breakpoint) {
-    max-width: inherit;
-  }
-}
-.account-popover-storage {
-  .progress {
-    margin: 10px 0;
-  }
-}
-.account-popover-app {
-  background-color: $webapp-popover-background;
-  padding: 25px 35px 15px;
-
-  .account-popover-link {
-    display: block;
-    margin-bottom: 10px;
-
-    @media (min-width: $screen-md-min) {
-      text-align: left;
-    }
-  }
-  .fa {
-    margin-right: 10px;
-
-    @media (min-width: $screen-md-min) {
-      margin-left: 10px;
-    }
-  }
-}
-.account-popover-settings {
-  font-size: $font-size-large;
-  background-color: color('white');
-  border-bottom-right-radius: $border-radius-large;
-  border-bottom-left-radius: $border-radius-large;
-
-  .account-popover-link {
-    color: color('gray-500');
-
-    &:hover,
-    &:active,
-    &:focus {
-      color: color('secondary');
-    }
-    // Applies a right-hand separator to the first two items of a three item list
-    &:nth-child(-n+2) {
-      padding-right: 10px;
-      margin-right: 10px;
-      border-right: 1px solid color('gray-700');
-    }
-  }
-}
-.account-popover-link {
-  &.account-popover-link-text {
-    color: color('text');
-  }
-  &.account-popover-link-warning {
-    color: color('warning');
-  }
-  &.account-popover-link-danger {
-    color: color('red');
-  }
-}

data/app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-more.scss

@@ -1,60 +0,0 @@
-// "More" primary menu item dropdown
-.dropdown-menu-more {
-  @media (min-width: $screen-md-min) {
-    width: 540px;
-    padding: 25px 40px 30px;
-  }
-  .dropdown-menu-more-link {
-    display: block;
-    padding-top: 10px;
-    color: color('gray-500');
-    font-size: $font-size-default;
-
-    @media (min-width: $screen-md-min) {
-      color: color('gray-600');
-      font-size: $font-size-large;
-    }
-    &:hover,
-    &:focus,
-    &:active {
-      color: color('secondary');
-      background-color: transparent;
-      background-image: none;
-      text-decoration: none;
-
-      .fa-circle {
-        color: color('secondary');
-      }
-      .fa-stack-1x {
-        @extend %text-shadow;
-      }
-    }
-  }
-  .fa-stack {
-    margin-right: 5px;
-  }
-  .well {
-    margin-bottom: 0;
-    padding: 10px 0 15px 10px;
-    border-radius: 0;
-
-    @media (min-width: $screen-sm-min) {
-      margin: 10px;
-      border-radius: $border-radius-default;
-    }
-    @media (min-width: $screen-md-min) {
-      margin: 0;
-    }
-  }
-}
-.dropdown-menu-more-featured {
-  margin-bottom: 5px;
-}
-.dropdown-menu-more-list {
-  padding: 10px 0 15px 25px;
-
-  @media (min-width: $screen-md-min) {
-    margin-top: -5px;
-    padding: 0;
-  }
-}

data/app/assets/stylesheets/forever_style_guide/modules/_dropdown-menu-nav.scss

@@ -1,66 +0,0 @@
-// Primary Nav Dropdowns
-.dropdown-menu-nav {
-  display: block;
-  top: $header_height - $header_active_border_height;
-  left: auto;
-  padding: 0;
-  max-height: 0;
-  opacity: 0;
-  visibility: hidden;
-  overflow: hidden;
-  @include border_highlight("top");
-  @extend %card-shadow;
-  @include transition(opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, max-height 0.3s ease-in-out);
-
-  @media (max-width: $grid-float-breakpoint) {
-    position: relative;
-    top: 0;
-    width: 100%;
-    @include border_highlight("left");
-  }
-  &.dropdown-menu-full {
-    left: 0;
-  }
-}
-
-// navbar open styles
-.navbar-nav .open .dropdown-menu-nav,
-.nav-item.active .dropdown-menu-nav {
-  border-bottom-left-radius: $border-radius-large;
-  @include border_highlight("top");
-
-  @media (max-width: $grid-float-breakpoint) {
-    border-radius: 0;
-    @include border_highlight("left");
-  }
-}
-// navbar active open styles
-.nav-item.active .dropdown-menu-nav {
-  @media (max-width: $grid-float-breakpoint) {
-    @include border_highlight("left", color("primary"));
-  }
-}
-
-@mixin show-dropdown {
-  max-height: 500px;
-  opacity: 1;
-  visibility: visible;
-  @include box-shadow($shadow-color, 0, 2px, 4px, 0);
-}
-// opens dropdown on hover instead of click
-.nav .dropdown:hover,
-.nav .dropdown.open {
-  & > .dropdown-menu-nav {
-    @media (min-width: $grid-float-breakpoint) {
-      @include show-dropdown;
-    }
-  }
-}
-// mobile friendly 'click to open' behavior
-.nav .dropdown.open {
-  & > .dropdown-menu-nav {
-    @media (max-width: $grid-float-breakpoint) {
-      @include show-dropdown;
-    }
-  }
-}