ama_layout 4.10.1 → 5.0.0

data/app/assets/stylesheets/ama_layout/layout_components/buttons/button-toggle.scss

@@ -1,39 +0,0 @@
-.button-toggle{
-  width: 100%;
-  margin: 0 auto;
-  display: block;
-
-  &--absolute{
-    @extend .button-toggle;
-    position: absolute;
-    top: 15px;
-    width: 95%;
-    left: 2.5%;
-  }
-
-  &__option{
-    width: 50%;
-    border: 2px solid $cerulean;
-    float: left;
-    background: $white;
-    color: $slate;
-    padding: $base-padding*0.45;
-    text-align: center;
-
-    &--right{
-      @extend .button-toggle__option;
-      border-radius: 0 5px 5px 0;
-      margin-left: -1px;
-    }
-
-    &--left{
-      @extend .button-toggle__option;
-      border-radius: 5px 0 0 5px;
-    }
-
-    &.visible{
-      background: $cerulean;
-      color: $white;
-    }
-  }
-}

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

@@ -1,105 +0,0 @@
-.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;
-  }
-
-  &--expand-medium-down{
-    @extend .button;
-
-    @include breakpoint(medium down){
-      display: block;
-      margin: 0 auto;
-    }
-  }
-
-  &--expand-small-down{
-    @extend .button;
-
-    @include breakpoint(small down){
-      display: block;
-      margin: 0 auto;
-      width: 100%;
-    }
-  }
-
-  &--small{
-    @extend .button;
-    @extend .small;
-  }
-}
-
-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;
-  }
-}

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

@@ -1,3 +0,0 @@
-@import "button-grouping";
-@import "buttons";
-@import "button-toggle";

data/app/assets/stylesheets/ama_layout/layout_components/call-to-action.scss

@@ -1,22 +0,0 @@
-.call-to-action{
-
-  &__container{
-    @include grid-row;
-    @include clearfix;
-  }
-
-  &__image-container{
-    @include large-1;
-    @include small-3;
-  }
-
-  &__image{
-    display: block;
-    margin: 0 auto;
-  }
-
-  &__content-container{
-    @include large-3;
-    @include small-9;
-  }
-}

data/app/assets/stylesheets/ama_layout/layout_components/callouts/callback-callout.scss

@@ -1,33 +0,0 @@
-.callback-callout{
-  background: $white;
-  width: 55%;
-  padding: $base-padding;
-  padding-left: 45px;
-  float: left;
-
-  @include breakpoint(medium only){
-    padding-left: 65px;
-  }
-
-  @include breakpoint(small down){
-    width: 100%;
-    float: none;
-    margin-top: 25px;
-    padding-left: $base-padding;
-  }
-
-  &__form{
-    @include clearfix;
-    margin-top: $base-padding*1.5;
-    text-align: center;
-
-    &--confirmation{
-      @include clearfix;
-      padding: 0 $base-padding*1.5 0 65px;
-
-      @include breakpoint(small down){
-        padding: $base-padding;
-      }
-    }
-  }
-}

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

@@ -1,58 +0,0 @@
-.callout-box{
-  @include callout($ash);
-
-  &__close-btn{
-    float: right;
-  }
-
-  &--green{
-    @include callout($brand-green);
-    margin-bottom: $base-margin;
-    color: $white;
-  }
-
-  &--red{
-    @include callout($brand-red);
-    margin-bottom: $base-margin;
-    color: $white;
-  }
-
-  &--ins-blue{
-    @include callout($brand-blue-insurance);
-    margin-bottom: $base-margin;
-    color: $white;
-  }
-
-  &__container{
-    @include grid-row;
-    @include clearfix;
-  }
-
-  &__sub-head{
-    color: $white;
-  }
-
-  &__image-container{
-    @include large-1;
-    @include small-12;
-  }
-
-  &__image{
-    display: block;
-    margin: 0 auto;
-  }
-
-  &__content-container{
-    @include large-11;
-    @include small-12;
-  }
-
-  &__link{
-    color: inherit;
-    text-decoration: underline;
-
-    &:hover{
-      color: $ash;
-    }
-  }
-}

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

