ama_layout 3.0.0 → 3.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 99701322ca62ad3ff8f834822f7ea5f6547016c1
-  data.tar.gz: f085c1e9a1bcc21363798a9a6db71583d1ed222c
+  metadata.gz: e7f1a4a1610df1b079796e22c793117a9f5aaad8
+  data.tar.gz: 6d70caf8c9a092d4ee1e1489c189058c6cc00244
 SHA512:
-  metadata.gz: 55560ce3c28d3095cc17ef5cb0d34c8ce9fc1d1c3773eb9ed1ed9706f20a99bd7cd3cafef3a6daebdca217a18bb0d10f09c8c1183af669fd13e8632f7d077955
-  data.tar.gz: 18a3cba1c2fb109c084a483a9d6ddc68f03f3db8b3a349af5239532a552fdbe3c3acb49a8cdf942a7536ecfdac8e0609de09a1a4ce585fec0c2411ec47c003b2
+  metadata.gz: 365f056360d9259d278acf0e2189c7cf3927d029efe3c7049e210a848054763cc7e18eb6d73e210fd18af44aae5105f05226e4b38d28f87281fa60e9a39aa1b3
+  data.tar.gz: 67d6e6a835dac94f6f887846814d692edcb3a6eaf9cee30ad086e4f4d5b0464b1c9a3ee2091a9f1fad74409406320177a47ec781f705159ef256fb07126f0b32

data/app/assets/stylesheets/ama_layout/application.scss

@@ -1,5 +1,6 @@
 @import "layout/variables";
 @import "webfonts/ss-symbolicons-block";
+@import "webfonts/ama-icon-font";
 @import "font-awesome-sprockets";
 @import "font-awesome";
 @import "foundation_and_overrides";

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

@@ -268,6 +268,10 @@
   background-color: $notice-orange;
 }
 
+.red-bg{
+  background: $brand-red;
+}
+
 // On a coloured background, the child links should be white
 .insurance-blue-bg a,
 .light-blue-bg a,
@@ -370,6 +374,10 @@ button[disabled],
   }
 }
 
+.dark-blue-btn{
+  background: $brand-blue-dark;
+}
+
 .green-btn,
 .green-btn:visited{
   @extend .base-button;
@@ -469,3 +477,9 @@ button[disabled],
   -ms-word-break: break-word;
   word-break: break-word;
 }
+
+.bold-large-text{
+  @extend .white-text;
+  font-size: $base-font-size*3;
+  font-weight: bold;
+}

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

@@ -1,44 +1,16 @@
-//blue boxes
-/* Once the green card to update all the blue boxes in all the apps is complete, all the code in this file */
-/* up to my comment "New Grid Block code for blue boxes" can be deleted because it will no longer be needed. */
-/* March 31st, 2016 - SE */
-.outer-quicklink-box{
-  margin-right: 1.5%;
-  float: left;
-
-  a{
-    text-decoration: none;
-  }
-
-  &:nth-last-child(1){
-    margin-right: 0;
-  }
-}
+/*New Grid Block code for blue boxes*/
 
