moj_template 0.22.0 → 0.23.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 (24) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/apple-touch-icon-120x120.png +0 -0
  3. data/app/assets/images/apple-touch-icon-152x152.png +0 -0
  4. data/app/assets/images/apple-touch-icon-60x60.png +0 -0
  5. data/app/assets/images/apple-touch-icon-76x76.png +0 -0
  6. data/app/assets/images/favicon.ico +0 -0
  7. data/app/assets/stylesheets/govuk-template-ie6.css.erb +30 -18
  8. data/app/assets/stylesheets/govuk-template-ie7.css.erb +30 -18
  9. data/app/assets/stylesheets/govuk-template-ie8.css.erb +29 -20
  10. data/app/assets/stylesheets/govuk-template-print.css.erb +1 -1
  11. data/app/assets/stylesheets/govuk-template.css.erb +32 -23
  12. data/app/assets/stylesheets/images/close.png +0 -0
  13. data/app/assets/stylesheets/images/open-government-licence_2x.png +0 -0
  14. data/app/assets/stylesheets/moj-template-ie6.css.erb +45 -117
  15. data/app/assets/stylesheets/moj-template-ie7.css.erb +45 -117
  16. data/app/assets/stylesheets/moj-template-ie8.css.erb +45 -117
  17. data/app/assets/stylesheets/moj-template.css.erb +53 -117
  18. data/app/views/layouts/moj_template.html.erb +10 -10
  19. data/lib/moj_template/version.rb +1 -1
  20. metadata +10 -10
  21. data/app/assets/images/apple-touch-icon-114x114.png +0 -0
  22. data/app/assets/images/apple-touch-icon-144x144.png +0 -0
  23. data/app/assets/images/apple-touch-icon-57x57.png +0 -0
  24. data/app/assets/images/apple-touch-icon-72x72.png +0 -0
data/app/assets/stylesheets/moj-template-ie7.css.erb CHANGED
@@ -14,91 +14,24 @@
14
14
  @-o-viewport {
15
15
  width: device-width; }
16
16
 
17
- /* CSS 3 Mixins
18
-
19
- Add them as you need them. This should let us manage vendor prefixes in one place.
20
- */
21
- /* Cross-browser shims
22
-
23
- Ways of normalising properties across browsers.
24
- */
25
17
  @-ms-viewport {
26
18
  width: device-width; }
27
19
 
28
20
  @-o-viewport {
29
21
  width: device-width; }
30
22
 
31
- /* Usage:
32
- @include inline-block
33
-
34
- or
35
-
36
- @include inline-block("250px")
37
-
38
- which gives a min-height to the inline-block elements.
39
- */
40
- /* Contain floats usage:
41
-
42
- .this-has-floated-children {
43
- @extend %contain-floats;
44
- }
45
-
46
- */
47
- /* Cross-browser shims
48
-
49
- Ways of normalising properties across browsers.
50
- */
51
23
  @-ms-viewport {
52
24
  width: device-width; }
53
25
 
54
26
  @-o-viewport {
55
27
  width: device-width; }
56
28
 
57
- /* Usage:
58
- @include inline-block
59
-
60
- or
61
-
62
- @include inline-block("250px")
63
-
64
- which gives a min-height to the inline-block elements.
65
- */
66
- /* Contain floats usage:
67
-
68
- .this-has-floated-children {
69
- @extend %contain-floats;
70
- }
71
-
72
- */
73
- /* CSS 3 Mixins
74
-
75
- Add them as you need them. This should let us manage vendor prefixes in one place.
76
- */
77
29
  @-ms-viewport {
78
30
  width: device-width; }
79
31
 
80
32
  @-o-viewport {
81
33
  width: device-width; }
82
34
 
