forever_style_guide 3.2.18 → 3.3

data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-ambassador.scss

@@ -1,107 +0,0 @@
-$ambassador-name-max-width: 228px;
-$ambassador-name-max-width-md: 100px;
-$ambassador-name-max-width-lg: 140px;
-$distance-to-close-ambassador-text-gap: -3px;
-
-.dropdown-ambassador {
-  .dropdown-toggle {
-    padding-top: 0 !important; // overriding .navbar .nav.navbar-nav > li > a
-  }
-  .fa-chevron-down {
-    @media (max-width: $grid-float-breakpoint-max) {
-      top: $offcanvas-padding;
-    }
-  }
-  .dropdown-ambassador-container {
-    @media (max-width: $grid-float-breakpoint-max) {
-      width: $offcanvas-width - $offcanvas-padding;
-      padding-left: 15px;
-    }
-  }
-  .dropdown-menu-nav {
-    @media (max-width: $grid-float-breakpoint-max) {
-      box-shadow: none;
-    }
-  }
-  .btn.btn-ambassador.btn-lg {
-    //preferring redunant button styling to redundant mobile markup for this one instance
-    @media (max-width: $grid-float-breakpoint-max) {
-      display: block;
-      height: $btn-size;
-      padding: $padding-default-vertical $btn-padding-default-horizontal;
-      font-size: $font-size-300;
-      line-height: 1.3;
-    }
-  }
-
-  @media (max-width: $grid-float-breakpoint-max) {
-    @include nav-border(bottom);
-    border-color: color('gray-600');
-  }
-}
-.dropdown-ambassador-text_container {
-  display: inline-block;
-}
-.dropdown-ambassador-intro_text {
-  margin-bottom: $distance-to-close-ambassador-text-gap * 2;
-  color: inherit;
-  font-family: $font-face-gotham;
-  font-size: $font-size-xsmall !important; // override in web app .area-settings p
-  font-weight: $font-weight-normal;
-  text-transform: capitalize;
-
-  @media (max-width: $grid-float-breakpoint-max) {
-    margin-bottom: $distance-to-close-ambassador-text-gap;
-  }
-
-  @media (min-width: $grid-float-breakpoint) {
-    text-align: center;
-  }
-}
-.dropdown-ambassador-primary_text {
-  max-width: $ambassador-name-max-width; // managing points at which ambassador name is ellipsized
-  font-family: $font-face-gotham;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  @media (min-width: $grid-float-breakpoint) {
-    max-width: $ambassador-name-max-width-md;
-  }
-  @media (min-width: $screen-md_to_lg) {
-    max-width: $ambassador-name-max-width-lg;
-  }
-}
-.dropdown-ambassador-edit_btn {
-  display: block;
-
-  @media (min-width: $grid-float-breakpoint) {
-    margin-top: -30px;
-  }
-}
-.dropdown-ambassador-basic_info {
-  overflow: hidden;
-
-  .dropdown-ambassador-name{
-    margin-top: 2px;
-    margin-bottom: 0;
-    font-size: $font-size-500;
-  }
-  .dropdown-ambassador-rank {
-    margin-bottom: 0;
-  }
-  .dropdown-ambassador-city {
-    margin-top: -5px;
-  }
-}
-.dropdown-ambassador-contact_btn {
-  &:hover,
-  &:active,
-  &:focus {
-    color: color('secondary')!important;
-    text-decoration: underline!important;
-  }
-  .btn-action-icon {
-    margin-right: 8px;
-  }
-}

data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns-help.scss

@@ -1,21 +0,0 @@
-$supporting-text-icon-offset: 33px;
-
-.nav-dropdown-help {
-  .icon-offset {
-    display: block;
-    padding-left: $supporting-text-icon-offset;
-    line-height: $font-size-large;
-  }
-}
-.dropdown-menu-help {
-  padding-top: 15px;
-  border-bottom-right-radius: $border-radius-large;
-  border-bottom-left-radius: $border-radius-large;
-
-  @media (min-width: $grid-float-breakpoint) {
-    width: $nav-icon-width * 4;
-  }
-}
-.nav-help-section-title {
-  font-family: $font-face-semibold;
-}

data/app/assets/stylesheets/forever_style_guide/modules/_nav-dropdowns.scss

