ama_layout 4.8.7 → 4.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/ama_layout/layout/variables.scss +2 -0
  3. data/app/assets/stylesheets/ama_layout/layout_components/banners.scss +14 -1
  4. data/app/assets/stylesheets/ama_layout/layout_components/{button-grouping.scss → buttons/button-grouping.scss} +0 -0
  5. data/app/assets/stylesheets/ama_layout/layout_components/buttons/button-toggle.scss +39 -0
  6. data/app/assets/stylesheets/ama_layout/layout_components/{buttons.scss → buttons/buttons.scss} +0 -0
  7. data/app/assets/stylesheets/ama_layout/layout_components/buttons/index.scss +3 -0
  8. data/app/assets/stylesheets/ama_layout/layout_components/colour-coordinated-list.scss +25 -0
  9. data/app/assets/stylesheets/ama_layout/layout_components/forms.scss +16 -0
  10. data/app/assets/stylesheets/ama_layout/layout_components/index.scss +6 -3
  11. data/app/assets/stylesheets/ama_layout/layout_components/legends/index.scss +2 -0
  12. data/app/assets/stylesheets/ama_layout/layout_components/legends/legend-map.scss +48 -0
  13. data/app/assets/stylesheets/ama_layout/layout_components/legends/legends.scss +77 -0
  14. data/app/assets/stylesheets/ama_layout/layout_components/maps.scss +21 -0
  15. data/app/assets/stylesheets/ama_layout/layout_components/option-toggle.scss +52 -0
  16. data/app/assets/stylesheets/ama_layout/layout_components/reveal-modal.scss +17 -1
  17. data/app/assets/stylesheets/ama_layout/layout_components/sections.scss +36 -14
  18. data/app/assets/stylesheets/ama_layout/layout_components/side_nav.scss +22 -5
  19. data/app/assets/stylesheets/ama_layout/layout_components/siteheader.scss +27 -0
  20. data/app/assets/stylesheets/ama_layout/webfonts/ama-icon-font.scss +39 -10
  21. data/app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.eot +0 -0
  22. data/app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.svg +7 -2
  23. data/app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.ttf +0 -0
  24. data/app/assets/stylesheets/ama_layout/webfonts/fonts/ama-icon-font.woff +0 -0
  25. data/lib/ama_layout/version.rb +1 -1
  26. metadata +13 -5
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: c1d2ea386ffcdbd3758f002ea03243002d4e8ccd
4
- data.tar.gz: 19c93be92bbdd7ded7f8460f508869460c9f0475
3
+ metadata.gz: 60ecdc9a1f2ee7f3a0facd10c7994f97b70cab02
4
+ data.tar.gz: 346e5c6bd027822e5e8550f427202bf47d1ea6cb
5
5
  SHA512:
6
- metadata.gz: 1769177f42704573c735e2859571abd5e02f8ac6fb801a86955070937f1a4b968e32238fe5829187d97a2a77aa26dad3751b864c1ea80e78dd11c2d2806cb90a
7
- data.tar.gz: dd284b94e125db0fa0d2e227fc8f1cc28877791adef7e49d5e6dff403b0963473e205b6fac06ef428f5096725ea4b3eb9e363c6f9baff0a3238f0172a529d018
6
+ metadata.gz: 7eae64c4b542b81f01f2e36fd45de38f811605543dbc3d58e43848184af862ccbe78d0fe6880d15c94cb71a10bc0d8550e0691af69479c3b3706c413b784c8a4
7
+ data.tar.gz: 40fece6c529f68e722cff0aa7dfbcfd7be71f690bb3d46e7c8cdf5fcdbadcf63c04f2e9600064b66365c7eaf6f1fd74faf7a9d572541483f0aa2e3d18ebc8c93
@@ -1,10 +1,12 @@
1
1
  /* Colours */
2
2
  $brand-red: #da291c;
3
+ $sangria: #780000;
3
4
  $white: #ffffff;
4
5
  $green: #3fae60;
5
6
  $brand-green: #78be20; //Rewards Green
6
7
  $brand-blue-insurance:#00a3e0;
7
8
  $orange: #e7992b;
9
+ $canary: #FFC345;
8
10
  // Blue tones - ordered from lightest to darkest
9
11
  $sky: #e2f4fc;
10
12
  $dark-sky: #b4e2f7;
@@ -18,6 +18,12 @@
18
18
  padding: $base-padding;
19
19
  }
20
20
 
