ama_layout 4.8.7 → 4.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: c1d2ea386ffcdbd3758f002ea03243002d4e8ccd
-  data.tar.gz: 19c93be92bbdd7ded7f8460f508869460c9f0475
+  metadata.gz: 60ecdc9a1f2ee7f3a0facd10c7994f97b70cab02
+  data.tar.gz: 346e5c6bd027822e5e8550f427202bf47d1ea6cb
 SHA512:
-  metadata.gz: 1769177f42704573c735e2859571abd5e02f8ac6fb801a86955070937f1a4b968e32238fe5829187d97a2a77aa26dad3751b864c1ea80e78dd11c2d2806cb90a
-  data.tar.gz: dd284b94e125db0fa0d2e227fc8f1cc28877791adef7e49d5e6dff403b0963473e205b6fac06ef428f5096725ea4b3eb9e363c6f9baff0a3238f0172a529d018
+  metadata.gz: 7eae64c4b542b81f01f2e36fd45de38f811605543dbc3d58e43848184af862ccbe78d0fe6880d15c94cb71a10bc0d8550e0691af69479c3b3706c413b784c8a4
+  data.tar.gz: 40fece6c529f68e722cff0aa7dfbcfd7be71f690bb3d46e7c8cdf5fcdbadcf63c04f2e9600064b66365c7eaf6f1fd74faf7a9d572541483f0aa2e3d18ebc8c93

data/app/assets/stylesheets/ama_layout/layout/variables.scss

@@ -1,10 +1,12 @@
 /* Colours */
 $brand-red: #da291c;
+$sangria: #780000;
 $white: #ffffff;
 $green: #3fae60;
 $brand-green: #78be20; //Rewards Green
 $brand-blue-insurance:#00a3e0;
 $orange: #e7992b;
+$canary: #FFC345;
 // Blue tones - ordered from lightest to darkest
 $sky: #e2f4fc;
 $dark-sky: #b4e2f7;

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

@@ -18,6 +18,12 @@
     padding: $base-padding;
   }
 
+  &--brand-blue-light{
+    @extend .banner;
+    background: $brand-blue-light;
+    padding: $base-padding;
+  }
+
   &__title,
   &__text{
     color: $white;
@@ -46,7 +52,7 @@
   &__content{
     position: relative;
 
-   &--vertical-center{    
+    &--vertical-center{
      @include breakpoint(large){
        @include vertical-center;
     }
@@ -69,4 +75,11 @@
       color: $white;
     }
   }
+
+  &--pushed-fixed{
+    left: 300px;
+    width: calc(100% - 300px);
+    position: fixed;
+    z-index: 1;
+  }
 }

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

@@ -0,0 +1,39 @@
+.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/index.scss

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

data/app/assets/stylesheets/ama_layout/layout_components/colour-coordinated-list.scss

@@ -0,0 +1,25 @@
+.colour-coordinated-list{
+  margin: $base-margin $base-margin*0.5;
+  padding: $base-padding*0.5 $base-padding;
+  list-style-type: none;
+
+  &.good{ //I will be making a bug for the devs to change the way the JS uses these classes so we can rename to something a bit better -KR
+    border-left: 9px solid $brand-green;
+  }
+
+  &.fair{
+    border-left: 9px solid $orange;
+  }
+
+  &.poor{
+    border-left: 9px solid  $brand-red;
+  }
+
+  &.unreported{
+    border-left: 9px solid $smoke;
+  }
+
+  &.closed{
+    border-left: 9px solid  $black;
+  }
+}

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

@@ -481,9 +481,25 @@ input[type="url"]:-ms-input-placeholder{
     @include large-8;
   }
 
+  &__input{
+    &--inline{
+      @include small-8;
+    }
+  }
+
+  &__label{
+    &--white{
+      color: $white;
+    }
+  }
+
   &__submit{
     &--right{
       @include large-4;
     }
+
+    &--inline{
+      @include small-4;
+    }
   }
 }

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

