ama_layout 4.8.5 → 4.8.6
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.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 604bd375c8a1f57e5e0a1c6dc1b70f9bd9541e1b
|
|
4
|
+
data.tar.gz: cd9f3abcf74d801784c1d7e1eb804a956233ef54
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 39f6108545e658aff4706aa6dcb81bb31f1017a089242dbd427b53097d17f3b88456e7b71f00ed954248c24e0e39be29fa3e51c37d68a0dd5abdd35bdad63af2
|
|
7
|
+
data.tar.gz: 5ed98173cdf4fcac46d5690fc21df6c5ca2326d3f416ea7d334199ca1106bede5900d467db4cd7eda7ba04311ac2b8896edd8499bca458051812f164e9084893
|
|
@@ -35,34 +35,69 @@
|
|
|
35
35
|
}
|
|
36
36
|
|
|
37
37
|
&__radio-btn--centered{
|
|
38
|
+
.comparison-radios__input + label{
|
|
39
|
+
@include breakpoint(small only){
|
|
40
|
+
overflow: hidden;
|
|
41
|
+
padding: 0;
|
|
42
|
+
}
|
|
38
43
|
|
|
39
|
-
|
|
40
|
-
|
|
44
|
+
@include breakpoint(medium){
|
|
45
|
+
padding: 0 0 46px 0;
|
|
46
|
+
}
|
|
41
47
|
|
|
42
48
|
&::before{
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
49
|
+
@include breakpoint(medium){
|
|
50
|
+
top: 100%;
|
|
51
|
+
margin-top: -35px;
|
|
52
|
+
left: 50%;
|
|
53
|
+
margin-left: -12px;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@include breakpoint(small only){
|
|
57
|
+
top: 50%;
|
|
58
|
+
left: 91%;
|
|
59
|
+
margin-top: -12px;
|
|
60
|
+
margin-left: -2px;
|
|
61
|
+
}
|
|
47
62
|
}
|
|
48
63
|
|
|
49
64
|
&::after{
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
65
|
+
@include breakpoint(medium){
|
|
66
|
+
top: 100%;
|
|
67
|
+
margin-top: -27px;
|
|
68
|
+
left: 50%;
|
|
69
|
+
margin-left: -4px;
|
|
70
|
+
display: none;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
@include breakpoint(small only){
|
|
74
|
+
top: 50%;
|
|
75
|
+
left: 91%;
|
|
76
|
+
margin-top: -4px;
|
|
77
|
+
margin-left: 6px;
|
|
78
|
+
}
|
|
55
79
|
}
|
|
56
80
|
}
|
|
57
81
|
|
|
58
82
|
input[type="radio"]:checked + label{
|
|
59
|
-
|
|
83
|
+
@include breakpoint(medium){
|
|
84
|
+
padding: 0 0 46px 0;
|
|
85
|
+
}
|
|
60
86
|
|
|
61
87
|
&::after{
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
88
|
+
@include breakpoint(medium){
|
|
89
|
+
top: 100%;
|
|
90
|
+
margin-top: -27px;
|
|
91
|
+
left: 50%;
|
|
92
|
+
margin-left: -4px;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
@include breakpoint(small only){
|
|
96
|
+
top: 50%;
|
|
97
|
+
left: 91%;
|
|
98
|
+
margin-top: -4px;
|
|
99
|
+
margin-left: 6px;
|
|
100
|
+
}
|
|
66
101
|
}
|
|
67
102
|
}
|
|
68
103
|
}
|
|
@@ -72,11 +107,32 @@
|
|
|
72
107
|
padding: 7px;
|
|
73
108
|
font-weight: 700;
|
|
74
109
|
|
|
110
|
+
@include breakpoint(small only){
|
|
111
|
+
font-size: $base-font-size*1.25;
|
|
112
|
+
}
|
|
113
|
+
|
|
75
114
|
&--blue-bg{
|
|
76
115
|
@extend .comparison-radios__title;
|
|
77
116
|
background: $brand-blue-light;
|
|
78
117
|
color: $white;
|
|
79
118
|
margin-bottom: $base-margin;
|
|
119
|
+
position: relative;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&--mobile-split{
|
|
123
|
+
@include breakpoint(small only){
|
|
124
|
+
float: left;
|
|
125
|
+
width: 25%;
|
|
126
|
+
margin-bottom: 0;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
&__title-content{
|
|
132
|
+
@include breakpoint(small only){
|
|
133
|
+
-webkit-transform: translate(-50%, -50%);
|
|
134
|
+
@include absolute-center;
|
|
135
|
+
font-size: 4.5vw;
|
|
80
136
|
}
|
|
81
137
|
}
|
|
82
138
|
|
|
@@ -86,12 +142,50 @@
|
|
|
86
142
|
margin: 9px auto;
|
|
87
143
|
}
|
|
88
144
|
|
|
145
|
+
&__input:checked{
|
|
146
|
+
&~label{
|
|
147
|
+
.comparison-radios__panel{
|
|
148
|
+
border-bottom: 2px solid darken($sky, 10%);
|
|
149
|
+
background: darken($sky, 3%);
|
|
150
|
+
|
|
151
|
+
@include breakpoint(medium){
|
|
152
|
+
border-top: 2px solid darken($sky, 10%);
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.comparison-radios__content{
|
|
157
|
+
@include breakpoint(small only){
|
|
158
|
+
border-left: 2px solid darken($sky, 10%);
|
|
159
|
+
border-right: 2px solid darken($sky, 10%);
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.comparison-radios__divider{
|
|
164
|
+
border: solid darken($sky, 10%);
|
|
165
|
+
border-width: 2px 0 0;
|
|
166
|
+
height: 0;
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
|
|
89
171
|
&__panel{
|
|
90
172
|
background-color: $ash;
|
|
91
|
-
border-top: 2px solid $stone;
|
|
92
173
|
border-bottom: 2px solid $stone;
|
|
93
174
|
padding: $base-padding;
|
|
94
175
|
margin-bottom: $base-margin;
|
|
176
|
+
|
|
177
|
+
@include breakpoint(medium){
|
|
178
|
+
border-top: 2px solid $stone;
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
&__content{
|
|
183
|
+
@include breakpoint(small only){
|
|
184
|
+
width: 63%;
|
|
185
|
+
float: left;
|
|
186
|
+
border-right: 2px solid $stone;
|
|
187
|
+
border-left: 2px solid $stone;
|
|
188
|
+
}
|
|
95
189
|
}
|
|
96
190
|
|
|
97
191
|
&__highlight{
|
|
@@ -117,24 +211,92 @@
|
|
|
117
211
|
&__image{
|
|
118
212
|
height: 125px;
|
|
119
213
|
margin-bottom: $base-margin;
|
|
214
|
+
|
|
215
|
+
@include breakpoint(small only){
|
|
216
|
+
display: none;
|
|
217
|
+
}
|
|
120
218
|
}
|
|
121
219
|
|
|
122
220
|
&__list{
|
|
123
221
|
list-style-type: none;
|
|
222
|
+
padding: 0 $base-padding;
|
|
223
|
+
|
|
224
|
+
@include breakpoint(small only){
|
|
225
|
+
padding: 0 $base-padding/3;
|
|
226
|
+
font-size: $base-font-size*0.875;
|
|
227
|
+
}
|
|
124
228
|
}
|
|
125
229
|
|
|
126
230
|
&__list-item{
|
|
127
231
|
padding-bottom: $base-padding;
|
|
232
|
+
|
|
233
|
+
&::before{
|
|
234
|
+
font-family: 'FontAwesome';
|
|
235
|
+
content: "\f00c";
|
|
236
|
+
color: $brand-blue-light;
|
|
237
|
+
margin-right: 5px;
|
|
238
|
+
margin-left: -17px;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
@include breakpoint(small only){
|
|
242
|
+
text-align: left;
|
|
243
|
+
margin-left: $base-margin*1.5;
|
|
244
|
+
}
|
|
128
245
|
}
|
|
129
246
|
|
|
130
247
|
&__ribbon{
|
|
131
248
|
position: absolute;
|
|
132
249
|
top: 0;
|
|
133
|
-
right:
|
|
250
|
+
right: -18px;
|
|
251
|
+
|
|
252
|
+
@include breakpoint(medium down){
|
|
253
|
+
right: -14px;
|
|
254
|
+
width: 100px;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
@include breakpoint(small only){
|
|
258
|
+
top: -5px;
|
|
259
|
+
right: -13px;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
&__icon{
|
|
264
|
+
display: block;
|
|
265
|
+
|
|
266
|
+
@include breakpoint(small only){
|
|
267
|
+
-webkit-transform: translate(-50%, -50%);
|
|
268
|
+
@include absolute-center;
|
|
269
|
+
font-size: 10vw;
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
&::before{
|
|
273
|
+
@include breakpoint(medium){
|
|
274
|
+
font-size: $base-font-size*3;
|
|
275
|
+
}
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
&.ama-icon-rv::before{ //make the custom icon play nice with the FA icons
|
|
279
|
+
position: relative;
|
|
280
|
+
|
|
281
|
+
@include breakpoint(medium){
|
|
282
|
+
font-size: $base-font-size*4;
|
|
283
|
+
top: 20px;
|
|
284
|
+
line-height: 9px;
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
@include breakpoint(small only){
|
|
288
|
+
font-size: 13vw;
|
|
289
|
+
top: 5px;
|
|
290
|
+
}
|
|
291
|
+
}
|
|
134
292
|
}
|
|
135
293
|
|
|
136
294
|
&__divider{
|
|
137
295
|
margin-bottom: 0;
|
|
296
|
+
|
|
297
|
+
@include breakpoint(small only){
|
|
298
|
+
display: none;
|
|
299
|
+
}
|
|
138
300
|
}
|
|
139
301
|
|
|
140
302
|
&--disabled{
|
|
@@ -152,7 +314,7 @@
|
|
|
152
314
|
}
|
|
153
315
|
}
|
|
154
316
|
|
|
155
|
-
input [type="radio"] + label
|
|
317
|
+
input [type="radio"] + label{
|
|
156
318
|
border: 2px solid lighten($dark-sky, 6%);
|
|
157
319
|
}
|
|
158
320
|
|
|
@@ -163,12 +325,3 @@
|
|
|
163
325
|
}
|
|
164
326
|
}
|
|
165
327
|
}
|
|
166
|
-
|
|
167
|
-
input[type="radio"]:checked{
|
|
168
|
-
&~label{
|
|
169
|
-
.comparison-radios__panel{
|
|
170
|
-
border-top: 2px solid darken($sky, 10%);
|
|
171
|
-
border-bottom: 2px solid darken($sky, 10%);
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
data/lib/ama_layout/version.rb
CHANGED
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.
|
|
4
|
+
version: 4.8.6
|
|
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-
|
|
21
|
+
date: 2017-01-10 00:00:00.000000000 Z
|
|
22
22
|
dependencies:
|
|
23
23
|
- !ruby/object:Gem::Dependency
|
|
24
24
|
name: foundation-rails
|
|
@@ -418,7 +418,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
418
418
|
version: '0'
|
|
419
419
|
requirements: []
|
|
420
420
|
rubyforge_project:
|
|
421
|
-
rubygems_version: 2.
|
|
421
|
+
rubygems_version: 2.2.2
|
|
422
422
|
signing_key:
|
|
423
423
|
specification_version: 4
|
|
424
424
|
summary: ".ama.ab.ca site layouts"
|