21
+ &--brand-blue-light{
22
+ @extend .banner;
23
+ background: $brand-blue-light;
24
+ padding: $base-padding;
25
+ }
26
+
21
27
  &__title,
22
28
  &__text{
23
29
  color: $white;
@@ -46,7 +52,7 @@
46
52
  &__content{
47
53
  position: relative;
48
54
 
49
- &--vertical-center{
55
+ &--vertical-center{
50
56
  @include breakpoint(large){
51
57
  @include vertical-center;
52
58
  }
@@ -69,4 +75,11 @@
69
75
  color: $white;
70
76
  }
71
77
  }
78
+
79
+ &--pushed-fixed{
80
+ left: 300px;
81
+ width: calc(100% - 300px);
82
+ position: fixed;
83
+ z-index: 1;
84
+ }
72
85
  }
@@ -0,0 +1,39 @@
1
+ .button-toggle{
2
+ width: 100%;
3
+ margin: 0 auto;
4
+ display: block;
5
+
6
+ &--absolute{
7
+ @extend .button-toggle;
8
+ position: absolute;
9
+ top: 15px;
10
+ width: 95%;
11
+ left: 2.5%;
12
+ }
13
+
14
+ &__option{
15
+ width: 50%;
16
+ border: 2px solid $cerulean;
17
+ float: left;
18
+ background: $white;
19
+ color: $slate;
20
+ padding: $base-padding*0.45;
21
+ text-align: center;
22
+
23
+ &--right{
24
+ @extend .button-toggle__option;
25
+ border-radius: 0 5px 5px 0;
26
+ margin-left: -1px;
27
+ }
28
+
29
+ &--left{
30
+ @extend .button-toggle__option;
31
+ border-radius: 5px 0 0 5px;
32
+ }
33
+
34
+ &.visible{
35
+ background: $cerulean;
36
+ color: $white;
37
+ }
38
+ }
39
+ }
@@ -0,0 +1,3 @@
1
+ @import "button-grouping";
2
+ @import "buttons";
3
+ @import "button-toggle";
@@ -0,0 +1,25 @@
1
+ .colour-coordinated-list{
2
+ margin: $base-margin $base-margin*0.5;
3
+ padding: $base-padding*0.5 $base-padding;
4
+ list-style-type: none;
5
+
6
+ &.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
7
+ border-left: 9px solid $brand-green;
8
+ }
9
+
10
+ &.fair{
11
+ border-left: 9px solid $orange;
12
+ }
13
+
14
+ &.poor{
15
+ border-left: 9px solid $brand-red;
16
+ }
17
+
18
+ &.unreported{
19
+ border-left: 9px solid $smoke;
20
+ }
21
+
22
+ &.closed{
23
+ border-left: 9px solid $black;
24
+ }
25
+ }
@@ -481,9 +481,25 @@ input[type="url"]:-ms-input-placeholder{
481
481
  @include large-8;
482
482
  }
483
483
 
484
+ &__input{
485
+ &--inline{
486
+ @include small-8;
487
+ }
488
+ }
489
+
490
+ &__label{
491
+ &--white{
492
+ color: $white;
493
+ }
494
+ }
495
+
484
496
  &__submit{
485
497
  &--right{
486
498
  @include large-4;
487
499
  }
500
+
501
+ &--inline{
502
+ @include small-4;
503
+ }
488
504
  }
489
505
  }
@@ -1,9 +1,9 @@
1
1
  //Keep this alphabetized
2
2
  @import "accordions";
3
+ @import "siteheader";
3
4
  @import "banners";
4
5
  @import "breadcrumbs";
5
- @import "button-grouping";
6
- @import "buttons";
6
+ @import "buttons/index";
7
7
  @import "callouts";
8
8
  @import "cart";
9
9
  @import "comparison-radios";
@@ -26,7 +26,10 @@
26
26
  @import "reveal-modal";
27
27
  @import "sections";
28
28
  @import "side_nav";
29
- @import "siteheader";
30
29
  @import "tables";
30
+ @import "maps";
31
+ @import "legends/index";
32
+ @import "option-toggle";
33
+ @import "colour-coordinated-list";
31
34
  @import "call-to-action";
32
35
  @import "receipt-summary";
