ama_layout 4.1.0 → 4.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fecb364fae0b80bf39e0908d9653d2ed5298a5cf
-  data.tar.gz: 8b14b9d07d7572f6c6dba5ce217be5a1a52ba94f
+  metadata.gz: 1e1de870b16d4d67317c9e4694b49c00e74057d7
+  data.tar.gz: a83e4e0bf9e46f8ad504f37c648d925e8172a7d5
 SHA512:
-  metadata.gz: 8ba49bd7860ad6132e05f8427e25af69b24ac7917626bc1dae8d38e792a0e99b7724c8a9a9723a947ee83a19f082228b6193dcf8d1a1294df1f9fac593712be4
-  data.tar.gz: e94eea783946274a995f6bfe892b50787b108062fb1faa334db98146023ed6dd4d7421f605c58ff5688e1124896464873dfa9be1e20b6c6f07fbfca3a054f2ab
+  metadata.gz: f6156a27fc0efdd259a9fc4578a66434fc9c6efeaeeef99bdd4ed861a81414dca014a23d0c851b724525d83d43be6fb56b6dd441e6dbcd042dd506cc3883ac49
+  data.tar.gz: ee4505ed821c7f60497609adac25978ccd4295d211a93b919ccd537633f7f4fc3c3772ddde60501510a085484b50f622026c5ffa9dbdb1ad9d9352fcaf4287d8

data/app/assets/stylesheets/ama_layout/layout/helper-classes.scss

@@ -1,6 +1,5 @@
 /*
 
-1. Main Layout Elements
 2. Panels
 3. Positioning
 4. Margins
@@ -8,72 +7,15 @@
 6. Background & Text Colours
 7. Lists
 8. Links
-9. Buttons
 10. Typography
 
 */
-
-/* ==================== 1. Main Layout Elements ==================== */
-.main-wrapper{
-  margin: $base-margin auto;
-}
-
-.page-wrapper{
-  border: $base-border;
-  background-color: $white;
-}
-
 .page-title{
   background: $ash;
   border-bottom: $base-border;
   padding: $base-padding 0;
 }
-
-.section-title{
-  @extend .page-title;
-  border: 0;
-  padding: $base-padding/2;
-  background-color: $stone;
-
-  h5{
-    color: $slate;
-  }
-}
-
-.content-block{
-  margin-bottom: $base-margin;
-}
-
-.content-block-bottom{
-  margin-top: $base-margin*8;
-}
-
-.image-callout{
-  border: $base-border;
-  margin-bottom: $base-margin;
-}
-
-.fullwidth{
-  width: 100% !important;
-}
-
 /* ==================== 2. Panels ==================== */
-.panel-box{
-  padding: $base-padding;
-
-  h4, p{
-    color: $white;
-    margin-top: 0;
-  }
-}
-
-.panel-box-confirmation{
-  background: $green;
-}
-
-.panel-box-error{
-  background: $brand-red;
-}
 
 .panel-title{
   @extend .page-title;
@@ -293,140 +235,6 @@
   line-height: 1.3rem !important;
 }
 