@@ -1,9 +1,9 @@
 //Keep this alphabetized
 @import "accordions";
+@import "siteheader";
 @import "banners";
 @import "breadcrumbs";
-@import "button-grouping";
-@import "buttons";
+@import "buttons/index";
 @import "callouts";
 @import "cart";
 @import "comparison-radios";
@@ -26,7 +26,10 @@
 @import "reveal-modal";
 @import "sections";
 @import "side_nav";
-@import "siteheader";
 @import "tables";
+@import "maps";
+@import "legends/index";
+@import "option-toggle";
+@import "colour-coordinated-list";
 @import "call-to-action";
 @import "receipt-summary";

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

@@ -0,0 +1,2 @@
+@import "legends";
+@import "legend-map";

data/app/assets/stylesheets/ama_layout/layout_components/legends/legend-map.scss

@@ -0,0 +1,48 @@
+.legend-map{
+  display: none;
+  width: 160px;
+  background-color: $white;
+  color: $slate;
+  position: absolute;
+  top: 145px;
+  right: 0;
+  z-index: 5;
+
+  @include breakpoint(small down){
+    bottom: 30px;
+    top: auto;
+    width: 100%;
+    position: fixed;
+
+    .legend__icon{
+      float: none;
+      margin: 0 auto 6px auto;
+      display: block;
+
+      &--rect{
+        height: 3.5px;
+        width: 27px;
+      }
+    }
+
+    .legend__text{
+      float: none;
+    }
+
+    .legend__key-identifier{
+      float: left;
+      margin-right: $base-margin*0.45;
+      text-align: center;
+    }
+
+    .legend__keys{
+      @include clearfix;
+      width: auto;
+      margin: 0 auto;
+    }
+  }
+
+  &.visible{
+    display: block;
+  }
+}

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

@@ -0,0 +1,77 @@
+.legend{
+  &__header{
+    background-color: $cerulean;
+    color: $white;
+    padding: $base-padding*0.6;
+  }
+
+  &__content-container{
+    background-color: $white;
+    padding: $base-padding*0.6;
+  }
+
+  &__keys{
+    list-style: none;
+    margin-bottom: 0;
+  }
+
+  &__key-identifier{
+    @include clearfix;
+    margin-top: $base-margin*0.4;
+  }
+
+  &__icon{
+    height: 12px;
+    width: 12px;
+    float: left;
+    margin-right: $base-margin*0.45;
+    margin-top: $base-margin*0.2;
+    border-radius: 100%;
+    -webkit-border-radius: 100%;
+
+    &--grey{
+      @extend .legend__icon;
+      background-color: $smoke;
+    }
+
+    &--green{
+      @extend .legend__icon;
+      background-color: $brand-green;
+    }
+
+    &--darkred{
+      @extend .legend__icon;
+      background-color: $sangria;
+    }
+
+    &--yellow{
+      @extend .legend__icon;
+      background-color: $canary;
+    }
+
+    &--red{
+      @extend .legend__icon;
+      background-color: $brand-red;
+    }
+
+    &--black{
+      @extend .legend__icon;
+      background-color: $black;
+    }
+  }
+
+  &__icon--rect{
+    height: 25px;
+    width: 3.5px;
+    float: left;
+    border-radius: 0;
+    margin-right: $base-margin*0.45;
+    margin-top: 0;
+  }
+
+  &__text{
+    float: left;
+    font-size: $base-font-size*0.8;
+    line-height: 1.3rem;
+  }
+}

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

@@ -0,0 +1,21 @@
+.map-full-page{
+  position: relative;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: calc(100vh - 53px);
+
+  &__location-icon{
+    position: fixed;
+    left: 10px;
+    bottom: 30px;
+    z-index: 5;
+    cursor: pointer;
+    display: none;
+
+    @include breakpoint(small down){
+      bottom: 155px;
+    }
+  }
+}

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