@@ -0,0 +1,2 @@
1
+ @import "legends";
2
+ @import "legend-map";
@@ -0,0 +1,48 @@
1
+ .legend-map{
2
+ display: none;
3
+ width: 160px;
4
+ background-color: $white;
5
+ color: $slate;
6
+ position: absolute;
7
+ top: 145px;
8
+ right: 0;
9
+ z-index: 5;
10
+
11
+ @include breakpoint(small down){
12
+ bottom: 30px;
13
+ top: auto;
14
+ width: 100%;
15
+ position: fixed;
16
+
17
+ .legend__icon{
18
+ float: none;
19
+ margin: 0 auto 6px auto;
20
+ display: block;
21
+
22
+ &--rect{
23
+ height: 3.5px;
24
+ width: 27px;
25
+ }
26
+ }
27
+
28
+ .legend__text{
29
+ float: none;
30
+ }
31
+
32
+ .legend__key-identifier{
33
+ float: left;
34
+ margin-right: $base-margin*0.45;
35
+ text-align: center;
36
+ }
37
+
38
+ .legend__keys{
39
+ @include clearfix;
40
+ width: auto;
41
+ margin: 0 auto;
42
+ }
43
+ }
44
+
45
+ &.visible{
46
+ display: block;
47
+ }
48
+ }
@@ -0,0 +1,77 @@
1
+ .legend{
2
+ &__header{
3
+ background-color: $cerulean;
4
+ color: $white;
5
+ padding: $base-padding*0.6;
6
+ }
7
+
8
+ &__content-container{
9
+ background-color: $white;
10
+ padding: $base-padding*0.6;
11
+ }
12
+
13
+ &__keys{
14
+ list-style: none;
15
+ margin-bottom: 0;
16
+ }
17
+
18
+ &__key-identifier{
19
+ @include clearfix;
20
+ margin-top: $base-margin*0.4;
21
+ }
22
+
23
+ &__icon{
24
+ height: 12px;
25
+ width: 12px;
26
+ float: left;
27
+ margin-right: $base-margin*0.45;
28
+ margin-top: $base-margin*0.2;
29
+ border-radius: 100%;
30
+ -webkit-border-radius: 100%;
31
+
32
+ &--grey{
33
+ @extend .legend__icon;
34
+ background-color: $smoke;
35
+ }
36
+
37
+ &--green{
38
+ @extend .legend__icon;
39
+ background-color: $brand-green;
40
+ }
41
+
42
+ &--darkred{
43
+ @extend .legend__icon;
44
+ background-color: $sangria;
45
+ }
46
+
47
+ &--yellow{
48
+ @extend .legend__icon;
49
+ background-color: $canary;
50
+ }
51
+
52
+ &--red{
53
+ @extend .legend__icon;
54
+ background-color: $brand-red;
55
+ }
56
+
57
+ &--black{
58
+ @extend .legend__icon;
59
+ background-color: $black;
60
+ }
61
+ }
62
+
63
+ &__icon--rect{
64
+ height: 25px;
65
+ width: 3.5px;
66
+ float: left;
67
+ border-radius: 0;
68
+ margin-right: $base-margin*0.45;
69
+ margin-top: 0;
70
+ }
71
+
72
+ &__text{
73
+ float: left;
74
+ font-size: $base-font-size*0.8;
75
+ line-height: 1.3rem;
76
+ }
77
+ }
@@ -0,0 +1,21 @@
1
+ .map-full-page{
2
+ position: relative;
3
+ top: 0;
4
+ bottom: 0;
5
+ left: 0;
6
+ right: 0;
7
+ height: calc(100vh - 53px);
8
+
9
+ &__location-icon{
10
+ position: fixed;
11
+ left: 10px;
12
+ bottom: 30px;
13
+ z-index: 5;
14
+ cursor: pointer;
15
+ display: none;
16
+
17
+ @include breakpoint(small down){
18
+ bottom: 155px;
19
+ }
20
+ }
21
+ }
@@ -0,0 +1,52 @@
1
+ .option-toggle{
2
+ &__list{
3
+ list-style: none;
4
+ margin-bottom: 0;
5
+ }
6
+
7
+ &__item{
8
+ @include clearfix;
9
+ margin: 1px 0;
10
+ background-color: $white;
11
+ color: $cerulean;
12
+ position: relative;
13
+
14
+ &:nth-child(even){
15
+ background-color: $ash;
16
+ }
17
+
18
+ &.visible{ //this class isn't BEM because of the old JS in RR - KR
19
+ background-color: $brand-blue-light;
20
+ color: $white;
21
+
22
+ .option-toggle__icon{
23
+ background-color: $brand-blue-light;
24
+ color: $white;
25
+ }
26
+ }
27
+ }
28
+
29
+ &__label{
30
+ margin: 0 0 0 $base-margin;
31
+ line-height: 24px;
32
+ @include vertical-center;
33
+ }
34
+
35
+ &__icon-container{
36
+ background-color: transparent;
37
+ width: 60px;
38
+ height: 50px;
39
+ float: left;
40
+ padding: $base-padding*1.5;
41
+ position: relative;
42
+ }
43
+
44
+ &__icon{
45
+ color: $cerulean;
46
+ width: 100%;
47
+ font-size: $base-font-size*1.75;
48
+ left: 0;
49
+ text-align: center;
50
+ @include vertical-center;
51
+ }
52
+ }
@@ -12,6 +12,8 @@ dialog .close-reveal-modal{
12
12
 
13
13
  .reveal-modal{
14
14
  max-width: 960px;
15
+ position: relative;
16
+ margin: 0 auto;
15
17
 
16
18
  a{
17
19
  text-decoration: none;
@@ -21,7 +23,21 @@ dialog .close-reveal-modal{
21
23
  @include breakpoint(small only){
22
24
  top: 50px !important;
23
25
  min-height: 240px;
24
- position: fixed;
26
+ }
27
+
28
+ &__close{
29
+ position: absolute;
30
+ color: $slate;
31
+ right: 1rem;
32
+ top: 0.5rem;
33
+ font-size: 2em;
34
+ line-height: 1;
35
+ cursor: pointer;
36
+
37
+ &--white{
38
+ @extend .reveal-modal__close;
39
+ color: $white;
40
+ }
25
41
  }
26
42
  }
27
43
 
@@ -23,6 +23,18 @@
23
23
  margin-bottom: 0;
24
24
  }
25
25
  }
26
+
27
+ &--scroll{
28
+ overflow: auto;
29
+ height: 500px;
30
+ padding: 0 $base-padding;
31
+ margin-bottom: $base-margin;
32
+ border: $base-border;
33
+
34
+ @include breakpoint(small down){
35
+ height: 350px;
36
+ }
37
+ }
26
38
  }
