govuk_frontend_toolkit 4.8.1 → 4.8.2
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 +4 -4
- data/app/assets/CHANGELOG.md +6 -0
- data/app/assets/Gemfile +2 -2
- data/app/assets/Gruntfile.js +8 -10
- data/app/assets/VERSION.txt +1 -1
- data/app/assets/docs/mixins.md +1 -1
- data/app/assets/package.json +2 -2
- data/app/assets/stylesheets/_colours.scss +1 -2
- data/app/assets/stylesheets/_conditionals.scss +1 -0
- data/app/assets/stylesheets/_css3.scss +4 -0
- data/app/assets/stylesheets/_device-pixels.scss +1 -2
- data/app/assets/stylesheets/_font_stack.scss +5 -2
- data/app/assets/stylesheets/_grid_layout.scss +19 -11
- data/app/assets/stylesheets/_measurements.scss +8 -8
- data/app/assets/stylesheets/_shims.scss +2 -1
- data/app/assets/stylesheets/_typography.scss +20 -15
- data/app/assets/stylesheets/_url-helpers.scss +1 -1
- data/app/assets/stylesheets/design-patterns/_alpha-beta.scss +10 -8
- data/app/assets/stylesheets/design-patterns/_breadcrumbs.scss +5 -4
- data/app/assets/stylesheets/design-patterns/_buttons.scss +18 -11
- data/app/assets/stylesheets/design-patterns/_media-player.scss +16 -9
- metadata +2 -3
- data/app/assets/.scss-lint.yaml +0 -107
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 66ba3271acb08b2653c29c0f029722e31d943f89
|
4
|
+
data.tar.gz: 876fbb47a7617f4a14a6993dea736562b8eb5c9f
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f01b7f548ee5c92671b875ff7f683ef3db9dd6a0740ef45678212f41e29d994ad5f0709e225bc925e2c584dd3b9d221035b2f8f8f739c7d8f4d72699d72bfdb0
|
7
|
+
data.tar.gz: ee16608180a448011bbde1119ecb012839de324e1bd821e9bfdfc87cb0d5b9f77d936d899c47a3b16a2cf4e7f0c224153160101cef6acee7e85db5344b656839
|
data/app/assets/CHANGELOG.md
CHANGED
data/app/assets/Gemfile
CHANGED
data/app/assets/Gruntfile.js
CHANGED
@@ -53,14 +53,12 @@ module.exports = function(grunt) {
|
|
53
53
|
}
|
54
54
|
},
|
55
55
|
},
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
bundleExec: true,
|
63
|
-
config: '.scss-lint.yaml'
|
56
|
+
shell: {
|
57
|
+
multiple: {
|
58
|
+
command: [
|
59
|
+
'bundle',
|
60
|
+
'bundle exec govuk-lint-sass stylesheets'
|
61
|
+
].join('&&')
|
64
62
|
}
|
65
63
|
}
|
66
64
|
});
|
@@ -68,8 +66,8 @@ module.exports = function(grunt) {
|
|
68
66
|
grunt.loadNpmTasks('grunt-contrib-clean');
|
69
67
|
grunt.loadNpmTasks('grunt-contrib-jasmine');
|
70
68
|
grunt.loadNpmTasks('grunt-contrib-sass');
|
71
|
-
grunt.loadNpmTasks('grunt-
|
69
|
+
grunt.loadNpmTasks('grunt-shell');
|
72
70
|
|
73
|
-
grunt.registerTask('test', ['sass', 'clean', 'jasmine', '
|
71
|
+
grunt.registerTask('test', ['sass', 'clean', 'jasmine', 'shell']);
|
74
72
|
grunt.registerTask('default', ['test']);
|
75
73
|
};
|
data/app/assets/VERSION.txt
CHANGED
@@ -1 +1 @@
|
|
1
|
-
4.8.
|
1
|
+
4.8.2
|
data/app/assets/docs/mixins.md
CHANGED
@@ -351,7 +351,7 @@ Tabular numbers have numerals of a standard fixed width. As all numbers have the
|
|
351
351
|
@include core-24($tabular-numbers: true);
|
352
352
|
}
|
353
353
|
|
354
|
-
[See an example of tabular numbers in a table](http://govuk-elements.herokuapp.com/#data-
|
354
|
+
[See an example of tabular numbers in a table](http://govuk-elements.herokuapp.com/data/#data-table-numeric)
|
355
355
|
|
356
356
|
#### external links
|
357
357
|
|
data/app/assets/package.json
CHANGED
@@ -6,9 +6,9 @@
|
|
6
6
|
"grunt": "~0.4.2",
|
7
7
|
"grunt-cli": "0.1.11",
|
8
8
|
"grunt-contrib-clean":"~0.6.0",
|
9
|
-
"grunt-contrib-jasmine": "
|
9
|
+
"grunt-contrib-jasmine": "^1.0.0",
|
10
10
|
"grunt-contrib-sass": "0.7.4",
|
11
|
-
"grunt-
|
11
|
+
"grunt-shell": "^1.1.2",
|
12
12
|
"jquery": "~1.11.3"
|
13
13
|
},
|
14
14
|
"scripts": {
|
@@ -8,6 +8,10 @@
|
|
8
8
|
// You can use the @warn directive to deprecate a mixin where the property
|
9
9
|
// no longer needs prefixes.
|
10
10
|
|
11
|
+
// This style of indentation is preferred as it is easier to scan
|
12
|
+
// Allow more than two spaces per indentation level and don't require a space after a colon
|
13
|
+
// scss-lint:disable Indentation SpaceAfterPropertyColon
|
14
|
+
|
11
15
|
@mixin border-radius($radius) {
|
12
16
|
-webkit-border-radius: $radius; // Chrome 4.0, Safari 3.1 to 4.0, Mobile Safari 3.2, Android Browser 2.1
|
13
17
|
-moz-border-radius: $radius; // Firefox 2.0 to 3.6
|
@@ -4,8 +4,7 @@
|
|
4
4
|
only screen and ( -o-min-device-pixel-ratio: #{($ratio*10)}/10),
|
5
5
|
only screen and ( min-device-pixel-ratio: $ratio),
|
6
6
|
only screen and ( min-resolution: #{($ratio*96)}dpi),
|
7
|
-
only screen and ( min-resolution: #{$ratio}dppx) {
|
7
|
+
only screen and ( min-resolution: #{$ratio}dppx) {
|
8
8
|
@content;
|
9
9
|
}
|
10
10
|
}
|
11
|
-
|
@@ -10,10 +10,13 @@
|
|
10
10
|
// the font-stack in a font-face declaration rather
|
11
11
|
// than with the usual font-family.
|
12
12
|
|
13
|
+
// Allow uppercase letters in font stack variable names
|
14
|
+
// scss-lint:disable NameFormat
|
15
|
+
|
13
16
|
// New Transport Light
|
14
17
|
|
15
18
|
$NTA-Light:
|
16
|
-
"nta",
|
19
|
+
"nta",
|
17
20
|
Arial,
|
18
21
|
sans-serif;
|
19
22
|
|
@@ -21,7 +24,7 @@ $NTA-Light:
|
|
21
24
|
|
22
25
|
$NTA-Light-Tabular:
|
23
26
|
"ntatabularnumbers",
|
24
|
-
"nta",
|
27
|
+
"nta",
|
25
28
|
Arial,
|
26
29
|
sans-serif;
|
27
30
|
|
@@ -1,7 +1,7 @@
|
|
1
|
-
@import '
|
2
|
-
@import '
|
3
|
-
@import '
|
4
|
-
@import '
|
1
|
+
@import 'conditionals';
|
2
|
+
@import 'css3';
|
3
|
+
@import 'measurements';
|
4
|
+
@import 'shims';
|
5
5
|
|
6
6
|
$site-width: 960px;
|
7
7
|
|
@@ -17,15 +17,18 @@ $site-width: 960px;
|
|
17
17
|
|
18
18
|
%site-width-container {
|
19
19
|
max-width: $site-width;
|
20
|
-
|
20
|
+
|
21
|
+
@include ie-lte(8) {
|
21
22
|
width: $site-width;
|
22
23
|
}
|
23
24
|
|
24
25
|
margin: 0 $gutter-half;
|
25
|
-
|
26
|
+
|
27
|
+
@include media(tablet) {
|
26
28
|
margin: 0 $gutter;
|
27
29
|
}
|
28
|
-
|
30
|
+
|
31
|
+
@include media($min-width: ($site-width + $gutter * 2)) {
|
29
32
|
margin: 0 auto;
|
30
33
|
}
|
31
34
|
}
|
@@ -43,7 +46,8 @@ $site-width: 960px;
|
|
43
46
|
%outdent-to-full-width {
|
44
47
|
margin-left: -$gutter-half;
|
45
48
|
margin-right: -$gutter-half;
|
46
|
-
|
49
|
+
|
50
|
+
@include media(tablet) {
|
47
51
|
margin-left: -$gutter;
|
48
52
|
margin-right: -$gutter;
|
49
53
|
}
|
@@ -87,11 +91,13 @@ $site-width: 960px;
|
|
87
91
|
// }
|
88
92
|
|
89
93
|
@mixin grid-column($width, $full-width: tablet, $float: left) {
|
90
|
-
|
94
|
+
|
95
|
+
@include media($full-width) {
|
91
96
|
float: $float;
|
92
97
|
width: percentage($width);
|
93
98
|
}
|
94
|
-
|
99
|
+
|
100
|
+
@include ie-lte(7) {
|
95
101
|
width: (($site-width + $gutter) * $width) - $gutter;
|
96
102
|
}
|
97
103
|
|
@@ -108,8 +114,9 @@ $site-width: 960px;
|
|
108
114
|
@warn "The @mixin outer-block is deprecated and should be updated to use new grid helpers";
|
109
115
|
margin: 0 auto;
|
110
116
|
width: auto;
|
111
|
-
max-width: 960 + $gutter*2;
|
117
|
+
max-width: 960 + $gutter * 2;
|
112
118
|
@extend %contain-floats;
|
119
|
+
|
113
120
|
@include ie-lte(8) {
|
114
121
|
width: 1020px;
|
115
122
|
}
|
@@ -121,6 +128,7 @@ $site-width: 960px;
|
|
121
128
|
@warn "The @mixin inner-block is deprecated and should be updated to use new grid helpers";
|
122
129
|
#{$margin-or-padding}-left: $gutter-half;
|
123
130
|
#{$margin-or-padding}-right: $gutter-half;
|
131
|
+
|
124
132
|
@include media(tablet) {
|
125
133
|
#{$margin-or-padding}-left: $gutter;
|
126
134
|
#{$margin-or-padding}-right: $gutter;
|
@@ -1,14 +1,14 @@
|
|
1
1
|
// Measurements used across GOV.UK
|
2
2
|
|
3
3
|
$full-width: 100%;
|
4
|
-
$one-quarter: $full-width/4;
|
5
|
-
$one-third: $full-width/3;
|
6
|
-
$half: $full-width/2;
|
7
|
-
$two-thirds: ($full-width)-($one-third);
|
8
|
-
$three-quarters: ($full-width)-($one-quarter);
|
4
|
+
$one-quarter: $full-width / 4;
|
5
|
+
$one-third: $full-width / 3;
|
6
|
+
$half: $full-width / 2;
|
7
|
+
$two-thirds: ($full-width) - ($one-third);
|
8
|
+
$three-quarters: ($full-width) - ($one-quarter);
|
9
9
|
|
10
10
|
$gutter: 30px;
|
11
|
-
$gutter-one-quarter: $gutter/4;
|
12
|
-
$gutter-one-third: $gutter/3;
|
13
|
-
$gutter-half: $gutter/2;
|
11
|
+
$gutter-one-quarter: $gutter / 4;
|
12
|
+
$gutter-one-third: $gutter / 3;
|
13
|
+
$gutter-half: $gutter / 2;
|
14
14
|
$gutter-two-thirds: $gutter - $gutter-one-third;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
// Cross-browser shims
|
2
2
|
// Ways of normalising properties across browsers.
|
3
3
|
|
4
|
-
@import "
|
4
|
+
@import "conditionals";
|
5
5
|
|
6
6
|
// From: https://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/
|
7
7
|
|
@@ -48,6 +48,7 @@
|
|
48
48
|
display: block;
|
49
49
|
clear: both;
|
50
50
|
}
|
51
|
+
|
51
52
|
@include ie-lte(7) {
|
52
53
|
zoom: 1;
|
53
54
|
}
|
@@ -1,7 +1,7 @@
|
|
1
|
-
@import '
|
2
|
-
@import '
|
3
|
-
@import '
|
4
|
-
@import '
|
1
|
+
@import 'font_stack';
|
2
|
+
@import 'conditionals';
|
3
|
+
@import 'device-pixels';
|
4
|
+
@import 'url-helpers';
|
5
5
|
|
6
6
|
// GOV.UK typography palettes
|
7
7
|
|
@@ -15,6 +15,9 @@
|
|
15
15
|
|
16
16
|
// CORE FONTS - NEW TRANSPORT
|
17
17
|
|
18
|
+
// Allow uppercase letters in font stack variable names
|
19
|
+
// scss-lint:disable NameFormat
|
20
|
+
|
18
21
|
$is-print: false !default;
|
19
22
|
|
20
23
|
@mixin _core-font-generator($font-size: 19px, $font-size-640: 16px, $font-size-print: 14pt, $line-height: (25 / 19), $line-height-640: (20 / 16), $tabular-numbers: false, $font-weight: 400) {
|
@@ -29,15 +32,17 @@ $is-print: false !default;
|
|
29
32
|
line-height: $line-height-640;
|
30
33
|
font-weight: $font-weight;
|
31
34
|
text-transform: none;
|
35
|
+
|
32
36
|
@include media(tablet) {
|
33
37
|
font-size: $font-size;
|
34
38
|
line-height: $line-height;
|
35
39
|
}
|
40
|
+
|
36
41
|
@if $is-print {
|
37
42
|
font-size: $font-size-print;
|
38
43
|
}
|
39
44
|
}
|
40
|
-
|
45
|
+
// scss-lint:enable NameFormat
|
41
46
|
|
42
47
|
@mixin core-80($line-height: (80 / 80), $line-height-640: (55 / 53), $tabular-numbers: false, $font-weight: 400) {
|
43
48
|
$font-size: 80px;
|
@@ -133,7 +138,7 @@ $is-print: false !default;
|
|
133
138
|
padding-top: 8px;
|
134
139
|
padding-bottom: 7px;
|
135
140
|
|
136
|
-
@include media(tablet){
|
141
|
+
@include media(tablet) {
|
137
142
|
padding-top: 6px;
|
138
143
|
padding-bottom: 14px;
|
139
144
|
}
|
@@ -145,7 +150,7 @@ $is-print: false !default;
|
|
145
150
|
padding-top: 10px;
|
146
151
|
padding-bottom: 10px;
|
147
152
|
|
148
|
-
@include media(tablet){
|
153
|
+
@include media(tablet) {
|
149
154
|
padding-top: 7px;
|
150
155
|
padding-bottom: 13px;
|
151
156
|
}
|
@@ -157,7 +162,7 @@ $is-print: false !default;
|
|
157
162
|
padding-top: 8px;
|
158
163
|
padding-bottom: 7px;
|
159
164
|
|
160
|
-
@include media(tablet){
|
165
|
+
@include media(tablet) {
|
161
166
|
padding-top: 6px;
|
162
167
|
padding-bottom: 9px;
|
163
168
|
}
|
@@ -169,7 +174,7 @@ $is-print: false !default;
|
|
169
174
|
padding-top: 8px;
|
170
175
|
padding-bottom: 7px;
|
171
176
|
|
172
|
-
@include media(tablet){
|
177
|
+
@include media(tablet) {
|
173
178
|
padding-top: 4px;
|
174
179
|
padding-bottom: 6px;
|
175
180
|
}
|
@@ -181,7 +186,7 @@ $is-print: false !default;
|
|
181
186
|
padding-top: 9px;
|
182
187
|
padding-bottom: 6px;
|
183
188
|
|
184
|
-
@include media(tablet){
|
189
|
+
@include media(tablet) {
|
185
190
|
padding-top: 6px;
|
186
191
|
padding-bottom: 4px;
|
187
192
|
}
|
@@ -193,7 +198,7 @@ $is-print: false !default;
|
|
193
198
|
padding-top: 2px;
|
194
199
|
padding-bottom: 8px;
|
195
200
|
|
196
|
-
@include media(tablet){
|
201
|
+
@include media(tablet) {
|
197
202
|
padding-top: 0;
|
198
203
|
padding-bottom: 5px;
|
199
204
|
}
|
@@ -205,7 +210,7 @@ $is-print: false !default;
|
|
205
210
|
padding-top: 8px;
|
206
211
|
padding-bottom: 7px;
|
207
212
|
|
208
|
-
@include media(tablet){
|
213
|
+
@include media(tablet) {
|
209
214
|
padding-top: 5px;
|
210
215
|
padding-bottom: 5px;
|
211
216
|
}
|
@@ -217,7 +222,7 @@ $is-print: false !default;
|
|
217
222
|
padding-top: 8px;
|
218
223
|
padding-bottom: 7px;
|
219
224
|
|
220
|
-
@include media(tablet){
|
225
|
+
@include media(tablet) {
|
221
226
|
padding-top: 5px;
|
222
227
|
padding-bottom: 5px;
|
223
228
|
}
|
@@ -243,11 +248,11 @@ $is-print: false !default;
|
|
243
248
|
}
|
244
249
|
|
245
250
|
@mixin external-link-12-no-hover {
|
246
|
-
@include external-link-size($content: "\A0\A0\A0\A0\A0\A0\A0\A0", $top:
|
251
|
+
@include external-link-size($content: "\A0\A0\A0\A0\A0\A0\A0\A0", $top: 0);
|
247
252
|
}
|
248
253
|
|
249
254
|
@mixin external-link-12 {
|
250
|
-
@include external-link-size($content: "\A0\A0\A0\A0\A0\A0\A0\A0", $top:
|
255
|
+
@include external-link-size($content: "\A0\A0\A0\A0\A0\A0\A0\A0", $top: 0, $top-hover: -388px);
|
251
256
|
}
|
252
257
|
|
253
258
|
@mixin external-link-13-no-hover {
|
@@ -1,7 +1,7 @@
|
|
1
|
-
@import "../
|
2
|
-
@import "../
|
3
|
-
@import "../
|
4
|
-
@import "../
|
1
|
+
@import "../colours";
|
2
|
+
@import "../typography";
|
3
|
+
@import "../shims";
|
4
|
+
@import "../grid_layout";
|
5
5
|
|
6
6
|
// Phase banner usage:
|
7
7
|
//
|
@@ -10,10 +10,12 @@
|
|
10
10
|
// }
|
11
11
|
|
12
12
|
@mixin phase-banner($state: alpha) {
|
13
|
-
padding: 10px 0 8px
|
13
|
+
padding: 10px 0 8px;
|
14
|
+
|
14
15
|
@include media(tablet) {
|
15
16
|
padding-bottom: 10px;
|
16
17
|
}
|
18
|
+
|
17
19
|
border-bottom: 1px solid $border-colour;
|
18
20
|
|
19
21
|
p {
|
@@ -51,19 +53,19 @@
|
|
51
53
|
@include inline-block;
|
52
54
|
vertical-align: top;
|
53
55
|
|
54
|
-
@include media(tablet){
|
56
|
+
@include media(tablet) {
|
55
57
|
vertical-align: baseline;
|
56
58
|
}
|
57
59
|
|
58
60
|
margin: 0 8px 0 0;
|
59
61
|
padding: 2px 5px 0;
|
60
62
|
|
61
|
-
@include bold-16($line-height: 20/16);
|
63
|
+
@include bold-16($line-height: 20 / 16);
|
62
64
|
text-transform: uppercase;
|
63
65
|
letter-spacing: 1px;
|
64
66
|
text-decoration: none;
|
65
67
|
|
66
|
-
color:
|
68
|
+
color: $white;
|
67
69
|
@if $state == alpha {
|
68
70
|
background-color: $alpha-colour;
|
69
71
|
} @else if $state == beta {
|
@@ -1,7 +1,7 @@
|
|
1
|
-
@import "../
|
2
|
-
@import "../
|
3
|
-
@import "../
|
4
|
-
@import "../
|
1
|
+
@import "../colours";
|
2
|
+
@import "../typography";
|
3
|
+
@import "../shims";
|
4
|
+
@import "../url-helpers";
|
5
5
|
|
6
6
|
// Breadcrumbs usage:
|
7
7
|
//
|
@@ -23,6 +23,7 @@
|
|
23
23
|
float: left;
|
24
24
|
|
25
25
|
background-image: file-url("separator.png");
|
26
|
+
|
26
27
|
@include device-pixel-ratio() {
|
27
28
|
background-image: file-url("separator-2x.png");
|
28
29
|
background-size: 6px 11px;
|
@@ -1,7 +1,7 @@
|
|
1
|
-
@import '../
|
2
|
-
@import '../
|
3
|
-
@import '../
|
4
|
-
@import '../
|
1
|
+
@import '../shims';
|
2
|
+
@import '../css3';
|
3
|
+
@import '../conditionals';
|
4
|
+
@import '../colours';
|
5
5
|
|
6
6
|
// Mixin and defaults for making buttons on GOV.UK services.
|
7
7
|
|
@@ -20,14 +20,14 @@
|
|
20
20
|
// }
|
21
21
|
|
22
22
|
|
23
|
-
@mixin button($colour: $button-colour){
|
23
|
+
@mixin button($colour: $button-colour) {
|
24
24
|
// Colour
|
25
25
|
background-color: $colour;
|
26
26
|
|
27
27
|
// Size and shape
|
28
28
|
position: relative;
|
29
29
|
@include inline-block;
|
30
|
-
padding: 0.3em 0.6em 0.2em
|
30
|
+
padding: 0.3em 0.6em 0.2em;
|
31
31
|
border: none;
|
32
32
|
@include border-radius(0);
|
33
33
|
-webkit-appearance: none;
|
@@ -46,13 +46,16 @@
|
|
46
46
|
|
47
47
|
// Interaction
|
48
48
|
cursor: pointer;
|
49
|
-
|
49
|
+
|
50
|
+
&:visited {
|
50
51
|
background-color: $colour;
|
51
52
|
}
|
53
|
+
|
52
54
|
&:hover,
|
53
55
|
&:focus {
|
54
56
|
background-color: darken($colour, 5%);
|
55
57
|
}
|
58
|
+
|
56
59
|
&:active {
|
57
60
|
top: 2px;
|
58
61
|
@include box-shadow(0 0 0 $colour);
|
@@ -63,10 +66,11 @@
|
|
63
66
|
&[disabled="disabled"],
|
64
67
|
&[disabled] {
|
65
68
|
@include opacity(0.5);
|
66
|
-
&:hover{
|
69
|
+
&:hover {
|
67
70
|
cursor: default;
|
68
71
|
background-color: $colour;
|
69
72
|
}
|
73
|
+
|
70
74
|
&:active {
|
71
75
|
top: 0;
|
72
76
|
@include box-shadow(0 2px 0 darken($colour, 15%));
|
@@ -79,18 +83,20 @@
|
|
79
83
|
// Set text colour depending on background colour
|
80
84
|
@if lightness($colour) < 50% {
|
81
85
|
color: $white;
|
86
|
+
|
82
87
|
&:link,
|
83
88
|
&:hover,
|
84
89
|
&:focus,
|
85
|
-
&:visited{
|
90
|
+
&:visited {
|
86
91
|
color: $white;
|
87
92
|
}
|
88
93
|
} @else {
|
89
94
|
color: $text-colour;
|
95
|
+
|
90
96
|
&:link,
|
91
97
|
&:hover,
|
92
98
|
&:focus,
|
93
|
-
&:visited{
|
99
|
+
&:visited {
|
94
100
|
color: $text-colour;
|
95
101
|
}
|
96
102
|
}
|
@@ -107,6 +113,7 @@
|
|
107
113
|
top: 0;
|
108
114
|
left: 0;
|
109
115
|
}
|
116
|
+
|
110
117
|
&:active:before {
|
111
118
|
top: -10%;
|
112
119
|
height: 120%;
|
@@ -132,7 +139,7 @@
|
|
132
139
|
&[type="submit"],
|
133
140
|
&[type="reset"],
|
134
141
|
&[type="button"] {
|
135
|
-
filter:chroma(color
|
142
|
+
filter: chroma(color = $black);
|
136
143
|
}
|
137
144
|
|
138
145
|
&[type=submit].button {
|
@@ -1,5 +1,5 @@
|
|
1
|
-
@import '../
|
2
|
-
@import '../
|
1
|
+
@import '../colours';
|
2
|
+
@import '../url-helpers';
|
3
3
|
|
4
4
|
// Player overrides
|
5
5
|
|
@@ -44,15 +44,17 @@
|
|
44
44
|
cursor: pointer;
|
45
45
|
}
|
46
46
|
|
47
|
-
|
47
|
+
a,
|
48
|
+
button {
|
48
49
|
&:focus {
|
49
|
-
background-color:
|
50
|
+
background-color: $focus-colour;
|
50
51
|
outline: none;
|
51
52
|
}
|
52
53
|
}
|
53
54
|
|
54
55
|
.player-controls {
|
55
|
-
.play,
|
56
|
+
.play,
|
57
|
+
.pause {
|
56
58
|
position: absolute;
|
57
59
|
bottom: 0;
|
58
60
|
left: 0;
|
@@ -72,7 +74,8 @@
|
|
72
74
|
background-image: file-url('player-icon-pause.png');
|
73
75
|
}
|
74
76
|
|
75
|
-
.rewind,
|
77
|
+
.rewind,
|
78
|
+
.forward {
|
76
79
|
position: absolute;
|
77
80
|
top: 0;
|
78
81
|
z-index: 30;
|
@@ -132,7 +135,8 @@
|
|
132
135
|
content: "d";
|
133
136
|
}
|
134
137
|
|
135
|
-
.vol-down,
|
138
|
+
.vol-down,
|
139
|
+
.vol-up {
|
136
140
|
position: absolute;
|
137
141
|
bottom: 0;
|
138
142
|
height: 40px;
|
@@ -143,7 +147,8 @@
|
|
143
147
|
text-align: center;
|
144
148
|
z-index: 10;
|
145
149
|
|
146
|
-
&:hover,
|
150
|
+
&:hover,
|
151
|
+
&:focus {
|
147
152
|
color: $light-blue;
|
148
153
|
}
|
149
154
|
}
|
@@ -222,7 +227,9 @@
|
|
222
227
|
height: 100%;
|
223
228
|
padding-bottom: 1px;
|
224
229
|
width: 20px;
|
225
|
-
|
230
|
+
// Allow RGBA here, it is the only colour value with alpha transparency
|
231
|
+
// scss-lint:disable ColorVariable
|
232
|
+
color: rgba(0, 0, 0, 0.5);
|
226
233
|
z-index: 10;
|
227
234
|
}
|
228
235
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: govuk_frontend_toolkit
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 4.8.
|
4
|
+
version: 4.8.2
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Bradley Wright
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-
|
11
|
+
date: 2016-03-01 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: rails
|
@@ -82,7 +82,6 @@ files:
|
|
82
82
|
- Rakefile
|
83
83
|
- app/assets/.gitignore
|
84
84
|
- app/assets/.ruby-version
|
85
|
-
- app/assets/.scss-lint.yaml
|
86
85
|
- app/assets/.travis.yml
|
87
86
|
- app/assets/CHANGELOG.md
|
88
87
|
- app/assets/CONTRIBUTING.md
|
data/app/assets/.scss-lint.yaml
DELETED
@@ -1,107 +0,0 @@
|
|
1
|
-
linters:
|
2
|
-
BangFormat:
|
3
|
-
enabled: true
|
4
|
-
|
5
|
-
DuplicateProperty:
|
6
|
-
enabled: true
|
7
|
-
|
8
|
-
EmptyRule:
|
9
|
-
enabled: true
|
10
|
-
|
11
|
-
FinalNewline:
|
12
|
-
enabled: true
|
13
|
-
|
14
|
-
Indentation:
|
15
|
-
character: space
|
16
|
-
enabled: true
|
17
|
-
exclude:
|
18
|
-
- 'stylesheets/_css3.scss'
|
19
|
-
|
20
|
-
MergeableSelector:
|
21
|
-
enabled: true
|
22
|
-
|
23
|
-
PropertySpelling:
|
24
|
-
enabled: true
|
25
|
-
|
26
|
-
SingleLinePerProperty:
|
27
|
-
enabled: true
|
28
|
-
|
29
|
-
TrailingSemicolon:
|
30
|
-
enabled: true
|
31
|
-
|
32
|
-
UrlFormat:
|
33
|
-
enabled: true
|
34
|
-
|
35
|
-
UrlQuotes:
|
36
|
-
enabled: true
|
37
|
-
|
38
|
-
# Disabled rules
|
39
|
-
|
40
|
-
BorderZero:
|
41
|
-
enabled: false
|
42
|
-
ColorKeyword:
|
43
|
-
enabled: false
|
44
|
-
Comment:
|
45
|
-
enabled: false
|
46
|
-
Compass Linters:
|
47
|
-
enabled: false
|
48
|
-
DebugStatement:
|
49
|
-
enabled: false
|
50
|
-
DeclarationOrder:
|
51
|
-
enabled: false
|
52
|
-
ElsePlacement:
|
53
|
-
enabled: false
|
54
|
-
EmptyLineBetweenBlocks:
|
55
|
-
enabled: false
|
56
|
-
HexLength:
|
57
|
-
enabled: false
|
58
|
-
HexNotation:
|
59
|
-
enabled: false
|
60
|
-
HexValidation:
|
61
|
-
enabled: false
|
62
|
-
IdWithExtraneousSelector:
|
63
|
-
enabled: false
|
64
|
-
ImportPath:
|
65
|
-
enabled: false
|
66
|
-
LeadingZero:
|
67
|
-
enabled: false
|
68
|
-
NameFormat:
|
69
|
-
enabled: false
|
70
|
-
NestingDepth:
|
71
|
-
enabled: false
|
72
|
-
PlaceholderInExtend:
|
73
|
-
enabled: false
|
74
|
-
PropertySortOrder:
|
75
|
-
enabled: false
|
76
|
-
QualifyingElement:
|
77
|
-
enabled: false
|
78
|
-
SelectorDepth:
|
79
|
-
enabled: false
|
80
|
-
SelectorFormat:
|
81
|
-
enabled: false
|
82
|
-
Shorthand:
|
83
|
-
enabled: false
|
84
|
-
SingleLinePerSelector:
|
85
|
-
enabled: false
|
86
|
-
SpaceAfterComma:
|
87
|
-
enabled: false
|
88
|
-
SpaceAfterPropertyColon:
|
89
|
-
enabled: false
|
90
|
-
SpaceAfterPropertyName:
|
91
|
-
enabled: false
|
92
|
-
SpaceBeforeBrace:
|
93
|
-
enabled: false
|
94
|
-
SpaceBetweenParens:
|
95
|
-
enabled: false
|
96
|
-
StringQuotes:
|
97
|
-
enabled: false
|
98
|
-
TrailingZero:
|
99
|
-
enabled: false
|
100
|
-
UnnecessaryMantissa:
|
101
|
-
enabled: false
|
102
|
-
UnnecessaryParentReference:
|
103
|
-
enabled: false
|
104
|
-
VendorPrefixes:
|
105
|
-
enabled: false
|
106
|
-
ZeroUnit:
|
107
|
-
enabled: false
|