-.icon-box{
-  width: 100px;
-  height: 80px;
-  margin: $base-margin*4 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;
+.cta-btm-row{
+  margin-top: 0.9375rem*2;
 }
 
-.box-title{
-  text-align: center;
-  color: $white;
-  width: 90%;
-  margin: $base-margin*2 auto $base-margin*0 auto;
-}
+.cta-box{
+  min-height: 175px;
+  padding: $base-padding*2;
 
-.quicklink-box{
-  margin-top: 0;
-  padding-top: 1px;
-  min-height: 161px;
+  a{
+    text-decoration: none;
+  }
 
   &.light-blue-bg:hover{
     background: lighten($brand-blue-light, 3%);
@@ -47,90 +19,33 @@
   &.rewards-green-bg:hover{
     background: lighten($brand-green, 3%);
   }
-}
-
-.tab-title.active > a{
-  outline: none;
-}
-
-// For the quicklink boxes, get a count of how many boxes there are.
-// For example: for 2 boxes, check if the first box (first-child) is both the first and second-last(nth-last-child(2)).
-.outer-quicklink-box:first-child:nth-last-child(1){
-  width: 23.5%;
-  margin-left: 0;
-  margin-right: 1.5%;
 
-  &.fullwidth{
-    margin-top: 1.5%;
+  @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*4;
-
-  .outer-quicklink-box > a{
-    font-size: $base-font-size;
-  }
-}
-
-/*New Grid Block code for blue boxes*/
-.cta-margin{
-  margin: 0 $base-margin*2 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*4 auto 0 auto;
+  margin: $base-margin*3 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;
-}
+  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 $base-margin*0 auto;
+  @include breakpoint(small down){
+    height: 66px;
+    font-size: $base-font-size*4;
+    line-height: $base-font-size*4;
+  }
 }

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

@@ -0,0 +1,116 @@
+.icon-group{
+  font-size: 1.75rem;
+  line-height: 3rem;
+  display: block;
+  text-align: center;
+
+  &__blue-icon{
+    color: $brand-blue-light;
+  }
+
+  &__grey-icon{
+    color: $smoke;
+  }
+}
+
+.graph{
+  width: 100%;
+  height: 50px;
+  position: relative;
+
+  &__cap{
+    border-radius: 100%;
+    height: 100%;
+    width: 50px;
+    display: block;
+    float: left;
+    position: absolute;
+    background-color: $stone;
+
+    &--right{
+      @extend .graph__cap;
+      right: 0;
+    }
+
+    &--filled{
+      background-color: $brand-blue-light;
+    }
+  }
+
+  &__middle{
+    height: 100%;
+    width: calc(100% - 50px);
+    background-color: $stone;
+    display: block;
+    float: left;
+    margin-left: 27px;
+    position: relative;
+
+    &--filled{
+      background-color: $brand-blue-light;
+      min-width: 20%;
+      height: 100%;
+      position: absolute;
+      left: 0;
+      top: 0;
+      z-index: 3;
+      display: table;
+    }
+
+    &--filled-fourth{
+      @extend .graph__middle--filled;
+      width: 20%
+    }
+
+    &--filled-half{
+      @extend .graph__middle--filled;
+      width: 50%
+    }
+
+    &--filled-full{
+      @extend .graph__middle--filled;
+      width: 100%
+    }
+  }
+
+  &__middle-text{
+    color: $slate;
+    position: absolute;
+    right: 0;
+    font-size: .85rem;
+    display: table;
+    z-index: 5;
+    margin-top: 15px;
+    margin-bottom: 15px;
+    vertical-align: middle;
+
+    &--half{
+      @extend .graph__middle-text;
+      width: 47%;
+      margin-top: $base-margin;
+      margin-bottom: $base-margin;
+    }
+
+    &--full{
+      @extend .graph__middle-text;
+      color: $white;
+      width: 100%;
+      text-align: center;
+    }
+  }
+
+  &-label{
+    text-align: center;
+    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/index.scss

@@ -10,3 +10,4 @@
 @import "show-hide-content-box";
 @import "cart";
 @import "reveal-modal";
+@import "graph";

data/app/assets/stylesheets/ama_layout/webfonts/ama-icon-font.scss

@@ -0,0 +1,75 @@
+@charset "UTF-8";
+
+@font-face {
+  font-family: "ama-icon-font";
+  src:asset-url("ama_layout/webfonts/fonts/ama-icon-font.eot");
+  src:asset-url("ama_layout/webfonts/fonts/ama-icon-font.eot?#iefix") format("embedded-opentype"),
+    asset-url("ama_layout/webfonts/fonts/ama-icon-font.woff") format("woff"),
+    asset-url("ama_layout/webfonts/fonts/ama-icon-font.ttf") format("truetype"),
+    asset-url("ama_layout/webfonts/fonts/ama-icon-font.svg#ama-icon-font") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+
+[data-icon]:before {
+  font-family: "ama-icon-font" !important;
+  content: attr(data-icon);
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
+  font-family: "ama-icon-font" !important;
+  font-style: normal !important;
+  font-weight: normal !important;
+  font-variant: normal !important;
+  text-transform: none !important;
+  speak: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-motorcycle:before {
+  content: "\61";
+}
+.icon-map-pin:before {
+  content: "\62";
+}
+.icon-home:before {
+  content: "\63";
+}
+.icon-hospital:before {
+  content: "\64";
+}
+.icon-battery-power:before {
+  content: "\65";
+}
+.icon-settings:before {
+  content: "\66";
+}
+.icon-bicycle:before {
+  content: "\67";
+}
+.icon-scooter:before {
+  content: "\68";
+}
+.icon-rv:before {
+  content: "\69";
+}
+.icon-ama-card:before {
+  content: "\6a";
+}
+
+.ama-icon{
+  &__medium{
+    font-size: 2.45rem;
+  }
+}

data/app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="untitled-font-1" horiz-adv-x="512">
+<font-face font-family="untitled-font-1" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph glyph-name="motorcycle" unicode="&#97;" d="M14 191c0 24 9 44 26 61 17 17 37 26 61 26 20 0 39-7 54-20 16-14 26-30 30-50l31 0c-1 6-3 13-6 19-2 7-6 14-12 22-6 8-13 15-21 21-8 6-18 11-32 15-13 4-28 6-44 6-6 0-14 0-23-1-9 0-15 0-19 0-16 0-27 1-33 3-6 2-9 6-9 12l0 21 84 0c14 0 29 1 46 5 16 3 33 6 52 10 18 3 37 5 57 5 43 0 64-14 64-41 0-16-8-28-24-34l-14-45-11-38c-1-4-2-7-5-9-3-3-7-4-10-4l-71 0c-4-20-14-36-29-50-16-13-35-20-55-20-24 0-44 9-61 26-17 17-26 37-26 60z m33 0c0-14 5-27 16-38 10-10 23-16 38-16 12 0 22 4 32 11 9 7 15 16 19 27l-51 0c-5 0-9 2-12 5-3 3-4 7-4 11 0 5 1 9 4 12 3 3 7 5 12 5l51 0c-4 11-10 20-20 27-9 6-20 10-31 10-15 0-28-5-38-16-11-10-16-23-16-38z m215 183c0 5 1 9 5 12 3 3 6 4 11 4 2 0 4 0 6-1 4-1 8-4 14-7 6-3 14-8 23-14 9-6 18-13 26-21 8-8 14-16 17-24 2-7 10-23 23-49 8 2 16 4 25 4 23 0 43-9 60-26 17-17 26-37 26-61 0-23-9-43-26-60-17-17-37-26-60-26-24 0-44 9-61 26-17 17-26 37-26 60 0 14 3 26 9 38 6 12 14 22 24 30-10 21-18 38-24 52-2 5-7 11-14 17-8 7-16 13-24 18-9 5-17 10-25 14-6 3-9 8-9 14z m96-183c0-14 5-27 16-38 10-10 23-16 38-16 14 0 27 6 38 16 10 11 15 24 15 38 0 15-5 28-15 38-11 11-24 16-38 16-3 0-6 0-10-1 4-7 8-15 12-22 4-8 7-13 9-17 2-4 3-6 3-6 1-3 2-6 2-8 0-4-2-8-5-11-3-3-7-5-11-5-7 0-12 3-15 9 0 0-1 2-3 6-3 5-6 11-9 18-4 7-8 14-11 21-11-10-16-23-16-38z m4 155c0 8 3 14 9 20 5 5 12 8 20 8 4 0 7-3 9-8 2-6 3-12 3-20 0-8-1-14-3-20-2-5-5-8-9-8-8 0-15 3-20 8-6 6-9 12-9 20z"/>
+<glyph glyph-name="map-pin" unicode="&#98;" d="M256 512c-94 0-171-77-171-171 0-90 156-316 162-326l9-12 9 12c6 10 162 236 162 326 0 94-77 171-171 171z m0-472c-33 50-149 229-149 301 0 83 67 150 149 150 82 0 149-67 149-150 0-72-116-251-149-301z m0 376c-41 0-75-33-75-75 0-41 34-74 75-74 41 0 75 33 75 74 0 42-34 75-75 75z m0-128c-29 0-53 24-53 53 0 30 24 54 53 54 29 0 53-24 53-54 0-29-24-53-53-53z"/>
+<glyph glyph-name="home" unicode="&#99;" d="M421 229l0-138c0-5-2-9-6-12-3-4-8-6-13-6l-109 0 0 110-74 0 0-110-109 0c-5 0-10 2-13 6-4 3-6 7-6 12l0 138c0 0 0 0 0 0 0 1 0 1 0 1l164 136 165-136c0 0 0-1 0-1z m63 19l-17-21c-2-2-4-3-6-3l-1 0c-3 0-5 1-6 2l-198 165-198-165c-2-2-4-2-7-2-2 0-4 1-6 3l-17 21c-2 2-2 4-2 7 0 3 1 5 3 6l205 171c6 5 14 8 22 8 8 0 16-3 22-8l69-58 0 56c0 2 1 5 3 6 2 2 4 3 7 3l54 0c3 0 5-1 7-3 2-1 3-4 3-6l0-117 62-52c2-1 3-3 3-6 0-3 0-5-2-7z"/>
+<glyph glyph-name="hospital" unicode="&#100;" d="M165 137l0-18c0-3-1-5-3-7-2-1-4-2-7-2l-18 0c-2 0-4 1-6 2-2 2-3 4-3 7l0 18c0 3 1 5 3 7 2 1 4 2 6 2l18 0c3 0 5-1 7-2 2-2 3-4 3-7z m0 73l0-18c0-2-1-5-3-6-2-2-4-3-7-3l-18 0c-2 0-4 1-6 3-2 1-3 4-3 6l0 18c0 3 1 5 3 7 2 2 4 2 6 2l18 0c3 0 5 0 7-2 2-2 3-4 3-7z m73 0l0-18c0-2-1-5-3-6-2-2-4-3-6-3l-19 0c-2 0-4 1-6 3-2 1-3 4-3 6l0 18c0 3 1 5 3 7 2 2 4 2 6 2l19 0c2 0 4 0 6-2 2-2 3-4 3-7z m-73 73l0-18c0-2-1-4-3-6-2-2-4-3-7-3l-18 0c-2 0-4 1-6 3-2 2-3 4-3 6l0 18c0 3 1 5 3 7 2 2 4 3 6 3l18 0c3 0 5-1 7-3 2-2 3-4 3-7z m219-146l0-18c0-3-1-5-3-7-2-1-4-2-6-2l-18 0c-3 0-5 1-7 2-2 2-3 4-3 7l0 18c0 3 1 5 3 7 2 1 4 2 7 2l18 0c2 0 4-1 6-2 2-2 3-4 3-7z m-73 73l0-18c0-2-1-5-3-6-2-2-4-3-6-3l-19 0c-2 0-4 1-6 3-2 1-3 4-3 6l0 18c0 3 1 5 3 7 2 2 4 2 6 2l19 0c2 0 4 0 6-2 2-2 3-4 3-7z m-73 73l0-18c0-2-1-4-3-6-2-2-4-3-6-3l-19 0c-2 0-4 1-6 3-2 2-3 4-3 6l0 18c0 3 1 5 3 7 2 2 4 3 6 3l19 0c2 0 4-1 6-3 2-2 3-4 3-7z m146-73l0-18c0-2-1-5-3-6-2-2-4-3-6-3l-18 0c-3 0-5 1-7 3-2 1-3 4-3 6l0 18c0 3 1 5 3 7 2 2 4 2 7 2l18 0c2 0 4 0 6-2 2-2 3-4 3-7z m-73 73l0-18c0-2-1-4-3-6-2-2-4-3-6-3l-19 0c-2 0-4 1-6 3-2 2-3 4-3 6l0 18c0 3 1 5 3 7 2 2 4 3 6 3l19 0c2 0 4-1 6-3 2-2 3-4 3-7z m73 0l0-18c0-2-1-4-3-6-2-2-4-3-6-3l-18 0c-3 0-5 1-7 3-2 2-3 4-3 6l0 18c0 3 1 5 3 7 2 2 4 3 7 3l18 0c2 0 4-1 6-3 2-2 3-4 3-7z m-73-246l110 0 0 329-74 0 0-9c0-8-2-15-8-20-5-5-11-8-19-8l-128 0c-8 0-14 3-19 8-6 5-8 12-8 20l0 9-74 0 0-329 110 0 0 64c0 2 1 4 3 6 2 2 4 3 6 3l92 0c2 0 4-1 6-3 2-2 3-4 3-6z m0 338l0 91c0 3-1 5-3 7-2 2-4 2-6 2l-19 0c-2 0-4 0-6-2-2-2-3-4-3-7l0-27-36 0 0 27c0 3-1 5-3 7-2 2-4 2-6 2l-19 0c-2 0-4 0-6-2-2-2-3-4-3-7l0-91c0-3 1-5 3-7 2-1 4-2 6-2l19 0c2 0 4 1 6 2 2 2 3 4 3 7l0 27 36 0 0-27c0-3 1-5 3-7 2-1 4-2 6-2l19 0c2 0 4 1 6 2 2 2 3 4 3 7z m146 9l0-366c0-5-2-9-5-13-4-3-8-5-13-5l-366 0c-5 0-9 2-13 5-3 4-5 8-5 13l0 366c0 5 2 9 5 13 4 3 8 5 13 5l92 0 0 83c0 7 2 14 8 19 5 5 11 8 19 8l128 0c8 0 14-3 19-8 6-5 8-12 8-19l0-83 92 0c5 0 9-2 13-5 3-4 5-8 5-13z"/>
+<glyph glyph-name="battery-power" unicode="&#101;" d="M444 341c-9 25-32 43-60 43l-320 0c-35 0-64-29-64-64l0-149c0-36 29-64 64-64l320 0c27 0 51 17 60 42l46 0 0 192z m-39-170c0-12-10-22-21-22l-320 0c-12 0-21 10-21 22l0 149c0 12 9 21 21 21l320 0c11 0 21-9 21-21l0-149z m43 21l-22 0 0 107 22 0z m-233 0l22 43 106 0-128 64-21-43-107 0z"/>
+<glyph glyph-name="settings" unicode="&#102;" d="M486 309l-49 10c-2 7-5 14-8 21l27 41c9 13 7 30-4 41l-30 30c-7 7-15 10-23 10-6 0-12-2-18-6l-41-27c-7 3-14 6-21 8l-10 49c-3 15-16 26-31 26l-44 0c-15 0-28-11-31-26l-10-49c-7-2-14-5-21-8l-41 27c-6 4-12 6-18 6-8 0-16-3-23-10l-30-30c-11-11-13-28-4-41l27-41c-3-7-6-14-8-21l-49-10c-15-3-26-16-26-31l0-44c0-15 11-28 26-31l49-10c2-7 5-14 8-21l-27-41c-9-13-7-30 4-41l30-30c7-7 15-10 23-10 6 0 12 2 18 6l41 27c7-3 14-6 21-8l10-49c3-15 16-26 31-26l44 0c15 0 28 11 31 26l10 49c7 2 14 5 21 8l41-27c6-4 12-6 18-6 8 0 16 3 23 10l30 30c11 11 13 28 4 41l-27 41c3 7 6 14 8 21l49 10c15 3 26 16 26 31l0 44c0 15-11 28-26 31z m-55-85c-11-2-20-10-24-20-2-6-4-12-7-18-5-10-4-22 2-31l28-42-31-31-42 28c-5 4-11 5-17 5-5 0-10-1-14-3-6-3-12-5-18-7-10-4-18-13-20-24l-10-49-44 0-10 49c-2 11-10 20-20 24-6 2-12 4-18 7-4 2-9 3-14 3-6 0-12-1-17-5l-42-28-31 31 28 42c6 9 7 21 2 31-3 6-5 12-7 18-4 10-13 18-24 20l-49 10 0 44 49 10c11 2 20 10 24 20 2 6 4 12 7 18 5 10 4 22-2 31l-28 42 31 31 42-28c5-4 11-5 17-5 5 0 10 1 14 3 6 2 12 5 18 7 10 4 18 13 20 24l10 49 44 0 10-49c2-11 10-20 20-24 6-2 12-4 18-7 4-2 9-3 14-3 6 0 12 1 17 5l42 28 31-31-28-42c-6-9-7-21-2-31 2-6 5-12 7-18 4-10 13-18 24-20l49-10 0-44z m-175 144c-62 0-112-50-112-112 0-62 50-112 112-112 62 0 112 50 112 112 0 62-50 112-112 112z m0-210c-54 0-98 44-98 98 0 54 44 98 98 98 54 0 98-44 98-98 0-54-44-98-98-98z m0 162c-35 0-64-29-64-64 0-35 29-64 64-64 35 0 64 29 64 64 0 35-29 64-64 64z m0-112c-26 0-48 21-48 48 0 26 22 48 48 48 26 0 48-22 48-48 0-27-22-48-48-48z"/>
+<glyph glyph-name="bicycle" unicode="&#103;" d="M15 193c0 25 9 47 27 64 18 18 39 27 65 27 18 0 35-4 49-14l25 34-6 12-19-5c0 0-1 0-2 0-1 0-2 0-3 0-4 0-8 2-12 5-3 3-5 7-5 12l0 31c0 5 2 10 5 13 4 3 8 5 12 5 2 0 4 0 5-1l58-15c3-1 6-3 9-6 2-3 4-7 4-11 0-4-2-7-4-11-3-3-6-5-9-6l-14-4 3-7 132 0-2 4c-2 7-5 13-8 17-3 5-6 9-9 11-2 2-5 4-7 5-3 2-5 2-6 3-1 0-3 0-4 0-4 0-8 2-12 5-4 3-6 7-6 13 0 4 2 9 5 12 4 3 8 5 13 5 3 0 7-1 11-2 5-1 10-3 18-7 7-3 14-9 21-18 7-8 13-19 18-32 8-22 15-38 19-49 8 1 15 2 19 2 25 0 47-9 65-27 18-18 27-40 27-65 0-25-9-47-27-65-18-18-40-27-65-27-26 0-47 9-65 27-18 18-27 39-27 65 0 15 4 30 11 43 7 14 17 25 30 33-1 1-2 5-5 11-2 6-4 11-5 14l-84-112-10-5-52 0c-4-22-15-40-32-54-17-15-37-22-59-22-26 0-47 9-65 27-18 18-27 39-27 65z m35 0c0-16 6-29 17-41 11-11 24-16 40-16 12 0 24 4 34 11 11 8 18 18 21 30l-51 0-10 19 34 46c-9 5-19 7-28 7-16 0-29-5-40-16-11-11-17-24-17-40z m83 9l30 0c-1 9-5 17-10 25z m43 52c13-15 21-32 23-52l31 0-36 75z m39 37l37-78 58 78z m133-98c0-16 6-29 17-40 11-12 24-17 40-17 16 0 29 5 40 16 11 12 17 25 17 41 0 15-6 29-17 40-11 11-24 17-40 17l-5 0c3-8 6-16 10-26 4-9 7-16 9-20 2-5 2-7 3-7 1-2 1-5 1-7 0-4-1-8-5-12-3-3-7-5-12-5-4 0-7 1-10 3-3 1-5 4-6 7 0 0-1 3-3 7-2 4-5 11-9 20-3 9-7 18-10 26-14-12-20-26-20-43z"/>
+<glyph glyph-name="scooter" unicode="&#104;" d="M19 198c0 5 2 12 5 20 3 9 8 18 13 26 5 9 12 17 20 23 7 7 15 10 22 10 0 8 1 15 4 22 3 6 7 11 11 14 4 4 8 6 11 8 3 1 5 2 7 2l102 0c16 0 27-2 35-8 7-5 11-12 11-20 0-8-3-15-9-21-6-7-12-10-19-10l-1 0c-15 0-22-8-22-24 0-7 1-13 2-18 1-5 4-10 8-15 3-5 9-9 17-12 8-3 18-4 29-4 14 0 27 3 39 9 11 7 17 14 17 21 0 3-1 7-3 10-2 3-4 7-6 12-2 5-3 11-3 19 0 9 0 17 0 24 1 7 1 14 1 19 0 6 3 10 9 13 7 4 14 6 23 7l-15 34-13 0c-4 0-9 2-12 5-3 4-5 8-5 12 0 5 2 9 5 12 3 4 8 5 12 5l25 0c2 7 5 13 11 18 6 5 12 7 20 7 4 0 7-3 9-9 2-6 4-13 4-21 0-8-2-15-4-21-2-6-5-10-9-10-3 0-4 1-5 1l55-131c2 1 4 1 8 1 18 0 33-6 46-19 13-13 19-28 19-46 0-18-6-33-19-46-13-13-28-20-46-20-18 0-33 7-46 20-13 13-19 28-19 46 0 21 8 38 25 51l-10 23c-16-48-42-73-75-73l-105 0 0-1c0-18-7-33-20-46-13-13-28-20-46-20-18 0-33 7-46 20-13 13-19 28-19 46l0 1-34 0c-1 2-2 3-4 5-1 2-3 6-6 12-3 6-4 12-4 17z m82-35c0-9 3-16 9-22 6-6 14-9 22-9 9 0 16 3 22 9 6 6 9 13 9 22l0 1-62 0z m296 0c0-9 3-16 9-22 6-6 14-9 22-9 9 0 16 3 22 9 6 6 9 13 9 22 0 7-2 13-7 19-5 5-10 9-17 10l9-23c1-2 2-4 2-6 0-5-2-9-5-12-3-4-7-6-12-6-9 0-14 4-16 11l-11 24c-3-5-5-11-5-17z"/>
+<glyph glyph-name="rv" unicode="&#105;" d="M2 158l55 0c1-24 21-44 45-44 25 0 45 20 45 44l177 0 0 152 138 0c6 0 11 4 13 9 3 5 2 12-2 16l-47 58c-3 3-8 5-12 5l-392 0c-8 0-14-6-14-14l0-201-6 0c-1 0-2-1-2-2l0-21c0-1 1-2 2-2z m100-15c-9 0-16 6-16 15 0 0 0 1 0 1 0 9 7 17 16 17 9 0 17-8 17-17 0 0 0-1 0-1-1-9-8-15-17-15z m179 47c0-1-1-2-2-2l-57 0c-1 0-1 1-1 2l0 156c0 1 0 1 1 1l57 0c1 0 2 0 2-1z m-224 156c0 1 1 1 2 1l109 0c1 0 2 0 2-1l0-58c0-1-1-2-2-2l-109 0c-1 0-2 1-2 2z m395-101l-21 42-83 0 0-129 30 0c0-24 20-44 45-44 25 0 45 20 45 44l42 0c1 0 2 1 2 2l0 21c0 1-1 2-2 2l-9 0 0 47z m-80 18c0 1 1 2 2 2l37 0c1 0 2 0 2-1l11-25c0-1 0-2-1-2l-49 0c-1 0-2 1-2 2z m51-120c-9 0-16 6-16 15 0 0 0 1 0 1 0 9 7 17 16 17 9 0 16-8 16-17 0 0 0-1 0-1 0-9-7-15-16-15z m-186 130c0-2-2-4-4-4-3 0-5 2-5 4 0 3 2 5 5 5 2 0 4-2 4-5z"/>
+<glyph glyph-name="ama-card" unicode="&#106;" d="M497 319c-12 44-51 74-105 89l-33 10-88-1c-6-1-44-12-51-14-129-37-221-133-197-216 13-45 57-77 115-91l144-1c9 2 17 4 25 7 129 37 214 134 190 217z m-200-183c-110-31-220-4-239 60-18 64 63 140 172 171 110 31 214 5 232-59 18-63-56-140-165-172z m68 225l-41-12-4-82-64 99-54-16-8-81c-3 8-17 47-67 33 0 0-61-18-40-89 20-71 80-52 80-52 0 0 7 1 15 6l-2-23 49-3 5 52 65 19 28-43 42 24-15 23 0 0 0 25 37 11 15-22 37 11z m-207-169c-16-5-29 14-34 33 0 0-10 40 12 47 20 6 23-14 23-14l34 10-5-47-15-4c0 0 2-21-15-25z m79 42l4 72 37-60z m117 39l1 41 22-34z m124-182l-443 0c-19 0-34 15-34 34l0 261c0 19 15 34 34 34l443 0c19 0 34-15 34-34l0-261c0-19-15-34-34-34z m-443 303c-4 0-7-4-7-8l0-261c0-4 3-7 7-7l443 0c4 0 8 3 8 7l0 261c0 4-4 8-8 8z"/>
+</font></defs></svg>

data/app/assets/stylesheets/ama_layout/webfonts/ss-symbolicons-block.scss

@@ -12,11 +12,11 @@
 
 @font-face {
   font-family: "SSSymbolicons";
-  src: asset-url('webfonts/stylesheets/webfonts/ss-symbolicons-block.eot');
-  src: asset-url('webfonts/ss-symbolicons-block.eot?#iefix') format('embedded-opentype'),
-       asset-url('webfonts/ss-symbolicons-block.woff') format('woff'),
-       asset-url('webfonts/stylesheets/ama_layout/webfonts/ss-symbolicons-block.ttf')  format('truetype'),
-       asset-url('webfonts/ss-symbolicons-block.svg#SSSymboliconsBlock') format('svg');
+  src: asset-url('ama_layout/webfonts/stylesheets/webfonts/ss-symbolicons-block.eot');
+  src: asset-url('ama_layout/webfonts/ss-symbolicons-block.eot?#iefix') format('embedded-opentype'),
+       asset-url('ama_layout/webfonts/ss-symbolicons-block.woff') format('woff'),
+       asset-url('ama_layout/webfonts/stylesheets/ama_layout/webfonts/ss-symbolicons-block.ttf')  format('truetype'),
+       asset-url('ama_layout/webfonts/ss-symbolicons-block.svg#SSSymboliconsBlock') format('svg');
   font-weight: normal;
   font-style: normal;
 }

data/lib/ama_layout/navigation.yml

@@ -29,7 +29,7 @@ member:
     sub_nav:
       - text: "Rewards Overview"
         link: "<%= Rails.configuration.youraccount_site %>/rewards"
-      - text: "Reload Esso Cards"
+      - text: "Gift Cards"
         link: "<%= Rails.configuration.membership_site %>/reward_cards"
       - text: "Transaction History"
         link: "<%= Rails.configuration.youraccount_site %>/reward_dollars"

data/lib/ama_layout/version.rb

@@ -1,3 +1,3 @@
 module AmaLayout
-  VERSION = '3.0.0'
+  VERSION = '3.1.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ama_layout
 version: !ruby/object:Gem::Version
-  version: 3.0.0
+  version: 3.1.0
 platform: ruby
 authors:
 - Michael van den Beuken
@@ -18,7 +18,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-04-28 00:00:00.000000000 Z
+date: 2016-05-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: foundation-rails
@@ -277,6 +277,7 @@ files:
 - app/assets/stylesheets/ama_layout/layout_components/cart.scss
 - app/assets/stylesheets/ama_layout/layout_components/error-page.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/index.scss
 - app/assets/stylesheets/ama_layout/layout_components/notification.scss
 - app/assets/stylesheets/ama_layout/layout_components/responsive-table.scss
@@ -291,6 +292,11 @@ files:
 - app/assets/stylesheets/ama_layout/media_queries/mobile.scss
 - app/assets/stylesheets/ama_layout/media_queries/tablet.scss
 - app/assets/stylesheets/ama_layout/old-ie.scss
+- app/assets/stylesheets/ama_layout/webfonts/ama-icon-font.scss
+- app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.eot
+- app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.svg
+- app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.ttf
+- app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.woff
 - app/assets/stylesheets/ama_layout/webfonts/ss-symbolicons-block.eot
 - app/assets/stylesheets/ama_layout/webfonts/ss-symbolicons-block.scss
 - app/assets/stylesheets/ama_layout/webfonts/ss-symbolicons-block.svg
@@ -367,7 +373,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.2.2
+rubygems_version: 2.4.5.1
 signing_key: 
 specification_version: 4
 summary: ".ama.ab.ca site layouts"