@@ -1,4 +0,0 @@
-@import "callouts";
-@import "quote-callout";
-@import "callback-callout";
-@import "price-callout";

data/app/assets/stylesheets/ama_layout/layout_components/callouts/price-callout.scss

@@ -1,31 +0,0 @@
-.price-callout{
-  width: 45%;
-  float: left;
-  position: relative;
-  margin-bottom: 0;
-
-  @include breakpoint(small down){
-    width: 100%;
-    float: none;
-    min-height: 175px;
-  }
-
-  &__side-arrow{ //this works best if it's a class on a svg element.
-    position: absolute;
-    z-index: 1;
-    top: 0;
-    left: 50%;
-
-    @include breakpoint(small down){
-      top: 100%;
-      left: 0%;
-      height: 30%;
-      background-color: $white;
-    }
-  }
-  
-  &__content{
-    @include absolute-center;
-    text-align: center;
-  }
-}

data/app/assets/stylesheets/ama_layout/layout_components/callouts/quote-callout.scss

@@ -1,6 +0,0 @@
-.quote-callout{
-  &__content{
-    @include absolute-center;
-    text-align: center;
-  }
-}

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

@@ -1,149 +0,0 @@
-/*Cart*/
-.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;
-    width: 7px;
-  }
-
-  ::-webkit-scrollbar-thumb{
-    border-radius: 4px;
-    background-color: rgba(0, 0, 0, .5);
-    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
-  }
-
-  &__container{
-    @extend .float-right; //needed to override the default column behavior (left aligned)
-    @include medium-4;
-  }
-
-  &__title{
-    float: left;
-    color: $white;
-  }
-
-  &__accordion-toggle-icon{
-    @include hide-for(large);
-    @extend .fa;
-    @extend .fa-arrows-v;
-    width: 16px;
-    height: 16px;
-    float: right;
-    color: $white;
-    margin-top: $base-margin*0.6;
-  }
-
-  &__item-count{
-    @include hide-for(large);
-    float: right;
-    width: 30px;
-    height: 30px;
-    border-radius: 60px;
-    text-align: center;
-    line-height: 30px;
-    color: $white;
-    font-weight: bold;
-    margin-right: $base-margin;
-    background: lighten($brand-green, 5%);
-  }
-
-  &__content{
-    background: $white;
-    padding: $base-padding;
-    @include clearfix;
-  }
-
-  &__list{
-    margin-left: 0;
-    overflow-y: scroll;
-    max-height: auto;
-    list-style: none;
-    margin: 0;
-    list-style-type: none;
-    overflow-y: scroll;
-
-    @include breakpoint(small){
-      max-height: 150px;
-    }
-
-    @include breakpoint(large){
-      max-height: 320px;
-    }
-  }
-
-  &__list-item{
-    padding: $base-padding;
-
-    &:not(:nth-child(1)){
-      border-top: 1px solid $smoke;
-    }
-  }
-
-  &__submit{
-    list-style-type: none;
-    margin-left: 0;
-  }
-
-  &__remove{
-    float: right;
-
-    .fa-times-circle-o{
-      font-size: $base-font-size*2;
-    }
-  }
-
-  &__remove-link{
-    color: $slate;
-    text-decoration: none;
-
-    &:hover,
-    &:focus{
-      color: $charcoal;
-    }
-  }
-
-  .summary-flash-notice{
-    color: $white;
-    background: $brand-blue-insurance;
-
-    p,
-    a,
-    a:hover,
-    a:focus{
-      color: $white;
-    }
-
-    &:not(:nth-child(1)){
-      border-top: none;
-    }
-  }
-}
-
-.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;
-
-  .fa-times-circle-o{
-    font-size: $base-font-size*2;
-  }
-
-  a{
-    color: $slate;
-    text-decoration: none;
-
-    &:hover,
-    &:focus{
-      color: $charcoal;
-    }
-  }
-}