@@ -0,0 +1,52 @@
+.option-toggle{
+  &__list{
+    list-style: none;
+    margin-bottom: 0;
+  }
+
+  &__item{
+    @include clearfix;
+    margin: 1px 0;
+    background-color: $white;
+    color: $cerulean;
+    position: relative;
+
+    &:nth-child(even){
+      background-color: $ash;
+    }
+
+    &.visible{ //this class isn't BEM because of the old JS in RR - KR
+      background-color: $brand-blue-light;
+      color: $white;
+
+      .option-toggle__icon{
+        background-color: $brand-blue-light;
+        color: $white;
+      }
+    }
+  }
+
+  &__label{
+    margin: 0 0 0 $base-margin;
+    line-height: 24px;
+    @include vertical-center;
+  }
+
+  &__icon-container{
+    background-color: transparent;
+    width: 60px;
+    height: 50px;
+    float: left;
+    padding: $base-padding*1.5;
+    position: relative;
+  }
+
+  &__icon{
+    color: $cerulean;
+    width: 100%;
+    font-size: $base-font-size*1.75;
+    left: 0;
+    text-align: center;
+    @include vertical-center;
+  }
+}

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

@@ -12,6 +12,8 @@ dialog .close-reveal-modal{
 
 .reveal-modal{
   max-width: 960px;
+  position: relative;
+  margin: 0 auto;
 
   a{
     text-decoration: none;
@@ -21,7 +23,21 @@ dialog .close-reveal-modal{
   @include breakpoint(small only){
     top: 50px !important;
     min-height: 240px;
-    position: fixed;
+  }
+
+  &__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;
+    }
   }
 }
 

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

@@ -23,6 +23,18 @@
       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{
@@ -52,17 +64,32 @@
     @extend .heading;
     background: $brand-blue-dark;
   }
-}
 
-.section-heading--accordion{
-  @extend .heading;
-  overflow: auto;
-  display: block;
-}
+  &--accordion{
+    @extend .heading;
+    overflow: auto;
+    display: block;
+  }
 
-.section-heading--green{
-  @extend .heading;
-  background: $brand-green;
+  &--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{
@@ -70,11 +97,6 @@
   @include large-3;
 }
 
-.section-heading--blue{
-  @extend .heading;
-  background: $brand-blue-light;
-}
-
 .section-half{
   @extend .section;
   @include large-6;

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

@@ -1,13 +1,12 @@
 .side-nav{
   background: $white;
   @include grid-column(2,0);
-  @include show-for(large);
 
-  &__spacer{
-    @include breakpoint(medium down){
-      display: none;
-    }
+  @include breakpoint(medium down){
+    display: none;
+  }
 
+  &__spacer{
     @include large-2;
     height: 100%;
     position: absolute;
@@ -17,6 +16,13 @@
       @extend .side-nav__spacer;
       background-color: $white;
     }
+
+    &--show-for-medium{
+      @extend .side-nav__spacer;
+      @include breakpoint(medium down){
+        display: block;
+      }
+    }
   }
 
   &__header{
@@ -67,4 +73,15 @@
       color: $cerulean;
     }
   }
+
+  &--overlay{
+    @extend .side-nav;
+    z-index: 1000;
+    position: absolute;
+    min-width: 300px;
+
+    @include breakpoint(medium down){
+      position: relative;
+    }
+  }
 }

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

@@ -13,6 +13,12 @@
   top: 0;
   width: 100%;
   z-index: 9999;
+
+  &--absolute-mobile{
+    @include breakpoint(medium down){
+      position: absolute;
+    }
+  }
 }
 
 .top-bar{
@@ -22,6 +28,11 @@
 
   &__logo{
     @extend .logo;
+
+    &--roadreports{
+      @extend .logo;
+      width: 260px;
+    }
   }
 
   &__item{
@@ -82,6 +93,12 @@
   &__logo{
     @extend .logo;
     @include horizontal-center;
+
+    &--roadreports{
+      @extend .logo;
+      @include horizontal-center;
+      width: 260px;
+    }
   }
 }
 
@@ -102,6 +119,16 @@
     top: 0;
     left: 0;
   }
