ama_layout 4.10.1 → 5.0.0

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

@@ -1,87 +0,0 @@
-.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/assets/stylesheets/ama_layout/layout_components/receipt-summary.scss

@@ -1,25 +0,0 @@
-.receipt-summary{
-
-  &__image-container{
-    @include medium-3;
-    margin-bottom: $base-margin;
-  }
-
-  &__image{
-
-    @include breakpoint(small only){
-      display: block;
-      margin-right: auto;
-      margin-left: auto;
-    }
-  }
-
-  &__content-container{
-    @include medium-9;
-    margin-bottom: $base-margin;
-
-    @include breakpoint(small only){
-      margin-left: $base-margin;
-    }
-  }
-}

data/app/assets/stylesheets/ama_layout/layout_components/responsive-table.scss

@@ -1,205 +0,0 @@
-/*! Tablesaw - v1.0.4 - 2015-02-19
-* https://github.com/filamentgroup/tablesaw
-* Copyright (c) 2015 Filament Group; Licensed MIT */
-/*! Tablesaw - v1.0.4 - 2015-02-19
-* https://github.com/filamentgroup/tablesaw
-* Copyright (c) 2015 Filament Group; Licensed MIT */
-
-table.tablesaw{
-  empty-cells: show;
-  max-width: 100%;
-  width: 100%;
-}
-
-.tablesaw{
-  border-collapse: collapse;
-  width: 100%;
-}
-
-/* Structure */
-
-.tablesaw{
-  padding: 0;
-}
-
-.tablesaw th,
-.tablesaw td{
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  padding: .5em .7em;
-  font-size: $base-font-size*0.875;
-  color: $slate;
-}
-
-.tablesaw thead tr:first-child th{
-  padding-top: .9em;
-  padding-bottom: .7em;
-}
-
-thead,
-tbody,
-tfoot{
-  border: none;
-}
-
-/* Table rows have a gray bottom stroke by default */
-
-.tablesaw-stack tbody tr{
-  border-bottom: 2px solid $stone;
-}
-
-.tablesaw-stack td .tablesaw-cell-label,
-.tablesaw-stack th .tablesaw-cell-label{
-  display: none;
-}
-
-.tablesaw-stack thead{
-  background: darken($ash, 3%);
-  border-bottom: 2px solid darken($stone, 3%);
-
-  td,
-  th{
-    color: $charcoal;
-  }
-}
-
-/* Mobile first styles: Begin with the stacked presentation at narrow widths */
-
-@media only all{
-  /* Show the table cells as a block level element */
-
-  .tablesaw-stack td,
-  .tablesaw-stack th{
-    text-align: left;
-    display: block;
-  }
-
-  .tablesaw-stack tr{
-    clear: both;
-    display: table-row;
-  }
-
-  /* Make the label elements a percentage width */
-
-  .tablesaw-stack td .tablesaw-cell-label,
-  .tablesaw-stack th .tablesaw-cell-label{
-    display: block;
-    padding: 0 .6em 0 0;
-    width: 45%;
-    display: inline-block;
-  }
-
-  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
-
-  .tablesaw-stack th .tablesaw-cell-label-top,
-  .tablesaw-stack td .tablesaw-cell-label-top{
-    display: block;
-    padding: .4em 0;
-    margin: .4em 0;
-  }
-
-  .tablesaw-cell-label{
-    display: block;
-  }
-
-  /* Avoid double strokes when stacked */
-
-  .tablesaw-stack tbody th.group{
-    margin-top: -1px;
-  }
-
-  /* Avoid double strokes when stacked */
-
-  .tablesaw-stack th.group b.tablesaw-cell-label{
-    display: none !important;
-  }
-}
-
-@mixin tablesaw-stack-max{
-  .tablesaw-stack thead td,
-  .tablesaw-stack thead th{
-    display: none;
-  }
-
-  .tablesaw-stack tbody td,
-  .tablesaw-stack tbody th{
-    clear: left;
-    float: left;
-    width: 100%;
-  }
-
-  .tablesaw-cell-label{
-    vertical-align: top;
-  }
-
-  .tablesaw-cell-content{
-    max-width: 55%;
-    display: inline-block;
-  }
-
-  .tablesaw-stack td:empty,
-  .tablesaw-stack th:empty{
-    display: none;
-  }
-}
-
-@mixin tablesaw-stack-min{
-  .tablesaw-stack tr{
-    display: table-row;
-  }
-
-  /* Show the table header rows */
-  .tablesaw-stack td,
-  .tablesaw-stack th,
-  .tablesaw-stack thead td,
-  .tablesaw-stack thead th{
-    display: table-cell;
-    margin: 0;
-  }
-
-  /* Hide the labels in each cell */
-  .tablesaw-stack td .tablesaw-cell-label,
-  .tablesaw-stack th .tablesaw-cell-label{
-    display: none !important;
-  }
-}
-
-$use-respond-mixins: false !default;
-
-@mixin tablesaw-stack( $breakpoint: 40em ){
-
-  @if $use-respond-mixins{
-    @include respond-max($breakpoint - .0625){
-      @include tablesaw-stack-max;
-    }
-
-    @include respond-min($breakpoint){
-      @include tablesaw-stack-min;
-    }
-  }
-
-  @else{
-    @media (max-width: ($breakpoint - .0625)){
-      @include tablesaw-stack-max;
-    }
-
-    @media (min-width: $breakpoint){
-      @include tablesaw-stack-min;
-    }
-  }
-}
-
-.tablesaw-parent{
-  @include tablesaw-stack(60em);
-
-  table tr.even,
-  table tr.alt,
-  table tr:nth-of-type(even){
-    background: darken($ash, 1%);
-  }
-
-  table{
-    margin-bottom: 0;
-  }
-}