-/* ==================== 9. Buttons ==================== */
-.button{
-  text-decoration: none;
-
-  &:hover,
-  &:active,
-  &:focus{
-    background: lighten($button-background, 10%);
-  }
-
-  &--green{
-    @extend .button;
-    $button-background: $brand-green;
-    background: $button-background;
-    float: right;
-  }
-
-  &--dark-blue{
-    @extend .button;
-    $button-background: $brand-blue-dark;
-    background: $button-background;
-    float: right;
-  }
-
-  &--left{
-    @extend .button;
-    float: left;
-  }
-
-  &--right{
-    @extend .button;
-    float: right;
-  }
-
-  &--de-emphasized{
-    @extend .button;
-    float: left;
-    $button-background: $slate;
-    background: $button-background;
-
-    &:hover,
-    &:active,
-    &:focus{
-      background: lighten($button-background, 10%);
-    }
-  }
-
-  &--expand{
-    @extend .button;
-    @extend .expanded;
-  }
-
-  &--xlarge{
-    @extend .button;
-    width: 100%;
-    min-height: 161px;
-  }
-}
-
-.base-button{
-  border-radius: $global-radius;
-  @extend .button;
-  color: $white;
-}
-
-.expand{
-  @extend .expanded;
-}
-
-.emphasized,
-.emphasized:visited{
-  @extend .base-button;
-  background: $secondary-color;
-
-  &:hover,
-  &:active,
-  &:focus{
-   background-color: lighten($secondary-color, 10%);
-  }
-}
-
-button.disabled,
-button[disabled],
-.button.disabled,
-.button[disabled]{
-  background-color: lighten($secondary-color, 10%);
-  border-color: none;
-
-  &:hover,
-  &:active,
-  &:focus{
-    background-color: lighten($secondary-color, 10%);
-    border-color: none;
-  }
-}
-
-.de-emphasized, .de-emphasized:visited{
-  @extend .base-button;
-  background: $slate;
-
-  &:hover,
-  &:active,
-  &:focus{
-   background-color: lighten($slate, 10%);
-  }
-}
-
-.red-btn{
-  @extend .base-button;
-  background: $brand-red;
-
-  &:hover,
-  &:active,
-  &:focus{
-   background-color: lighten($brand-red, 10%);
-  }
-}
-
-.dark-blue-btn{
-  background: $brand-blue-dark;
-}
-
-.green-btn,
-.green-btn:visited{
-  @extend .base-button;
-  background: $brand-green;
-
-  &:hover,
-  &:active,
-  &:focus{
-   background-color: lighten($brand-green, 10%);
-  }
-}
-
 /* ==================== 10. Typography ==================== */
 .white-text{
   color: $white;
@@ -523,7 +331,7 @@ button[disabled],
 }
 
 .small-text{
-  font-size: $base-font-size*0.75;
+  font-size: $base-font-size*0.85;
 }
 
 .word-wrap{

data/app/assets/stylesheets/ama_layout/layout_components/accordions.scss

@@ -18,15 +18,24 @@
   }
 }
 