@@ -1,208 +0,0 @@
-$dropdown-height: 345px; // Allows for entire hero_simple text to display from $screen-md and up
-$nav-icon-width: 60px;
-$dropdown-spacer-height: 51px;
-$dropdown-spacer-height-alt: 39px;
-
-@mixin dropdown-content-style {
-  display: inline-block;
-  color: color('gray-300');
-  font-family: $font-face-light;
-  font-size: $font-size-large;
-}
-
-@mixin active-style($color) {
-  @media (min-width: $grid-float-breakpoint) {
-    box-shadow: inset 0 3px 0 0 $color;
-  }
-  @media (max-width: $grid-float-breakpoint-max) {
-    box-shadow: inset 3px 0 0 0 $color;
-  }
-}
-
-@mixin mobile-active-dropdown-bg($color) {
-  color: color('white');
-  background-color: $color;
-  border-top-color: $color;
-}
-
-// Behavior
-.nav .dropdown.open {
-  & > .dropdown-menu-nav {
-    opacity: 1;
-    visibility: visible;
-    @include transition(opacity 0.2s ease-in-out);
-
-    @media (min-width: $grid-float-breakpoint) {
-      height: $dropdown-height;
-    }
-  }
-  &.dropdown-full_width {
-    position: static;
-
-    .dropdown-menu-nav {
-      right: 0;
-      left: 0;
-    }
-  }
-  .dropdown-menu-nav {
-    @media (max-width: $grid-float-breakpoint-max) {
-      padding-bottom: 20px;
-    }
-  }
-}
-
-.dropdown {
-  &:last-child {
-    @media (max-width: $grid-float-breakpoint-max) {
-      @include nav-border(bottom);
-      border-color: color('gray-600');
-    }
-  }
-}
-
-// Override bootstrap default to show dropdowns at custom breakpoint
-@media (max-width: $grid-float-breakpoint-max) {
-  .navbar-nav .open .dropdown-menu {
-    position: static;
-  }
-}
-
-// Active State for 3 primary product side navs
-.dropdown-toggle {
-  &.dropdown-toggle-my_forever.active {
-    @include active-style($color-primary);
-  }
-  &.dropdown-toggle-products.active {
-    @include active-style($color-secondary);
-  }
-  &.dropdown-toggle-community.active {
-    @include active-style($color-accent);
-  }
-}
-
-.navbar-deals {
-  //ugly cousin active state
-  &.active {
-    @include active-style($color-forever_orange);
-  }
-
-  @media (min-width: $grid-float-breakpoint) {
-    color: $color-forever-orange !important;
-  }
-}
-
-// Mega Menu Expanded Styles
-.navbar .dropdown.open > .dropdown-toggle {
-  color: color('gray-400');
-  background-color: $nav-bg-color;
-
-  @media (max-width: $grid-float-breakpoint-max) {
-    &.dropdown-toggle-my_forever {
-      @include mobile-active-dropdown-bg($color-primary);
-    }
-    &.dropdown-toggle-products {
-      @include mobile-active-dropdown-bg($color-secondary);
-    }
-    &.dropdown-toggle-community {
-      @include mobile-active-dropdown-bg($color-accent);
-    }
-    &.dropdown-toggle-account {
-      @include mobile-active-dropdown-bg($color-forever_services);
-    }
-    &.dropdown-toggle-ambassador {
-      @include mobile-active-dropdown-bg($color-forever_ambassador);
-    }
-    &.dropdown-toggle-help{
-      @include mobile-active-dropdown-bg($color-primary);
-    }
-  }
-}
-
-.dropdown-menu-nav {
-  display: block;
-  opacity: 0;
-  visibility: hidden;
-  border: none;
-  border-radius: 0;
-
-  @media (max-width: $grid-float-breakpoint-max) {
-    padding-left: 5px;
-  }
-
-  .dropdown-menu-nav-container {
-    @media (min-width: $grid-float-breakpoint) and (max-width: $screen-md-min) {
-      width: $grid-float-breakpoint;
-    }
-  }
-}
-
-.dropdown-menu-nav-spacer {
-  margin-top: $dropdown-spacer-height;
-
-  @media (min-width: $grid-float-breakpoint-max) and (max-width: $screen-lg) {
-    margin-top: $dropdown-spacer-height-alt;
-  }
-}
-
-.dropdown-menu-nav-extra_column {
-  @media (max-width: $grid-float-breakpoint-max) {
-    margin-top: -10px; // compensate for l-padded-thin
-    padding-top: 0;
-  }
-}
-
-a.dropdown-menu-nav-link {
-  @include dropdown-content-style;
-
-  &:not(.dropdown-menu-nav-link-no_margin) {
-    margin-top: 8px;
-  }
-  &.dropdown-menu-nav-link-sm {
-    @media (min-width: $grid-float-breakpoint) {
-      font-size: $font-size-200;
-    }
-  }
-  .fa {
-    margin-right: 10px;
-  }
-}
-.dropdown-menu-account-item {
-  .dropdown-menu-nav-link {
-    @media (max-width: $grid-float-breakpoint-max) {
-      margin-top: $padding-small-vertical;
-    }
-  }
-}
-
-.dropdown-menu-nav-link-subhead {
-  display: block;
-  margin-top: -5px;
-  color: $color-gray-500;
-  font-size: $font-size-200;
-}
-.dropdown-menu-nav-bullets {
-  @media (max-width: $grid-float-breakpoint-max) {
-    margin-left: 10px;
-  }
-  a.dropdown-menu-nav-link {
-    font-size: $font-size-200 !important;
-  }
-}
-.dropdown-menu-nav-description {
-  @include dropdown-content-style;
-
-  @media (max-width: $grid-float-breakpoint-max) {
-    font-size: $font-size-300;
-  }
-}
-.dropdown-menu-nav-title {
-  margin-top: 10px;
-  font-size: $font-size-400;
-
-  @media (min-width: $screen-md-min) {
-    margin-top: 15px;
-  }
-  @media (min-width: $screen-lg) {
-    font-size: $font-size-500;
-  }
-}