27
39
 
28
40
  .section-nested{
@@ -52,17 +64,32 @@
52
64
  @extend .heading;
53
65
  background: $brand-blue-dark;
54
66
  }
55
- }
56
67
 
57
- .section-heading--accordion{
58
- @extend .heading;
59
- overflow: auto;
60
- display: block;
61
- }
68
+ &--accordion{
69
+ @extend .heading;
70
+ overflow: auto;
71
+ display: block;
72
+ }
62
73
 
63
- .section-heading--green{
64
- @extend .heading;
65
- background: $brand-green;
74
+ &--orange{
75
+ @extend .heading;
76
+ background: $orange;
77
+ }
78
+
79
+ &--yellow{
80
+ @extend .heading;
81
+ background: $canary;
82
+ }
83
+
84
+ &--blue{
85
+ @extend .heading;
86
+ background: $brand-blue-light;
87
+ }
88
+
89
+ &--green{
90
+ @extend .heading;
91
+ background: $brand-green;
92
+ }
66
93
  }
67
94
 
68
95
  .section-quarter{
@@ -70,11 +97,6 @@
70
97
  @include large-3;
71
98
  }
72
99
 
73
- .section-heading--blue{
74
- @extend .heading;
75
- background: $brand-blue-light;
76
- }
77
-
78
100
  .section-half{
79
101
  @extend .section;
80
102
  @include large-6;
@@ -1,13 +1,12 @@
1
1
  .side-nav{
2
2
  background: $white;
3
3
  @include grid-column(2,0);
4
- @include show-for(large);
5
4
 
6
- &__spacer{
7
- @include breakpoint(medium down){
8
- display: none;
9
- }
5
+ @include breakpoint(medium down){
6
+ display: none;
7
+ }
10
8
 
9
+ &__spacer{
11
10
  @include large-2;
12
11
  height: 100%;
13
12
  position: absolute;
@@ -17,6 +16,13 @@
17
16
  @extend .side-nav__spacer;
18
17
  background-color: $white;
19
18
  }
19
+
20
+ &--show-for-medium{
21
+ @extend .side-nav__spacer;
22
+ @include breakpoint(medium down){
23
+ display: block;
24
+ }
25
+ }
20
26
  }
21
27
 
22
28
  &__header{
@@ -67,4 +73,15 @@
67
73
  color: $cerulean;
68
74
  }
69
75
  }
76
+
77
+ &--overlay{
78
+ @extend .side-nav;
79
+ z-index: 1000;
80
+ position: absolute;
81
+ min-width: 300px;
82
+
83
+ @include breakpoint(medium down){
84
+ position: relative;
85
+ }
86
+ }
70
87
  }