+.accordion-secondary{
+  &--header{
+    font-size: $base-font-size;
+  }
+
+  &--heading{
+
+  }
+}
 .accordion.secondary{
   background: none;
 
   a{
-    font-size: $base-font-size;
+    font-size: $global-font-size;
   }
 
   .accordion-content a{
-    font-size: $base-font-size;
+    font-size: $global-font-size;
   }
 
   .accordion-title{
@@ -59,6 +68,8 @@
 
   &__toggle{
     @include small-2;
+    @extend .fa;
+    @extend .fa-arrows-v;
     text-align: right;
     color: $white;
     padding-top: $base-padding*1.25;

data/app/assets/stylesheets/ama_layout/layout_components/banners.scss

@@ -0,0 +1,42 @@
+.banner{
+  position: relative; /* This is needed for the positioning of the close icon on the blue banners*/
+  margin-bottom: $base-margin;
+
+  &>:last-child{
+    margin-bottom: 0;
+  }
+
+  &--blue{
+    @extend .banner;
+    background: $brand-blue-insurance;
+    padding: $base-padding;
+  }
+
+  &--red{
+    @extend .banner;
+    background: $brand-red;
+    padding: $base-padding;
+  }
+
+  &__title,
+  &__text{
+    color: $white;
+  }
+
+  &__link{
+    @extend .link--white;
+  }
+
+  &__close{
+    @extend .fa;
+    @extend .fa-times-circle;
+    position: absolute;
+    top: 15px;
+    right: 15px;
+
+    &--white{
+      @extend .banner__close;
+      color: $white;
+    }
+  }
+}

data/app/assets/stylesheets/ama_layout/layout_components/buttons.scss

@@ -1,3 +1,75 @@
+.button{
+  text-decoration: none;
+
+  &:hover,
+  &:active,
+  &:focus{
+    background: lighten($button-background, 10%);
+  }
+
+  &--green{
+    @extend .button;
+    $button-background: $brand-green;
+    background: $button-background;
+    float: right;
+
+    &:hover,
+    &:active,
+    &:focus{
+      background: lighten($button-background, 10%);
+    }
+  }
+
+  &--dark-blue{
+    @extend .button;
+    $button-background: $brand-blue-dark;
+    background: $button-background;
+
+    &:hover,
+    &:active,
+    &:focus{
+      background: lighten($button-background, 10%);
+    }
+  }
+
+  &--de-emphasized{
+    @extend .button;
+    $button-background: $slate;
+    background: $button-background;
+
+    &:hover,
+    &:active,
+    &:focus{
+      background: lighten($button-background, 10%);
+    }
+  }
+
+  &--left{
+    @extend .button;
+    float: left;
+  }
+
+  &--right{
+    @extend .button;
+    float: right;
+  }
+
+  &--center{
+    @extend .button;
+    float: none;
+  }
+
+  &--expand{
+    @extend .button;
+    @extend .expanded;
+  }
+
+  &--small{
+    @extend .button;
+    @extend .small;
+  }
+}
+
 button.disabled,
 button[disabled],
 .button.disabled,

data/app/assets/stylesheets/ama_layout/layout_components/callouts.scss

@@ -49,96 +49,4 @@
       color: $ash;
     }
   }
-
-    &__heading{
-
-    }
-}
-
-.promo-block{
-  position: relative;
-  overflow: auto;
-
-  &__divider{
-    @include show-for(medium);
-    position: absolute;
-    color: $smoke;
-    font-size: 1.75rem;
-    top: 30%;
-
-    &--left{
-      @extend .promo-block__divider;
-      left: 33%;
-    }
-
-    &--right{
-      @extend .promo-block__divider;
-      right: 33%;
-    }
-  }
-
-  &__item{
-    @extend .clearfix;
-    @include medium-4;
-    text-align: center;
-
-    @include breakpoint(small down){
-      text-align: left;
-
-      p{
-        @include small-9;
-      }
-    }
-  }
-
-  &__icon-container{
-    margin: 0 0 $base-margin 0;
-    @include breakpoint(small down){
-      @include small-3;
-      padding: 0;
-    }
-  }
-
-  &__icon-background{
-    width: 110px;
-    height: 110px;
-    margin: 0 auto;
-    background: $smoke;
-    position: relative;
-
-    @include breakpoint(small down){
-      width: 60%;
-      height: auto;
-      padding-top: 60%;
-      min-width: 65px;
-      min-height: 65px;
-    }
-
-    &--round{
-      @extend .promo-block__icon-background;
-      border-radius: 100%;
-    }
-  }
-
-  &__icon{
-    color: $white;
-    font-size: 4rem;
-    text-align: center;
-    width: 100%;
-    left: 0;
-    @include vertical-center;
-
-    @include breakpoint(small down){
-      font-size: 2.5rem;
-    }
-
-    &-image{
-      @extend .promo-block__icon;
-      height: 50px;
-
-      @include breakpoint(small down){
-        height: 31px;
-      }
-    }
-  }
 }

data/app/assets/stylesheets/ama_layout/layout_components/cart.scss

@@ -1,12 +1,16 @@
 /*Cart*/
-.summary-cart.active.summary_height{
-  min-height: 300px;
-}
-
 .summary-cart{
   list-style-type: none;
   margin-bottom: 0;
   position: relative;
+  z-index: 1; //prevent cart from going underneath footer on short screens
+
+  @include breakpoint(medium down){
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+  }
 
   ::-webkit-scrollbar{
     -webkit-appearance: none;
@@ -20,7 +24,8 @@
   }
 
   &__container{
-    float: right;
+    @extend .float-right; //needed to override the default column behavior (left aligned)
+    @include medium-4;
   }
 
   &__title{
@@ -30,6 +35,8 @@
 
   &__accordion-toggle-icon{
     @include hide-for(large);
+    @extend .fa;
+    @extend .fa-arrows-v;
     width: 16px;
     height: 16px;
     float: right;
@@ -123,10 +130,6 @@
   }
 }
 
-.summary-title{
-  background: $brand-green !important;
-}
-
 .delete-icon{ //same one used in the cart and on info charts it lives outside of cart so it can be used other places
   float: right;
 
@@ -144,27 +147,3 @@
     }
   }
 }