data/app/assets/stylesheets/ama_layout/layout_components/reveal-modal.scss

@@ -1,48 +0,0 @@
-.reveal-modal .close-reveal-modal,
-dialog .close-reveal-modal{
-  font-size: 2.5rem;
-  line-height: 1;
-  position: absolute;
-  top: 0.5rem;
-  right: 0.6875rem;
-  color: $slate;
-  font-weight: bold;
-  cursor: pointer;
-}
-
-.reveal-modal{
-  max-width: 960px;
-  position: relative;
-  margin: 0 auto;
-
-  a{
-    text-decoration: none;
-    font-weight: normal;
-  }
-
-  @include breakpoint(small only){
-    top: 50px !important;
-    min-height: 240px;
-  }
-
-  &__close{
-    position: absolute;
-    color: $slate;
-    right: 1rem;
-    top: 0.5rem;
-    font-size: 2em;
-    line-height: 1;
-    cursor: pointer;
-
-    &--white{
-      @extend .reveal-modal__close;
-      color: $white;
-    }
-  }
-}
-
-@include breakpoint(small only){
-  .reveal{
-    padding: $global-padding $global-padding 51px $global-padding; // 51 pixels to offset the height of the top bar
-  }
-}

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

@@ -1,257 +0,0 @@
-.heading{
-  padding: $base-padding*.75 $base-padding;
-  color: $white;
-}
-
-.section{
-  margin-bottom: $base-margin;
-
-  &__sub-head{
-    margin-bottom: $base-margin;
-    color: $charcoal;
-    clear: both;
-  }
-
-  &__content-container{
-    @include grid-row-nest;
-  }
-
-  &__content-two-thirds{
-    @include large-8;
-
-    &>*:last-child{
-      margin-bottom: 0;
-    }
-  }
-
-  &--scroll{
-    overflow: auto;
-    height: 500px;
-    padding: 0 $base-padding;
-    margin-bottom: $base-margin;
-    border: $base-border;
-
-    @include breakpoint(small down){
-      height: 350px;
-    }
-  }
-}
-
-.section-nested{
-  @include grid-row-nest;
-  @include clearfix;
-}
-
-.section-heading{
-  @extend .heading;
-  background: $brand-blue-light;
-
-  &--no-bg{
-    padding-bottom: $base-padding;
-  }
-
-  &--no-padding{
-    background: $brand-blue-light;
-    color: $white;
-  }
-
-  &--grey-bg{
-    @extend .heading;
-    background: $slate;
-  }
-
-  &--dark-blue-bg{
-    @extend .heading;
-    background: $brand-blue-dark;
-  }
-
-  &--accordion{
-    @extend .heading;
-    overflow: auto;
-    display: block;
-  }
-
-  &--orange{
-    @extend .heading;
-    background: $orange;
-  }
-
-  &--yellow{
-    @extend .heading;
-    background: $canary;
-  }
-
-  &--blue{
-    @extend .heading;
-    background: $brand-blue-light;
-  }
-
-  &--green{
-    @extend .heading;
-    background: $brand-green;
-  }
-}
-
-.section-quarter{
-  @extend .section;
-  @include large-3;
-}
-
-.section-half{
-  @extend .section;
-  @include large-6;
-}
-
-.section-full{
-  @extend .section;
-  @include large-12;
-
-  &--max-width{
-    @extend .section-full;
-    max-width: 1080px;
-  }
-}
-
-.section-third{
-  @extend .section;
-  @include large-4;
-  @include clearfix;
-}
-
-.section-quarter{
-  @extend .section;
-  @include large-3;
-}
-
-.section-two-thirds{
-  @extend .section;
-  @include large-8;
-  @include grid-column-end;
-  @include clearfix;
-
-  &:last-child:not(.section-content){
-    margin-bottom: 0;
-  }
-
-  @include breakpoint(medium down){
-    float: none;
-  }
-}
-
-.section-centered{
-  &--half{
-    @extend .section;
-    @include large-6;
-    @include large-centered;
-
-    &:last-child:not(:first-child){
-      float: none;
-    }
-  }
-}
-
-.section-content{
-  padding: $base-padding;
-  background: $white;
-  @include clearfix;
-
-  &>*:last-child{
-    margin-bottom: 0;
-    /*override so that the last child element always has margin-bottom of zero
-    (because the container has bottom padding)
-    the alternative is to set the elements themselves to ONLY have bottom-margin
-    if they're not the :last-child, but Foundation adds bottom margin to everything by default
-    so we would have to change each element individually in the _settings file.
-    */
-
-    &>*:last-child{
-      margin-bottom: 0;
-      /* the same as above, but for nested elements within sections */
-    }
-  }
-
-  &--grey-bg{
-    padding: $base-padding;
-    background: lighten($stormcloud, 5%);
-    color: $white;
-  }
-
-  &--smoke-bg{
-    padding: $base-padding;
-    background: lighten($smoke, 5%);
-  }
-
-  &--ash-bg{
-    padding: $base-padding;
-    background: $ash;
-  }
-
-  &--blue-bg{
-    padding: $base-padding;
-    background: $brand-blue-light;
-    color: $white;
-    @include clearfix;
-
-    label{
-      color: $white;
-    }
-  }
-
-  &--cerulean-bg{
-    padding: $base-padding;
-    background: $cerulean;
-    color: $white;
-  }
-
-  &--grey-border{
-    border: 2px solid $stone;
-  }
-}
-
-.section-content-half{
-  @extend .section;
-  @include medium-6;
-  position: relative;
-  margin-bottom: 0;
-}
-
-.content-container{
-  &--vertical{
-    @include vertical-center;
-    width: 100%;
-  }
-}
-
-@function set-hint-color($color) {
-  @if (lightness($color) > 50) {
-    @return $smoke; // Lighter backgorund, return dark color
-  } @else {
-    @return $white; // Darker background, return light color
-  }
-}
-
-.page-container{
-  @include grid-row;
-  position: relative;
-}
-
-.main-container{
-  // using grid-column in place of large-10 so that we can set the gutters to 0
-  @include grid-column(10,0);
-  background: $stone;
-  @include clearfix;
-
-  @include breakpoint(medium down){
-    @include grid-column(12,0);
-  }
-}
-
-.main-container-full{
-  // using grid-column in place of large-10 so that we can set the gutters to 0
-  @include grid-column(12,0);
-  background: $stone;
-
-  @include breakpoint(medium down){
-    @include grid-column(12,0);
-  }
-}