@@ -13,6 +13,12 @@
13
13
  top: 0;
14
14
  width: 100%;
15
15
  z-index: 9999;
16
+
17
+ &--absolute-mobile{
18
+ @include breakpoint(medium down){
19
+ position: absolute;
20
+ }
21
+ }
16
22
  }
17
23
 
18
24
  .top-bar{
@@ -22,6 +28,11 @@
22
28
 
23
29
  &__logo{
24
30
  @extend .logo;
31
+
32
+ &--roadreports{
33
+ @extend .logo;
34
+ width: 260px;
35
+ }
25
36
  }
26
37
 
27
38
  &__item{
@@ -82,6 +93,12 @@
82
93
  &__logo{
83
94
  @extend .logo;
84
95
  @include horizontal-center;
96
+
97
+ &--roadreports{
98
+ @extend .logo;
99
+ @include horizontal-center;
100
+ width: 260px;
101
+ }
85
102
  }
86
103
  }
87
104
 
@@ -102,6 +119,16 @@
102
119
  top: 0;
103
120
  left: 0;
104
121
  }
122
+
123
+ &--pin{
124
+ color: $cerulean;
125
+ font-size: $base-font-size*2;
126
+ padding-top: $base-padding*0.7;
127
+ top: 0;
128
+ right: 0;
129
+ @extend .fa;
130
+ @extend .fa-map-marker;
131
+ }
105
132
  }
106
133
 
107
134
  .page-header{
@@ -23,36 +23,65 @@
23
23
  -moz-osx-font-smoothing: grayscale;
24
24
  }
25
25
 