+
+  &--pin{
+    color: $cerulean;
+    font-size: $base-font-size*2;
+    padding-top: $base-padding*0.7;
+    top: 0;
+    right: 0;
+    @extend .fa;
+    @extend .fa-map-marker;
+  }
 }
 
 .page-header{

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

@@ -23,36 +23,65 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.ama-icon-motorcycle:before {
+
+.ama-icon-motorcycle:before{
   content: "\61";
 }
-.ama-icon-map-pin:before {
+
+.ama-icon-map-pin:before{
   content: "\62";
 }
-.ama-icon-home:before {
+
+.ama-icon-home:before{
   content: "\63";
 }
-.ama-icon-hospital:before {
+
+.ama-icon-hospital:before{
   content: "\64";
 }
-.ama-icon-battery-power:before {
+
+.ama-icon-battery-power:before{
   content: "\65";
 }
-.ama-icon-settings:before {
+
+.ama-icon-settings:before{
   content: "\66";
 }
-.ama-icon-bicycle:before {
+
+.ama-icon-bicycle:before{
   content: "\67";
 }
-.ama-icon-scooter:before {
+
+.ama-icon-scooter:before{
   content: "\68";
 }
-.ama-icon-rv:before {
+
+.ama-icon-rv:before{
   content: "\69";
 }
-.ama-icon-ama-card:before {
+
+.ama-icon-ama-card:before{
   content: "\6a";
 }
+.ama-icon-traffic-cone:before{
+  content: "\6b";
+}
+
+.ama-icon-stoplight:before{
+  content: "\6c";
+}
+
+.ama-icon-restroom:before{
+  content: "\6d";
+}
+
+.ama-icon-caa:before{
+  content: "\6f";
+}
+
+.ama-icon-towtruck:before{
+  content: "\6e";
+}
 
 .ama-icon{
   &__medium{

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

@@ -3,8 +3,8 @@
 <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"/>
+<font id="ama-icon-font" horiz-adv-x="512">
+<font-face font-family="ama-icon-font" 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"/>
@@ -17,4 +17,9 @@
 <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"/>
+<glyph glyph-name="traffic-cone" unicode="&#107;" d="M256 203c-31 0-58 4-80 14-23 9-35 20-36 33 15 42 25 69 29 81 3-10 13-18 30-24 17-6 36-9 57-9 22 0 41 3 57 9 16 6 26 14 30 24 4-12 13-39 28-81-1-13-13-24-35-33-23-10-50-14-80-14m0 171c-33 0-54 7-64 22 0 0 27 73 27 73 3 12 16 17 37 17 21 0 34-5 38-17 4-13 12-37 25-73-9-15-30-22-63-22m225-197c14-5 21-12 21-21 0-8-6-16-19-24 0 0-180-96-180-96-13-8-29-11-47-11-18 0-33 3-46 11 0 0-182 96-182 96-13 7-19 15-18 24 1 9 8 16 21 21 0 0 97 39 97 39 0 0-12-31-12-31 0-16 14-30 41-42 28-11 61-17 99-17 38 0 71 6 98 17 27 12 41 26 42 42 0 0-11 31-11 31 0 0 96-39 96-39"/>
+<glyph glyph-name="stoplight" unicode="&#108;" d="M354 185c8 0 16 6 19 14l32 104c3 7-2 13-10 13l-42 0 2 22c8 0 16 7 18 14l33 104c2 7-2 14-10 14l-42 0 0 8c0 12-9 24-21 26-50 9-102 9-152 0-12-2-22-14-22-26l0-10-42 0c-8 0-13-6-10-13l32-104c3-8 11-14 19-14l1-22-42 0c-8 0-13-6-10-14l32-104c3-7 11-13 19-13l1-22-42 0c-8 0-13-6-10-14l32-104c3-7 11-14 19-14l1-10c0-11 10-21 22-21l150 0c12 0 22 10 22 21l1 10c8 0 16 7 19 14l32 104c3 8-2 14-10 14l-42 0z m-98-144c-31 0-56 25-56 56 0 32 25 57 56 57 32 0 57-25 57-57 0-31-26-56-57-56z m0 153c-31 0-56 25-56 56 0 31 25 56 56 56 32 0 57-25 57-56 0-31-26-56-57-56z m0 152c-31 0-56 25-56 57 0 31 25 56 56 56 32 0 57-25 57-56 0-31-26-57-57-57z"/>
+<glyph glyph-name="restroom" unicode="&#109;" d="M57 512c-36 0-57-19-57-58l0-399c0-36 18-55 55-55l402 0c36 0 55 18 55 55l0 399c0 38-18 58-56 58 0 0-399 0-399 0z m341-116c0-16-13-29-30-29-16 0-29 13-29 29 0 16 13 30 29 30 17 0 30-14 30-30z m-61-35l63 0c28 0 37-7 37-38l0-90c0-18-23-18-23 0l-2 82-6 0 0-225c0-24-33-23-33 0l-1 131-7 0-2-131c0-23-32-24-32 0l0 225-6 0-2-82c0-18-24-18-24 0l0 90c0 31 10 38 38 38z m-162 35c0-16-13-29-29-29-17 0-30 13-30 29 0 16 13 30 30 30 16 0 29-14 29-30z m-109-144l25 83c5 14 20 26 41 26l27 0c22 0 36-12 41-26l25-83c5-18-15-24-20-8l-27 76-3 0c0 0 35-136 36-141 1-2 0-4-3-4-1 0-30 0-30 0l0-89c0-18-27-18-27 0l0 90-11 0 0-90c0-18-27-18-27 0l0 89c0 0-28 0-30 0-3 0-4 2-3 4 1 5 36 141 36 141l-3 0-26-76c-6-16-26-10-21 8z m180-166c0-8 7-14 15-14 8 0 14 6 14 14l0 325c0 8-6 15-14 15-8 0-15-7-15-15z"/>
+<glyph glyph-name="caa" unicode="&#111;" d="M486 332c-40 50-94 73-151 86-116 20-237 2-311-94-26-34-29-90-8-128 54-84 148-111 247-111 93 4 187 31 237 117 21 39 14 95-14 130m-16-98c-25-71-102-97-170-108-84-9-171 4-232 63-23 24-34 61-21 94 34 74 114 96 189 104 86 2 167-14 220-81 15-20 21-48 14-72m-287 80c5-7 8-15 8-25l-37 0c0 5-1 10-7 14-5 5-14 6-21 3-23-11-20-38-19-60 2-12 7-26 19-30 7 0 14 0 19 5 5 6 8 12 9 19l37 0c-3-25-22-47-46-53-22-5-43 2-58 19-23 25-25 65-11 95 9 20 30 36 52 38 23 1 42-8 55-25m161-124l-41-1c7 23 13 45 20 68l-4 11-41 111c-19 0-35-1-54-1l-44-131 19 0c0-27-18-52-40-62-4-10-9-21-11-32 16-3 31-8 47-9 5 20 11 41 18 61l79 0c7-22 14-44 22-65l48 13z m-119 52l25 84c9-28 19-56 28-84z m171 99l-43 0-43-146 38 0c3 10 3 19 7 28l45 0c2-10 5-18 7-28l38 0z m-34-87c3 15 6 31 11 46l14-46z m87-33c5 0 9 4 9 9 0 4-4 8-9 8-4 0-8-4-8-8 0-5 4-9 8-9m-7 9c0 4 3 7 7 7 4 0 7-3 7-7 0-4-3-7-7-7-4 0-7 3-7 7m6-1l1 0 2-4 2 0-3 5c1 0 2 0 2 2 0 2-1 3-3 3l-4 0 0-10 2 0 0 4z m0 1l0 4 2 0c1 0 2 0 2-2 0-2-1-2-2-2z"/>
+<glyph glyph-name="towtruck" unicode="&#110;" d="M409 312c-12 17-22 33-27 39-10 14-15 21-35 21 0 0-75 0-99 0l-12-109-12 0 4 36-100 72c-5 5-14 5-19 0-6-6-6-14-1-20l-48-58c-3 1-6 0-7-3l-19-22c-2-2-3-2-5-2-3 0-6 2-6 6 0 3 3 6 6 6 5 0 8 3 8 8 0 4-3 8-8 8-12 0-22-10-22-22 0-12 10-23 22-23 7 0 13 3 17 8l19 23c2 2 3 5 2 8l47 56 37-57-4-23-55 0-37-37 0-38 22-14c7-24 30-43 56-43 22 0 41 12 51 30l207 0c10-18 29-30 50-30 23 0 43 14 53 34l18 6 0 102z m-275-149c-16 0-28 12-28 27 0 16 12 28 28 28 15 0 28-12 28-28 0-15-13-27-28-27z m233 139l-75 0 2 50 53 0c10 0 10 0 18-13 3-4 9-13 16-23z m75-139c-16 0-28 12-28 27 0 16 12 28 28 28 15 0 27-12 27-28 1-15-12-27-27-27z"/>
 </font></defs></svg>

data/lib/ama_layout/version.rb

@@ -1,3 +1,3 @@
 module AmaLayout
-  VERSION = '4.8.7'
+  VERSION = '4.9.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ama_layout
 version: !ruby/object:Gem::Version
-  version: 4.8.7
+  version: 4.9.0
 platform: ruby
 authors:
 - Michael van den Beuken
@@ -18,7 +18,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-01-19 00:00:00.000000000 Z
+date: 2017-02-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: foundation-rails
@@ -292,11 +292,14 @@ files:
 - app/assets/stylesheets/ama_layout/layout_components/accordions.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
+- app/assets/stylesheets/ama_layout/layout_components/buttons/button-grouping.scss
+- app/assets/stylesheets/ama_layout/layout_components/buttons/button-toggle.scss
+- app/assets/stylesheets/ama_layout/layout_components/buttons/buttons.scss
+- app/assets/stylesheets/ama_layout/layout_components/buttons/index.scss
 - app/assets/stylesheets/ama_layout/layout_components/call-to-action.scss
 - app/assets/stylesheets/ama_layout/layout_components/callouts.scss
 - app/assets/stylesheets/ama_layout/layout_components/cart.scss
+- app/assets/stylesheets/ama_layout/layout_components/colour-coordinated-list.scss
 - app/assets/stylesheets/ama_layout/layout_components/comparison-radios.scss
 - app/assets/stylesheets/ama_layout/layout_components/content-toggle.scss
 - app/assets/stylesheets/ama_layout/layout_components/error-page.scss
@@ -307,10 +310,15 @@ files:
 - app/assets/stylesheets/ama_layout/layout_components/hero.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/legends/index.scss
+- app/assets/stylesheets/ama_layout/layout_components/legends/legend-map.scss
+- app/assets/stylesheets/ama_layout/layout_components/legends/legends.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/maps.scss
 - app/assets/stylesheets/ama_layout/layout_components/member-card.scss
 - app/assets/stylesheets/ama_layout/layout_components/notification.scss
+- app/assets/stylesheets/ama_layout/layout_components/option-toggle.scss
 - app/assets/stylesheets/ama_layout/layout_components/pagination.scss
 - app/assets/stylesheets/ama_layout/layout_components/progress-bar.scss
 - app/assets/stylesheets/ama_layout/layout_components/promo-block.scss
@@ -418,7 +426,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"