83
- /*
84
-
85
- Mixin and defaults for making buttons on GOV.UK services.
86
-
87
- For guidance, see: https://www.gov.uk/service-manual/design-and-content/resources/buttons.html
88
-
89
- Example usage:
90
-
91
- .button{
92
- @include button;
93
- }
94
- .button-secondary{
95
- @include button($grey-3);
96
- }
97
- .button-warning{
98
- @include button($red);
99
- }
100
-
101
- */
102
35
  @font-face {
103
36
  font-family: GDS-Logo;
104
37
  src: local("HelveticaNeue"), local("Helvetica Neue"), local("Arial"), local("Helvetica"); }
@@ -109,32 +42,24 @@ Example usage:
109
42
  @-o-viewport {
110
43
  width: device-width; }
111
44
 
112
- /* Cross-browser shims
113
-
114
- Ways of normalising properties across browsers.
115
- */
116
45
  @-ms-viewport {
117
46
  width: device-width; }
118
47
 
119
48
  @-o-viewport {
120
49
  width: device-width; }
121
50
 
122
- /* Usage:
123
- @include inline-block
124
-
125
- or
51
+ @-ms-viewport {
52
+ width: device-width; }
126
53
 
127
- @include inline-block("250px")
54
+ @-o-viewport {
55
+ width: device-width; }
128
56
 
129
- which gives a min-height to the inline-block elements.
130
- */
131
- /* Contain floats usage:
57
+ @-ms-viewport {
58
+ width: device-width; }
132
59
 
133
- .this-has-floated-children {
134
- @extend %contain-floats;
135
- }
60
+ @-o-viewport {
61
+ width: device-width; }
136
62
 
137
- */
138
63
  .clearfix, .cf {
139
64
  zoom: 1; }