-
-@media screen and #{breakpoint(medium down)}{
-  .item-num{
-    display: inline-block;
-    float: right;
-    width: 30px;
-    height: 30px;
-    border-radius: 60px;
-    text-align: center;
-    line-height: 29px;
-    color: $white;
-    font-weight: bold;
-    margin-right: $base-margin*6;
-    background: lighten($brand-green, 5%);
-  }
-
-  .summary-cart{
-    width: 100%;
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    z-index: 1;
-  }
-}

data/app/assets/stylesheets/ama_layout/layout_components/comparison-radios.scss

@@ -101,6 +101,10 @@
     top: 0;
     right: 0;
   }
+
+  &__divider{
+    margin-bottom: 0;
+  }
 }
 
 input[type="radio"]:checked{

data/app/assets/stylesheets/ama_layout/layout_components/content-toggle.scss

@@ -12,4 +12,14 @@
     cursor: pointer;
     float: right;
   }
+
+  //We have to create our own classes for this because Foundation's default show/hide classes
+  //have importants on them which messes with the specificity
+  &--hidden{
+    display: none;
+  }
+
+  &--visible{
+    display: block;
+  }
 }

data/app/assets/stylesheets/ama_layout/layout_components/footer.scss

@@ -5,12 +5,15 @@ $footer-push-large: 321px;
 
 .off-canvas-wrapper{
   min-height: 100%;
+
   @include breakpoint(small only){
     margin-bottom: -$footer-push-small;
   }
+
   @include breakpoint(medium only){
     margin-bottom: -$footer-push-medium;
   }
+
   @include breakpoint(large up){
     margin-bottom: -$footer-push-large;
   }
@@ -18,12 +21,15 @@ $footer-push-large: 321px;
   &:after{
     content: "";
     display: block;
+
     @include breakpoint(small only){
       height: $footer-push-small;
     }
+
     @include breakpoint(medium only){
       height: $footer-push-medium;
     }
+    
     @include breakpoint(large up){
       height: $footer-push-large;
     }
@@ -33,6 +39,7 @@ $footer-push-large: 321px;
 // Footer styles
 .page-footer{
   background: $brand-blue-light;
+  position: relative;
 
   &__container{
     @include grid-row;

data/app/assets/stylesheets/ama_layout/layout_components/forms.scss

@@ -1,25 +1,3 @@
-.membership-card-radio{
-  text-align:center;
-  padding: 0;
-  width: 32%;
-
-  &.columns{
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
-.membership-card-radio-plus-primary{
-  text-align: center;
-  padding: 0;
-  width: 49%;
-
-  &.columns{
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
 /* ------------- Input Styles  ------------- */
 %inputs-thirds{
   max-width: 30%;
@@ -32,34 +10,6 @@
 }
 
 /* ------------- Custom Radio Button + Checkbox Styles  ------------- */
-.checkboxes{
-
-  .box2{
-    margin-top: $base-margin/2;
-  }
-}
-
-.checkbox-content{
-  display: inline;
-  padding-left: $base-padding*8;
-}
-
-.radio-label{
-  padding: $base-padding/2;
-  width: 100%;
-}
-
-.radio-options{
-  padding: 0;
-  width: 100%;
-}
-
-input[type="radio"] + label{
-  hr{
-    margin: 0;
-  }
-}
-
 input[type="radio"],
 input[type="checkbox"]:not(.default){
   position: absolute;

data/app/assets/stylesheets/ama_layout/layout_components/graph.scss

@@ -1,20 +1,3 @@
-.icon-group{
-  font-size: 1.75rem;
-  line-height: 3rem;
-  display: block;
-  text-align: center;
-
-  &__blue-icon{
-    color: $brand-blue-light;
-    font-size: 1.75rem;
-  }
-
-  &__grey-icon{
-    color: $smoke;
-    font-size: 1.75rem;
-  }
-}
-
 .graph{
   width: 100%;
   height: 50px;
@@ -80,7 +63,6 @@
     position: absolute;
     left: 20%;
     width: 80%;
-    font-size: .85rem;
     text-align: center;
     z-index: 5;
     @include vertical-center;
@@ -105,10 +87,6 @@
     color: $slate;
     margin-top: $base-margin;
 
-    strong{
-      font-size: 0.85rem;
-    }
-
     p{
       @extend .small-text;
       line-height: 0.8rem;

data/app/assets/stylesheets/ama_layout/layout_components/icon-group.scss

@@ -0,0 +1,16 @@
+.icon-group{
+  font-size: 1.75rem;
+  line-height: 3rem;
+  display: block;
+  text-align: center;
+
+  &__blue-icon{
+    color: $brand-blue-light;
+    font-size: 1.75rem;
+  }
+
+  &__grey-icon{
+    color: $smoke;
+    font-size: 1.75rem;
+  }
+}

data/app/assets/stylesheets/ama_layout/layout_components/index.scss

@@ -1,25 +1,26 @@
-@import "error-page.scss";
-@import "blue-boxes.scss";
-@import "notification";
-@import "sidebar";
-@import "siteheader";
-@import "forms";
-@import "responsive-table";
+//Keep this alphabetized
 @import "accordions";
-@import "tab-accordions";
-@import "content-toggle";
-@import "cart";
-@import "reveal-modal";
-@import "sections";
-@import "link-list";
-@import "button-grouping";
+@import "banners";
 @import "breadcrumbs";
+@import "button-grouping";
+@import "buttons";
 @import "callouts";
-@import "graph";
-@import "tables";
-@import "banner";
-@import "progress-bar";
+@import "cart";
 @import "comparison-radios";
+@import "content-toggle";
+@import "error-page.scss";
 @import "footer";
+@import "forms";
+@import "graph";
+@import "icon-group";
+@import "link-list";
 @import "links";
-@import "buttons";
+@import "notification";
+@import "progress-bar";
+@import "promo-block";
+@import "responsive-table";
+@import "reveal-modal";
+@import "sections";
+@import "side_nav";
+@import "siteheader";
+@import "tables";

data/app/assets/stylesheets/ama_layout/layout_components/links.scss

@@ -6,3 +6,8 @@
     color: $white;
   }
 }
+
+.link--no-underline,
+.link--no-underline:hover{
+  text-decoration: none;
+}

data/app/assets/stylesheets/ama_layout/layout_components/notification.scss

@@ -64,5 +64,9 @@
 
   &__text-wrapper{
     @include small-10;
+
+    &>:last-child{
+      margin-bottom: 0;
+    }
   }
 }

data/app/assets/stylesheets/ama_layout/layout_components/promo-block.scss

@@ -0,0 +1,87 @@
+.promo-block{
+  position: relative;
+  overflow: auto;
+
+  &__divider{
+    @include show-for(medium);
+    position: absolute;
+    color: $smoke;
+    font-size: 1.75rem;
+    top: 30%;
+
+    &--left{
+      @extend .promo-block__divider;
+      left: 33%;
+    }
+
+    &--right{
+      @extend .promo-block__divider;
+      right: 33%;
+    }
+  }
+
+  &__item{
+    @include clearfix;
+    @include medium-4;
+    text-align: center;
+
+    @include breakpoint(small down){
+      text-align: left;
+
+      p{
+        @include small-9;
+      }
+    }
+  }
+
+  &__icon-container{
+    margin: 0 0 $base-margin 0;
+    @include breakpoint(small down){
+      @include small-3;
+      padding: 0;
+    }
+  }
+
+  &__icon-background{
+    width: 110px;
+    height: 110px;
+    margin: 0 auto;
+    background: $smoke;
+    position: relative;
+
+    @include breakpoint(small down){
+      width: 60%;
+      height: auto;
+      padding-top: 60%;
+      min-width: 65px;
+      min-height: 65px;
+    }
+
+    &--round{
+      @extend .promo-block__icon-background;
+      border-radius: 100%;
+    }
+  }
+
+  &__icon{
+    color: $white;
+    font-size: 4rem;
+    text-align: center;
+    width: 100%;
+    left: 0;
+    @include vertical-center;
+
+    @include breakpoint(small down){
+      font-size: 2.5rem;
+    }
+
+    &-image{
+      @extend .promo-block__icon;
+      height: 50px;
+
+      @include breakpoint(small down){
+        height: 31px;
+      }
+    }
+  }
+}

data/app/views/ama_layout/_top_nav.html.erb

@@ -1,6 +1,9 @@
 <li class="has-submenu">
-  <%= link_to navigation.display_name_text, '#' %>
+  <%= link_to navigation.display_name_text, '#', class: 'link--no-underline' %>
   <ul class="submenu menu vertical">
+    <li>
+      <%= link_to 'Online Account', Rails.configuration.gatekeeper_site %>
+    </li>
     <li><%= link_to 'AMA Website', Rails.configuration.amaabca_site %></li>
     <li><a href="http://amaroadreports.ca/">AMA Road Reports</a></li>
     <%= navigation.sign_out_link %>

data/lib/ama_layout/version.rb

@@ -1,3 +1,3 @@
 module AmaLayout
-  VERSION = '4.1.0'
+  VERSION = '4.2.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ama_layout
 version: !ruby/object:Gem::Version
-  version: 4.1.0
+  version: 4.2.0
 platform: ruby
 authors:
 - Michael van den Beuken
@@ -18,7 +18,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-08-18 00:00:00.000000000 Z
+date: 2016-08-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: foundation-rails
@@ -288,8 +288,7 @@ files:
 - app/assets/stylesheets/ama_layout/layout/print.scss
 - app/assets/stylesheets/ama_layout/layout/variables.scss
 - app/assets/stylesheets/ama_layout/layout_components/accordions.scss
-- app/assets/stylesheets/ama_layout/layout_components/banner.scss
-- app/assets/stylesheets/ama_layout/layout_components/blue-boxes.scss
+- app/assets/stylesheets/ama_layout/layout_components/banners.scss
 - app/assets/stylesheets/ama_layout/layout_components/breadcrumbs.scss
 - app/assets/stylesheets/ama_layout/layout_components/button-grouping.scss
 - app/assets/stylesheets/ama_layout/layout_components/buttons.scss
@@ -301,17 +300,18 @@ files:
 - app/assets/stylesheets/ama_layout/layout_components/footer.scss
 - app/assets/stylesheets/ama_layout/layout_components/forms.scss
 - app/assets/stylesheets/ama_layout/layout_components/graph.scss
+- app/assets/stylesheets/ama_layout/layout_components/icon-group.scss
 - app/assets/stylesheets/ama_layout/layout_components/index.scss
 - app/assets/stylesheets/ama_layout/layout_components/link-list.scss
 - app/assets/stylesheets/ama_layout/layout_components/links.scss
 - app/assets/stylesheets/ama_layout/layout_components/notification.scss
 - app/assets/stylesheets/ama_layout/layout_components/progress-bar.scss
+- app/assets/stylesheets/ama_layout/layout_components/promo-block.scss
 - app/assets/stylesheets/ama_layout/layout_components/responsive-table.scss
 - app/assets/stylesheets/ama_layout/layout_components/reveal-modal.scss
 - app/assets/stylesheets/ama_layout/layout_components/sections.scss
-- app/assets/stylesheets/ama_layout/layout_components/sidebar.scss
+- app/assets/stylesheets/ama_layout/layout_components/side_nav.scss
 - app/assets/stylesheets/ama_layout/layout_components/siteheader.scss
-- app/assets/stylesheets/ama_layout/layout_components/tab-accordions.scss
 - app/assets/stylesheets/ama_layout/layout_components/tables.scss
 - app/assets/stylesheets/ama_layout/media_queries/desktop.scss
 - app/assets/stylesheets/ama_layout/media_queries/index.scss
@@ -404,7 +404,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.5.1
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: ".ama.ab.ca site layouts"

data/app/assets/stylesheets/ama_layout/layout_components/banner.scss

@@ -1,17 +0,0 @@
-.banner{
-  position: relative; /* This is needed for the positioning of the close icon on the blue banners*/
-
-  &--blue{
-    background: $brand-blue-insurance;
-    padding: $base-padding;
-  }
-
-  &--red{
-    background: $brand-red;
-    padding: $base-padding;
-  }
-
-  &__text{
-    text-align: center;
-  }
-}

data/app/assets/stylesheets/ama_layout/layout_components/blue-boxes.scss

@@ -1,128 +0,0 @@
-/*New Grid Block code for blue boxes*/
-.icon-box{
-  width: 100px;
-  height: 80px;
-  margin: $base-margin auto 0 auto;
-  background-repeat: no-repeat;
-  background-position: center center;
-  width: auto;
-  text-align: center;
-  color: $white;
-  font-size: $base-font-size*5;
-  line-height: $base-font-size*5;
-}
-
-.box-title{
-  text-align: center;
-  color: $white;
-  width: 90%;
-  margin: $base-margin/2 auto 0 auto;
-}
-
-.cta-btm-row{
-  margin-top: 0.9375rem*2;
-}
-
-.cta-box{
-  min-height: 175px;
-  padding: $base-padding*2;
-
-  a{
-    text-decoration: none;
-  }
-
-  &.light-blue-bg:hover{
-    background: lighten($brand-blue-light, 3%);
-  }
-
-  &.rewards-green-bg:hover{
-    background: lighten($brand-green, 3%);
-  }
-
-  @include breakpoint(medium down){
-    margin: 0.625rem 0;
-  }
-}
-
-.outer-quicklink-box:first-child:nth-last-child(2),
-.outer-quicklink-box:first-child:nth-last-child(2) ~ div,
-.outer-quicklink-box:first-child:nth-last-child(2) ~ li{
-  width: 49.2%;
-  margin-top: 1.5%;
-}
-
-.outer-quicklink-box:first-child:nth-last-child(3),
-.outer-quicklink-box:first-child:nth-last-child(3) ~ div,
-.outer-quicklink-box:first-child:nth-last-child(3) ~ li{
-  width: 23.5%;
-}
-
-.outer-quicklink-box:first-child:nth-last-child(4),
-.outer-quicklink-box:first-child:nth-last-child(4) ~ div,
-.outer-quicklink-box:first-child:nth-last-child(4) ~ li{
-  width: 24.2%;
-  margin-right: 0.8%;
-  margin-top: 0.8%;
-}
-
-.quicklink-single-box{
-  margin-left: 0;
-  margin-top: $base-margin;
-
-  .outer-quicklink-box > a{
-    font-size: $base-font-size;
-  }
-}
-
-/*New Grid Block code for blue boxes*/
-.cta-margin{
-  margin: 0 $base-margin/2;
-}
-
-ul{
-  li{
-    .cta-box{
-      padding: 20px;
-
-      &.light-blue-bg:hover{
-        background: lighten($brand-blue-light, 3%);
-      }
-
-      &.rewards-green-bg:hover{
-        background: lighten($brand-green, 3%);
-      }
-    }
-  }
-}
-
-.cta-title{
-  text-align: center;
-  color: $white;
-  width: 100%;
-  margin: $base-margin*2 auto $base-margin*0 auto;
-}
-
-.icon-container{
-  height: 80px;
-  margin: $base-margin auto 0 auto;
-  background-repeat: no-repeat;
-  background-position: center center;
-  width: auto;
-  text-align: center;
-  color: $white;
-  font-size: $base-font-size*4.5;
-  line-height: $base-font-size*4.5;
-}
-
-.cta-title{
-  text-align: center;
-  color: $white;
-  width: 90%;
-  margin: $base-margin/2 auto 0 auto;
-
-  @include breakpoint(small down){
-    height: 1.5em;
-    font-size: $base-font-size;
-    line-height: $base-font-size;
-  }
-}

data/app/assets/stylesheets/ama_layout/layout_components/tab-accordions.scss

@@ -1,31 +0,0 @@
-//Accordion styles for FAQ content
-.faq{
-  .accordion .accordion-navigation > a,
-  .accordion dd > a{
-    text-decoration: none;
-    background: $white;
-
-    &:active,
-    &:hover,
-    &:focus{
-     background: $stone;
-     outline: none;
-    }
-  }
-
-  .accordion-navigation > a.top-level,
-  dd > a.top-level{
-    background: darken($stone, 5%);
-    border-bottom: 1px solid $stone;
-
-    &:hover{
-      background: lighten($smoke, 4%);
-    }
-
-    &:active,
-    &:focus,
-    &:visited{
-      background: darken($stone, 5%);
-    }
-  }
-}