data/app/assets/stylesheets/forever_style_guide/modules/_shame.scss

@@ -1,32 +0,0 @@
-// overrides bootstraps collapse breakpoint
-@media (max-width: $grid-float-breakpoint-max) {
-  .navbar-header {
-    float: none;
-  }
-  .navbar-left,.navbar-right {
-    float: none !important;
-  }
-  .navbar-toggle {
-    display: block;
-  }
-  .navbar-fixed-top {
-    top: 0;
-  }
-  .navbar-collapse {
-    padding-left: 0;
-    padding-right: 0;
-  }
-  .navbar-collapse.collapse {
-    display: none !important;
-  }
-  .navbar-nav {
-    float: none !important;
-    margin: 7.5px 0;
-  }
-  .navbar-nav > li {
-    float: none;
-  }
-  .collapse.in {
-    display:block !important;
-  }
-}

data/app/views/forever_style_guide/sections/components/footer/_footer.erb

@@ -1,78 +0,0 @@
-<footer class="footer color_block-gray-700">
-  <div class="container-fluid color_block-services-dark">
-    <h4 class="color-white text-center footer-header">Collect, curate, and celebrate your memories now and for generations&trade;</h4>
-  </div>
-
-  <div class="container footer-main_block">
-    <div class="row">
-
-      <div class="col-md-6 col-md-push-3 col-xs-12">
-        <h4 class="color-gray-300 footer-title">FOREVER&trade; Products</h4>
-        <hr class="footer-divider" />
-        <div class="row">
-          <div class="col-xs-6">
-            <ul class="list-unstyled">
-
-              <!-- TODO use trademark helper when it appropriately handles upcasing -->
-              <li><%= link_to "FOREVER Storage®", storage_url, class: "footer-link", title: "Guaranteed Permanent Storage for Photos & Documents" %></li>
-              <li><%= link_to "FOREVER™ Print", forever_print_url, class: "footer-link", title: "Online Photo Books in No Time" %></li>
-              <li><%= link_to "FOREVER Artisan®", artisan_url, class: "footer-link", title: "Forever Artisan 5 Digital Scrapbooking Software" %></li>
-
-            </ul>
-          </div>
-          <div class="col-xs-6">
-            <ul class="list-unstyled">
-              <li><%= link_to "FOREVER Historian™", historian_url, class: "footer-link", title: "Photo Management Software for Windows" %></li>
-              <li><%= link_to "Digital Art", digital_art_url, class: "footer-link" , title: "Premium Digital Scrapbooking Art" %></li>
-              <li>
-                <%= link_to services_url, class: "footer-link", title: "Digitization and Scanning Services" do %>
-                  Media Conversion <span class="hidden-xs">Services</span>
-                <% end %>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-
-      <div class="col-md-3 col-md-pull-6 col-sm-6 col-xs-12">
-        <h4 class="color-gray-300 footer-title">Support</h4>
-        <hr class="footer-divider" />
-        <ul class="list-unstyled">
-          <li><%= link_to "Visit FOREVER Help Center", help_center_url, class: "footer-link", title: "Visit the FOREVER Help Center", target: '_blank' %></li>
-          <li><%= mail_to "support@forever.com", "support@forever.com", class: "footer-link", title: "Email us at support@forever.com" %></li>
-          <li><%= link_to "1-888-FOREVER (1-888-367-3837)", "tel:1-888-367-3837", class: "footer-link", title: "Call us at 1-888-367-3837" %></li>
-        </ul>
-      </div>
-
-      <div class="col-md-3 col-xs-12 col-sm-6">
-         <h4 class="color-gray-300 footer-title">Stay Connected</h4>
-        <hr class="footer-divider" />
-        <div class="footer-social_icons">
-          <%= link_to (fa_stacked_icon "facebook feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), facebook_url, title: "Follow FOREVER on Facebook", target: '_blank' %>
-          <%= link_to (fa_stacked_icon "twitter feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), twitter_url, title: "Follow FOREVER on Twitter", target: '_blank' %>
-          <%= link_to (fa_stacked_icon "instagram feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), instagram_url, title: "Follow FOREVER on Instagram", target: '_blank' %>
-          <%= link_to (fa_stacked_icon "youtube feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), youtube_url, title: "Follow FOREVER on YouTube", target: '_blank' %>
-          <%= link_to (fa_stacked_icon "pinterest feature_bullet-icon", base: "circle", class: "fa-feature_bullet color-gray-600"), pinterest_url, title: "Follow FOREVER on Pinterest", target: '_blank' %>
-        </div>
-      </div>
-    </div>
-
-    <div class="row l-section-close">
-      <div class="col-xs-12 col-sm-6 col-md-4">
-        <p class="footer-link footer-link-dark footer-copyright">&copy; <%= Time.now.year %> FOREVER, Inc</p>
-      </div>
-      
-      <div class="col-xs-12 col-sm-6 col-md-4 col-md-push-4">
-        <p class="small color-gray-400 footer-policy_links">
-          <%= link_to "Careers", careers_url, title: "Join the FOREVER Team", class: "footer-link footer-link-dark", target: '_blank' %> |
-          <%= link_to "Privacy Policy", privacy_url, class: "footer-link footer-link-dark", title: "FOREVER Privacy Policy" %> |
-          <%= link_to "Terms of Service", tos_url, class: "footer-link footer-link-dark", title: "FOREVER Terms of Service" %>
-        </p>
-      </div>
-
-      <div class="col-xs-12 col-md-4 col-md-pull-4">
-        <small class="color-gray-500 footer-location">One PPG Place 20th Floor • Pittsburgh, PA 15222 USA</small>
-      </div>
-    </div>
-  </div>
-</footer>

data/app/views/forever_style_guide/sections/components/navigation/_impersonation_banner.erb

@@ -1,10 +0,0 @@
-<div class="impersonation_banner color_block-danger">
-  <div class="container-fluid">
-    <div class="color-white pull-left">
-      <span class="hidden-xs">Logged in as <%= current_admin.name %>, but a</span><span class="visible-xs-inline">A</span>cting on behalf of <%= current_user.name %>
-    </div>
-    <%= link_to stop_impersonating_url, class: 'btn btn-sm btn-link btn-cancel_impersonation', method: :delete do %>
-      <i class="fa fa-times"></i> Stop Managing <span class="hidden-xs"><%= current_user.name %></span>
-    <% end %>
-  </div>
-</div>

data/app/views/forever_style_guide/sections/components/navigation/_nav.erb

@@ -1,73 +0,0 @@
-<header id='header-is_fixed'>
-
-  <% if defined?(current_admin) && current_admin.present? %>
-    <%= render partial: "forever_style_guide/sections/components/navigation/impersonation_banner" %>
-  <% end %>
-
-  <nav class='navbar navbar-default color_block-white' role='navigation'>
-
-    <div class='navbar-header'>
-      <button type="button" class="navbar-toggle offcanvas-toggle pull-left nav-icon-stack" data-toggle="offcanvas" data-target="#js-main-nav-offcanvas">
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <div class='nav-icon-label'>Menu</div>
-      </button>
-
-      <div class="navbar-brand">
-        <%= link_to marketing_home_url, title: 'Forever Guaranteed Storage, Digital Scrapbooking, and Printing Logo' do %>
-          <%= image_tag image_url("forever_style_guide/forever-logo.jpg"), class: "navbar-brand-logo", alt: "Forever Guaranteed Storage, Digital Scrapbooking, and Printing Logo", title: 'Forever Guaranteed Storage, Digital Scrapbooking, and Printing Logo' %>
-          <%= image_tag image_url("forever_style_guide/forever-logo-xs.png"), class: "navbar-brand-logo-xs", alt: "Forever Guaranteed Storage, Digital Scrapbooking, and Printing Logo", title: 'Forever Guaranteed Storage, Digital Scrapbooking, and Printing Logo' %>
-        <% end %>
-      </div>
-
-      <!-- Show cart in primary header bar on mobile: see nav_account_dropdown.erb for desktop -->
-      <div class="visible-grid-float-breakpoint">
-        <%= render partial: "forever_style_guide/sections/components/navigation/nav_cart_icon" %>
-      </div>
-    </div>
-
-    <div class="navbar-offcanvas" id="js-main-nav-offcanvas">
-      <div class="navbar-offcanvas-container">
-
-        <ul class='nav navbar-nav navbar-left'>
-
-          <li class="hidden-lg">
-            <div class="navbar-toggle navbar-toggle-close color_block-white" id="js-close-main-nav">
-              <div class="nav-icon-stack pull-left navbar-toggle">
-                <i class='fa fa-lg fa-close'></i>
-                <span class='nav-icon-label'>Close</span>
-              </div>
-            </div>
-          </li>
-
-          <li class='dropdown dropdown-full_width'>
-            <%= render partial: "forever_style_guide/sections/components/navigation/nav_my_forever_dropdown" %>
-          </li>
-
-          <li class='dropdown dropdown-full_width'>
-            <%= render partial: "forever_style_guide/sections/components/navigation/nav_products_dropdown" %>
-          </li>
-
-          <li class='dropdown dropdown-full_width'>
-            <%= render partial: "forever_style_guide/sections/components/navigation/nav_community_dropdown" %>
-          </li>
-
-          <li class=''>
-            <%= render partial: "forever_style_guide/sections/components/navigation/nav_deals" %>
-          </li>
-        </ul>
-
-        <ul class='nav navbar-nav navbar-right'>
-          <%= render partial: "forever_style_guide/sections/components/navigation/nav_inspiration" %>
-          <%= render partial: "forever_style_guide/sections/components/navigation/nav_help" %>
-          <%= render partial: "forever_style_guide/sections/components/navigation/nav_ambassador_dropdown" %>
-          <%= render partial: "forever_style_guide/sections/components/navigation/nav_account_dropdown" %>
-        </ul>
-
-        <%= render partial: "forever_style_guide/sections/components/navigation/nav_account_signed_out_mobile" %>
-      </div>
-    </div>
-
-  </nav>
-</header>

data/app/views/forever_style_guide/sections/components/navigation/_nav_account_dropdown.erb

@@ -1,24 +0,0 @@
-<!-- Show cart in navbar right on desktop: see nav.erb for mobile  -->
-<li class="navbar-account_item-cart hidden-grid-float-breakpoint">
-  <%= render partial: "forever_style_guide/sections/components/navigation/nav_cart_icon" %>
-</li>
-
-<% if defined?(current_user) && current_user.present?  %>
-  <li class='dropdown'>
-    <%= link_to nil, class: 'dropdown-toggle dropdown-toggle-account', :data => { :toggle => 'dropdown' } do %>
-      Account
-      <i class='fa fa-chevron-down'></i>
-    <% end %>
-
-    <div class='dropdown-menu dropdown-menu-nav dropdown-menu-account color_block-gray-700'>
-      <%= render partial: "forever_style_guide/sections/components/navigation/nav_account_dropdown_menu" %>
-    </div>
-  </li>
-
-<% else %>
-  <li class='dropdown hidden-grid-float-breakpoint'>
-    <%= link_to login_url do %>
-      Log In
-    <% end %>
-  </li>
-<% end %>

data/app/views/forever_style_guide/sections/components/navigation/_nav_account_dropdown_menu.erb

@@ -1,86 +0,0 @@
-<div class='container-fluid'>
-  <div class='row'>
-    <div class='col-xs-12'>
-
-      <ul class="list-unstyled">
-        <li class="dropdown-menu-account-item">
-          <% if current_user.avatar_url_small %>
-            <%= image_tag current_user.avatar_url_small, class: "dropdown-menu-account-avatar avatar avatar-sm pull-left", alt: current_user.name, title: current_user.name %>
-          <% else %>
-            <%= image_tag "default_avatar.jpg", class: "dropdown-menu-account-avatar avatar avatar-sm pull-left", alt: current_user.name, title: current_user.name %>
-          <% end %>
-
-          <div class="dropdown-menu-account-user">
-            <p class="dropdown-menu-account-user-intro color-gray-300">Signed in as</p>
-            <h4 class="dropdown-menu-account-user-name page-title color-gray-300"><%= current_user.name %></h4>
-          </div>
-        </li>
-
-        <% if current_user.superadmin? %>
-          <li class="dropdown-menu-account-item">
-            <%= link_to store_admin_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-sm dropdown-menu-nav-link-no_margin', title: 'Administer The Forever Store' do %>
-              <i class='fa fa-shield fa-fw'></i>Admin
-            <% end %>
-          </li>
-
-          <li class="dropdown-menu-account-divider dropdown-menu-account-divider-thin hidden-grid-float-breakpoint"></li>
-        <% end %>
-
-        <li class="dropdown-menu-account-item <%= 'hide' if current_user.superadmin? %>">
-          <p class="dropdown-menu-account-storage color-gray-300">
-
-            <%= storage_ratio_percent %> of <%= capacity_readable %>
-            <%= link_to "Upgrade", upgrade_url, title: "Upgrade your Forever Guaranteed Permanent Storage" %>
-          </p>
-
-          <div class="progress progress-thin color_block-gray-400">
-            <div class="progress-bar" role="progressbar" aria-valuenow="<%= storage_ratio %>" aria-valuemin="0" aria-valuemax="100" style="width: <%= storage_ratio_percent %>; max-width: 100%;"></div>
-          </div>
-        </li>
-
-        <% if current_user.linked_ambassador.try(:active?) %>
-          <li class="dropdown-menu-account-item">
-            <%= link_to back_office_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-sm dropdown-menu-nav-link-no_margin', title: 'Ambassador Back Office Reports' do %>
-              <i class='fa fa-suitcase fa-fw'></i>My Back Office
-            <% end %>
-          </li>
-          <li class="dropdown-menu-account-divider dropdown-menu-account-divider-thin hidden-grid-float-breakpoint"></li>
-        <% end %>
-
-        <li class="dropdown-menu-account-item">
-          <%= link_to user_settings_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-sm dropdown-menu-nav-link-no_margin', title: 'View User Settings' do %>
-            <i class='fa fa-cog fa-fw'></i>Account Settings
-          <% end %>
-        </li>
-
-        <li class="dropdown-menu-account-item">
-          <%= link_to user_order_history_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-sm dropdown-menu-nav-link-no_margin', title: 'View Order History' do %>
-            <i class='fa fa-credit-card fa-fw'></i>Order History
-          <% end %>
-        </li>
-
-        <li class="dropdown-menu-account-item">
-          <%= link_to user_downloads_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-sm dropdown-menu-nav-link-no_margin', title: 'View Downloads' do %>
-            <i class='fa fa-cloud-download fa-fw'></i>Downloads
-          <% end %>
-        </li>
-
-        <li class="dropdown-menu-account-item">
-          <%= link_to projects_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-sm dropdown-menu-nav-link-no_margin', title: 'View Print Projects' do %>
-            <i class='fa fa-paint-brush fa-fw'></i>Print Projects
-          <% end %>
-        </li>
-
-        <li class="dropdown-menu-account-divider dropdown-menu-account-divider-thin hidden-grid-float-breakpoint"></li>
-
-        <li class="dropdown-menu-account-item">
-
-          <%= link_to current_admin ? stop_impersonating_url : log_out_url, class: 'dropdown-menu-nav-link dropdown-menu-nav-link-sm dropdown-menu-nav-link-no_margin', title: 'Log Out of Forever', method: :delete do %>
-            <i class='fa fa-share fa-fw'></i>Log Out
-          <% end %>
-        </li>
-      </ul>
-
-    </div>
-  </div>
-</div>

data/app/views/forever_style_guide/sections/components/navigation/_nav_account_signed_out_mobile.erb

@@ -1,6 +0,0 @@
-<% if !(defined?(current_user) && current_user.present?) %>
-  <%= link_to login_url, class: 'visible-grid-float-breakpoint btn btn-action btn-primary navbar-account-signed_out_btn is_fixed_bottom' do %>
-    <span class="btn-action-label">Log In or Sign Up</span>
-    <%= fa_icon "chevron-right", class: "btn-action-icon" %>
-  <% end %>
-<% end %>