140
65
  .clearfix:before, .cf:before, .clearfix:after, .cf:after {
@@ -176,26 +101,27 @@ header.page-header h1 {
176
101
  color: #6f777b; }
177
102
  @media (max-width: 640px) {
178
103
  header.page-header h1 span {
179
- font-size: 18px;
104
+ font-size: 20px;
180
105
  line-height: 1.11111; } }
181
106
  header.page-header h1 .alpha {
182
107
  display: -moz-inline-stack;
183
108
  display: inline-block;
184
109
  zoom: 1;
185
110
  display: inline;
186
- background-color: #d53880;
187
- color: #fff;
111
+ vertical-align: top;
112
+ vertical-align: baseline;
113
+ margin: 0 8px 0 0;
114
+ padding: 2px 5px 0;
188
115
  font-family: "nta", Arial, sans-serif;
189
116
  font-size: 16px;
190
117
  line-height: 1.25;
191
- font-weight: 300;
192
- text-transform: none;
193
118
  font-weight: 700;
119
+ text-transform: none;
194
120
  text-transform: uppercase;
195
121
  letter-spacing: 1px;
196
122
  text-decoration: none;
197
- margin: 3px 10px 0 5px;
198
- padding: 2px 5px 0; }
123
+ color: #fff;
124
+ background-color: #d53880; }
199
125
  @media (max-width: 640px) {
200
126
  header.page-header h1 .alpha {
201
127
  font-size: 14px;
@@ -205,19 +131,20 @@ header.page-header h1 {
205
131
  display: inline-block;
206
132
  zoom: 1;
207
133
  display: inline;
208
- background-color: #f47738;
209
- color: #fff;
134
+ vertical-align: top;
135
+ vertical-align: baseline;
136
+ margin: 0 8px 0 0;
137
+ padding: 2px 5px 0;
210
138
  font-family: "nta", Arial, sans-serif;
211
139
  font-size: 16px;
212
140
  line-height: 1.25;
213
- font-weight: 300;
214
- text-transform: none;
215
141
  font-weight: 700;
142
+ text-transform: none;
216
143
  text-transform: uppercase;
217
144
  letter-spacing: 1px;
218
145
  text-decoration: none;
219
- margin: 3px 10px 0 5px;
220
- padding: 2px 5px 0; }
146
+ color: #fff;
147
+ background-color: #f47738; }
221
148
  @media (max-width: 640px) {
222
149
  header.page-header h1 .beta {
223
150
  font-size: 14px;
@@ -260,19 +187,20 @@ h2, h3, h4 {
260
187
  display: inline-block;
261
188
  zoom: 1;
262
189
  display: inline;
263
- background-color: #d53880;
264
- color: #fff;
190
+ vertical-align: top;
191
+ vertical-align: baseline;
192
+ margin: 0 8px 0 0;
193
+ padding: 2px 5px 0;
265
194
  font-family: "nta", Arial, sans-serif;
266
195
  font-size: 16px;
267
196
  line-height: 1.25;
268
- font-weight: 300;
269
- text-transform: none;
270
197
  font-weight: 700;
198
+ text-transform: none;
271
199
  text-transform: uppercase;
272
200
  letter-spacing: 1px;
273
201
  text-decoration: none;
274
- margin: 3px 10px 0 5px;
275
- padding: 2px 5px 0; }
202
+ color: #fff;
203
+ background-color: #d53880; }
276
204
  @media (max-width: 640px) {
277
205
  body.alpha #global-header .header-proposition .proposition-phase {
278
206
  font-size: 14px;
@@ -282,19 +210,20 @@ h2, h3, h4 {
282
210
  display: inline-block;
283
211
  zoom: 1;
284
212
  display: inline;
285
- background-color: #f47738;
286
- color: #fff;
213
+ vertical-align: top;
214
+ vertical-align: baseline;
215
+ margin: 0 8px 0 0;
216
+ padding: 2px 5px 0;
287
217
  font-family: "nta", Arial, sans-serif;
288
218
  font-size: 16px;
289
219
  line-height: 1.25;
290
- font-weight: 300;
291
- text-transform: none;
292
220
  font-weight: 700;
221
+ text-transform: none;
293
222
  text-transform: uppercase;
294
223
  letter-spacing: 1px;
295
224
  text-decoration: none;
296
- margin: 3px 10px 0 5px;
297
- padding: 2px 5px 0; }
225
+ color: #fff;
226
+ background-color: #f47738; }
298
227
  @media (max-width: 640px) {
299
228
  body.beta #global-header .header-proposition .proposition-phase {
300
229
  font-size: 14px;
@@ -318,7 +247,7 @@ h2, h3, h4 {
318
247
  font-family: "nta", Arial, sans-serif;
319
248
  font-size: 16px;
320
249
  line-height: 1.25;
321
- font-weight: 300;
250
+ font-weight: 400;
322
251
  text-transform: none;
323
252
  background: url(https://assets.digital.cabinet-office.gov.uk/static/separator-73822610794bc3a64871f144d93d6526.png) 100% 50% no-repeat;
324
253
  float: left;
@@ -345,7 +274,7 @@ h2, h3, h4 {
345
274
  display: inline-block;
346
275
  zoom: 1;
347
276
  display: inline;
348
- padding: 0.35em 0.5em 0.15em 0.5em;
277
+ padding: 0.3em 0.6em 0.2em 0.6em;
349
278
  border: none;
350
279
  -webkit-border-radius: 0;
351
280
  -moz-border-radius: 0;
@@ -414,7 +343,7 @@ h2, h3, h4 {
414
343
  display: inline-block;
415
344
  zoom: 1;
416
345
  display: inline;
417
- padding: 0.35em 0.5em 0.15em 0.5em;
346
+ padding: 0.3em 0.6em 0.2em 0.6em;
418
347
  border: none;
419
348
  -webkit-border-radius: 0;
420
349
  -moz-border-radius: 0;
@@ -483,7 +412,7 @@ h2, h3, h4 {
483
412
  display: inline-block;
484
413
  zoom: 1;
485
414
  display: inline;
486
- padding: 0.35em 0.5em 0.15em 0.5em;
415
+ padding: 0.3em 0.6em 0.2em 0.6em;
487
416
  border: none;
488
417
  -webkit-border-radius: 0;
489
418
  -moz-border-radius: 0;
@@ -549,12 +478,11 @@ h2, h3, h4 {
549
478
  font-family: "nta", Arial, sans-serif;
550
479
  font-size: 24px;
551
480
  line-height: 1.25;
552
- font-weight: 400;
553
- text-transform: none;
554
- font-weight: 700; }
481
+ font-weight: 700;
482
+ text-transform: none; }
555
483
  @media (max-width: 640px) {
556
484
  #footer h2 {
557
- font-size: 20px;
485
+ font-size: 18px;
558
486
  line-height: 1.2; } }
559
487
  #footer .footer-categories {
560
488
  font-size: 0;
@@ -568,7 +496,7 @@ h2, h3, h4 {
568
496
  font-family: "nta", Arial, sans-serif;
569
497
  font-size: 16px;
570
498
  line-height: 1.25;
571
- font-weight: 300;
499
+ font-weight: 400;
572
500
  text-transform: none;
573
501
  list-style: none;
574
502
  border-top: 1px solid #a1acb2;
data/app/assets/stylesheets/moj-template-ie8.css.erb CHANGED
@@ -14,91 +14,24 @@
14
14
  @-o-viewport {
15
15
  width: device-width; }
16
16
 
17
- /* CSS 3 Mixins
18
-
19
- Add them as you need them. This should let us manage vendor prefixes in one place.
20
- */
21
- /* Cross-browser shims
22
-
23
- Ways of normalising properties across browsers.
24
- */
25
17
  @-ms-viewport {
26
18
  width: device-width; }
27
19
 
28
20
  @-o-viewport {
29
21
  width: device-width; }
30
22
 
31
- /* Usage:
32
- @include inline-block
33
-
34
- or
35
-
36
- @include inline-block("250px")
37
-
38
- which gives a min-height to the inline-block elements.
39
- */
40
- /* Contain floats usage:
41
-
42
- .this-has-floated-children {
43
- @extend %contain-floats;
44
- }
45
-
46
- */
47
- /* Cross-browser shims
48
-
49
- Ways of normalising properties across browsers.
50
- */
51
23
  @-ms-viewport {
52
24
  width: device-width; }
53
25
 
54
26
  @-o-viewport {
55
27
  width: device-width; }
56
28
 
57
- /* Usage:
58
- @include inline-block
59
-
60
- or
61
-
62
- @include inline-block("250px")
63
-
64
- which gives a min-height to the inline-block elements.
65
- */
66
- /* Contain floats usage:
67
-
68
- .this-has-floated-children {
69
- @extend %contain-floats;
70
- }
71
-
72
- */
73
- /* CSS 3 Mixins
74
-
75
- Add them as you need them. This should let us manage vendor prefixes in one place.
76
- */
77
29
  @-ms-viewport {
78
30
  width: device-width; }
79
31
 
80
32
  @-o-viewport {
81
33
  width: device-width; }
82
34
 
83
- /*
84
-
85
- Mixin and defaults for making buttons on GOV.UK services.
86
-
87
- For guidance, see: https://www.gov.uk/service-manual/design-and-content/resources/buttons.html
88
-
89
- Example usage:
90
-
91
- .button{
92
- @include button;
93
- }
94
- .button-secondary{
95
- @include button($grey-3);
96
- }
97
- .button-warning{
98
- @include button($red);
99
- }
100
-
101
- */
102
35
  @font-face {
103
36
  font-family: GDS-Logo;
104
37
  src: local("HelveticaNeue"), local("Helvetica Neue"), local("Arial"), local("Helvetica"); }
@@ -109,32 +42,24 @@ Example usage:
109
42
  @-o-viewport {
110
43
  width: device-width; }
111
44
 
112
- /* Cross-browser shims
113
-
114
- Ways of normalising properties across browsers.
115
- */
116
45
  @-ms-viewport {
117
46
  width: device-width; }
118
47
 
119
48
  @-o-viewport {
120
49
  width: device-width; }
121
50
 
122
- /* Usage:
123
- @include inline-block
124
-
125
- or
51
+ @-ms-viewport {
52
+ width: device-width; }
126
53
 
127
- @include inline-block("250px")
54
+ @-o-viewport {
55
+ width: device-width; }
128
56
 
129
- which gives a min-height to the inline-block elements.
130
- */
131
- /* Contain floats usage:
57
+ @-ms-viewport {
58
+ width: device-width; }
132
59
 
133
- .this-has-floated-children {
134
- @extend %contain-floats;
135
- }
60
+ @-o-viewport {
61
+ width: device-width; }
136
62
 
137
- */
138
63
  .clearfix, .cf {
139
64
  zoom: 1; }
140
65
  .clearfix:before, .cf:before, .clearfix:after, .cf:after {
@@ -176,24 +101,25 @@ header.page-header h1 {
176
101
  color: #6f777b; }
177
102
  @media (max-width: 640px) {
178
103
  header.page-header h1 span {
179
- font-size: 18px;
104
+ font-size: 20px;
180
105
  line-height: 1.11111; } }
181
106
  header.page-header h1 .alpha {
182
107
  display: -moz-inline-stack;
183
108
  display: inline-block;
184
- background-color: #d53880;
185
- color: #fff;
109
+ vertical-align: top;
110
+ vertical-align: baseline;
111
+ margin: 0 8px 0 0;
112
+ padding: 2px 5px 0;
186
113
  font-family: "nta", Arial, sans-serif;
187
114
  font-size: 16px;
188
115
  line-height: 1.25;
189
- font-weight: 300;
190
- text-transform: none;
191
116
  font-weight: 700;
117
+ text-transform: none;
192
118
  text-transform: uppercase;
193
119
  letter-spacing: 1px;
194
120
  text-decoration: none;
195
- margin: 3px 10px 0 5px;
196
- padding: 2px 5px 0; }
121
+ color: #fff;
122
+ background-color: #d53880; }
197
123
  @media (max-width: 640px) {
198
124
  header.page-header h1 .alpha {
199
125
  font-size: 14px;
@@ -201,19 +127,20 @@ header.page-header h1 {
201
127
  header.page-header h1 .beta {
202
128
  display: -moz-inline-stack;
203
129
  display: inline-block;
204
- background-color: #f47738;
205
- color: #fff;
130
+ vertical-align: top;
131
+ vertical-align: baseline;
132
+ margin: 0 8px 0 0;
133
+ padding: 2px 5px 0;
206
134
  font-family: "nta", Arial, sans-serif;
207
135
  font-size: 16px;
208
136
  line-height: 1.25;
209
- font-weight: 300;
210
- text-transform: none;
211
137
  font-weight: 700;
138
+ text-transform: none;
212
139
  text-transform: uppercase;
213
140
  letter-spacing: 1px;
214
141
  text-decoration: none;
215
- margin: 3px 10px 0 5px;
216
- padding: 2px 5px 0; }
142
+ color: #fff;
143
+ background-color: #f47738; }
217
144
  @media (max-width: 640px) {
218
145
  header.page-header h1 .beta {
219
146
  font-size: 14px;
@@ -254,19 +181,20 @@ h2, h3, h4 {
254
181
  body.alpha #global-header .header-proposition .proposition-phase {
255
182
  display: -moz-inline-stack;
256
183
  display: inline-block;
257
- background-color: #d53880;
258
- color: #fff;
184
+ vertical-align: top;
185
+ vertical-align: baseline;
186
+ margin: 0 8px 0 0;
187
+ padding: 2px 5px 0;
259
188
  font-family: "nta", Arial, sans-serif;
260
189
  font-size: 16px;
261
190
  line-height: 1.25;
262
- font-weight: 300;
263
- text-transform: none;
264
191
  font-weight: 700;
192
+ text-transform: none;
265
193
  text-transform: uppercase;
266
194
  letter-spacing: 1px;
267
195
  text-decoration: none;
268
- margin: 3px 10px 0 5px;
269
- padding: 2px 5px 0; }
196
+ color: #fff;
197
+ background-color: #d53880; }
270
198
  @media (max-width: 640px) {
271
199
  body.alpha #global-header .header-proposition .proposition-phase {
272
200
  font-size: 14px;
@@ -274,19 +202,20 @@ h2, h3, h4 {
274
202
  body.beta #global-header .header-proposition .proposition-phase {
275
203
  display: -moz-inline-stack;
276
204
  display: inline-block;
277
- background-color: #f47738;
278
- color: #fff;
205
+ vertical-align: top;
206
+ vertical-align: baseline;
207
+ margin: 0 8px 0 0;
208
+ padding: 2px 5px 0;
279
209
  font-family: "nta", Arial, sans-serif;
280
210
  font-size: 16px;
281
211
  line-height: 1.25;
282
- font-weight: 300;
283
- text-transform: none;
284
212
  font-weight: 700;
213
+ text-transform: none;
285
214
  text-transform: uppercase;
286
215
  letter-spacing: 1px;
287
216
  text-decoration: none;
288
- margin: 3px 10px 0 5px;
289
- padding: 2px 5px 0; }
217
+ color: #fff;
218
+ background-color: #f47738; }
290
219
  @media (max-width: 640px) {
291
220
  body.beta #global-header .header-proposition .proposition-phase {
292
221
  font-size: 14px;
@@ -310,7 +239,7 @@ h2, h3, h4 {
310
239
  font-family: "nta", Arial, sans-serif;
311
240
  font-size: 16px;
312
241
  line-height: 1.25;
313
- font-weight: 300;
242
+ font-weight: 400;
314
243
  text-transform: none;
315
244
  background: url(https://assets.digital.cabinet-office.gov.uk/static/separator-73822610794bc3a64871f144d93d6526.png) 100% 50% no-repeat;
316
245
  float: left;
@@ -335,7 +264,7 @@ h2, h3, h4 {
335
264
  position: relative;
336
265
  display: -moz-inline-stack;
337
266
  display: inline-block;
338
- padding: 0.35em 0.5em 0.15em 0.5em;
267
+ padding: 0.3em 0.6em 0.2em 0.6em;
339
268
  border: none;
340
269
  -webkit-border-radius: 0;
341
270
  -moz-border-radius: 0;
@@ -402,7 +331,7 @@ h2, h3, h4 {
402
331
  position: relative;
403
332
  display: -moz-inline-stack;
404
333
  display: inline-block;
405
- padding: 0.35em 0.5em 0.15em 0.5em;
334
+ padding: 0.3em 0.6em 0.2em 0.6em;
406
335
  border: none;
407
336
  -webkit-border-radius: 0;
408
337
  -moz-border-radius: 0;
@@ -469,7 +398,7 @@ h2, h3, h4 {
469
398
  position: relative;
470
399
  display: -moz-inline-stack;
471
400
  display: inline-block;
472
- padding: 0.35em 0.5em 0.15em 0.5em;
401
+ padding: 0.3em 0.6em 0.2em 0.6em;
473
402
  border: none;
474
403
  -webkit-border-radius: 0;
475
404
  -moz-border-radius: 0;
@@ -535,12 +464,11 @@ h2, h3, h4 {
535
464
  font-family: "nta", Arial, sans-serif;
536
465
  font-size: 24px;
537
466
  line-height: 1.25;
538
- font-weight: 400;
539
- text-transform: none;
540
- font-weight: 700; }
467
+ font-weight: 700;
468
+ text-transform: none; }
541
469
  @media (max-width: 640px) {
542
470
  #footer h2 {
543
- font-size: 20px;
471
+ font-size: 18px;
544
472
  line-height: 1.2; } }
545
473
  #footer .footer-categories {
546
474
  font-size: 0;
@@ -554,7 +482,7 @@ h2, h3, h4 {
554
482
  font-family: "nta", Arial, sans-serif;
555
483
  font-size: 16px;
556
484
  line-height: 1.25;
557
- font-weight: 300;
485
+ font-weight: 400;
558
486
  text-transform: none;
559
487
  list-style: none;
560
488
  border-top: 1px solid #a1acb2;