26
- .ama-icon-motorcycle:before {
26
+
27
+ .ama-icon-motorcycle:before{
27
28
  content: "\61";
28
29
  }
29
- .ama-icon-map-pin:before {
30
+
31
+ .ama-icon-map-pin:before{
30
32
  content: "\62";
31
33
  }
32
- .ama-icon-home:before {
34
+
35
+ .ama-icon-home:before{
33
36
  content: "\63";
34
37
  }
35
- .ama-icon-hospital:before {
38
+
39
+ .ama-icon-hospital:before{
36
40
  content: "\64";
37
41
  }
38
- .ama-icon-battery-power:before {
42
+
43
+ .ama-icon-battery-power:before{
39
44
  content: "\65";
40
45
  }
41
- .ama-icon-settings:before {
46
+
47
+ .ama-icon-settings:before{
42
48
  content: "\66";
43
49
  }
44
- .ama-icon-bicycle:before {
50
+
51
+ .ama-icon-bicycle:before{
45
52
  content: "\67";
46
53
  }
47
- .ama-icon-scooter:before {
54
+
55
+ .ama-icon-scooter:before{
48
56
  content: "\68";
49
57
  }
50
- .ama-icon-rv:before {
58
+
59
+ .ama-icon-rv:before{
51
60
  content: "\69";
52
61
  }
53
- .ama-icon-ama-card:before {
62
+
63
+ .ama-icon-ama-card:before{
54
64
  content: "\6a";
55
65
  }
66
+ .ama-icon-traffic-cone:before{
67
+ content: "\6b";
68
+ }
69
+
70
+ .ama-icon-stoplight:before{
71
+ content: "\6c";
72
+ }
73
+
74
+ .ama-icon-restroom:before{
75
+ content: "\6d";
76
+ }
77
+
78
+ .ama-icon-caa:before{
79
+ content: "\6f";
80
+ }
81
+
82
+ .ama-icon-towtruck:before{
83
+ content: "\6e";
84
+ }
56
85
 
57
86
  .ama-icon{
58
87
  &__medium{
@@ -3,8 +3,8 @@
3
3
  <svg xmlns="http://www.w3.org/2000/svg">
4
4
  <metadata>Generated by Fontastic.me</metadata>
5
5
  <defs>
6
- <font id="untitled-font-1" horiz-adv-x="512">
7
- <font-face font-family="untitled-font-1" units-per-em="512" ascent="480" descent="-32"/>
6
+ <font id="ama-icon-font" horiz-adv-x="512">
7
+ <font-face font-family="ama-icon-font" units-per-em="512" ascent="480" descent="-32"/>
8
8
  <missing-glyph horiz-adv-x="512" />
9
9
 
10
10
  <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 @@
17
17
  <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"/>
18
18
  <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"/>
19
19
  <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"/>
20
+ <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"/>
21
+ <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"/>
22
+ <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"/>
23
+ <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"/>
24
+ <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"/>
20
25
  </font></defs></svg>
@@ -1,3 +1,3 @@
1
1
  module AmaLayout
2
- VERSION = '4.8.7'
2
+ VERSION = '4.9.0'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ama_layout
3
3
  version: !ruby/object:Gem::Version
4
- version: 4.8.7
4
+ version: 4.9.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Michael van den Beuken
@@ -18,7 +18,7 @@ authors:
18
18
  autorequire:
19
19
  bindir: bin
20
20
  cert_chain: []
21
- date: 2017-01-19 00:00:00.000000000 Z
21
+ date: 2017-02-06 00:00:00.000000000 Z
22
22
  dependencies:
23
23
  - !ruby/object:Gem::Dependency
24
24
  name: foundation-rails
@@ -292,11 +292,14 @@ files:
292
292
  - app/assets/stylesheets/ama_layout/layout_components/accordions.scss
293
293
  - app/assets/stylesheets/ama_layout/layout_components/banners.scss
294
294
  - app/assets/stylesheets/ama_layout/layout_components/breadcrumbs.scss
295
- - app/assets/stylesheets/ama_layout/layout_components/button-grouping.scss
296
- - app/assets/stylesheets/ama_layout/layout_components/buttons.scss
295
+ - app/assets/stylesheets/ama_layout/layout_components/buttons/button-grouping.scss
296
+ - app/assets/stylesheets/ama_layout/layout_components/buttons/button-toggle.scss
297
+ - app/assets/stylesheets/ama_layout/layout_components/buttons/buttons.scss
298
+ - app/assets/stylesheets/ama_layout/layout_components/buttons/index.scss
297
299
  - app/assets/stylesheets/ama_layout/layout_components/call-to-action.scss
298
300
  - app/assets/stylesheets/ama_layout/layout_components/callouts.scss
299
301
  - app/assets/stylesheets/ama_layout/layout_components/cart.scss
302
+ - app/assets/stylesheets/ama_layout/layout_components/colour-coordinated-list.scss
300
303
  - app/assets/stylesheets/ama_layout/layout_components/comparison-radios.scss
301
304
  - app/assets/stylesheets/ama_layout/layout_components/content-toggle.scss
302
305
  - app/assets/stylesheets/ama_layout/layout_components/error-page.scss
@@ -307,10 +310,15 @@ files:
307
310
  - app/assets/stylesheets/ama_layout/layout_components/hero.scss
308
311
  - app/assets/stylesheets/ama_layout/layout_components/icon-group.scss
309
312
  - app/assets/stylesheets/ama_layout/layout_components/index.scss
313
+ - app/assets/stylesheets/ama_layout/layout_components/legends/index.scss
314
+ - app/assets/stylesheets/ama_layout/layout_components/legends/legend-map.scss
315
+ - app/assets/stylesheets/ama_layout/layout_components/legends/legends.scss
310
316
  - app/assets/stylesheets/ama_layout/layout_components/link-list.scss
311
317
  - app/assets/stylesheets/ama_layout/layout_components/links.scss
318
+ - app/assets/stylesheets/ama_layout/layout_components/maps.scss
312
319
  - app/assets/stylesheets/ama_layout/layout_components/member-card.scss
313
320
  - app/assets/stylesheets/ama_layout/layout_components/notification.scss
321
+ - app/assets/stylesheets/ama_layout/layout_components/option-toggle.scss
314
322
  - app/assets/stylesheets/ama_layout/layout_components/pagination.scss
315
323
  - app/assets/stylesheets/ama_layout/layout_components/progress-bar.scss
316
324
  - app/assets/stylesheets/ama_layout/layout_components/promo-block.scss
@@ -418,7 +426,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
418
426
  version: '0'
419
427
  requirements: []
420
428
  rubyforge_project:
421
- rubygems_version: 2.2.2
429
+ rubygems_version: 2.4.5.1
422
430
  signing_key:
423
431
  specification_version: 4
424
432
  summary: ".ama.ab.ca site layouts"