govuk_frontend_toolkit 4.8.2 → 4.9.0
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b773aa9a169740cd89ce517815c3418fa8f1867c
|
|
4
|
+
data.tar.gz: ebb4a11022b94eeb8de7efa5efab4710f40d7cde
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: da081c737137acb1e20af6f3053c7681023f94116a8648688b4921f34e62d82f0352d535f8ef2f113adb5dad09231ad42ec80d90944e1d9a8e7281dc6176ee3a
|
|
7
|
+
data.tar.gz: 316156fd623516b069ae5c261af1209ff8823b902b8b97188772f1174e4020983cb98da225354858d6ab2cf89db86ef6c9da86f3beff0df333229e3ee7b806d7
|
data/app/assets/CHANGELOG.md
CHANGED
data/app/assets/VERSION.txt
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
4.
|
|
1
|
+
4.9.0
|
|
@@ -1,111 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
// Departmental colours
|
|
4
|
-
$attorney-generals-office: #9f1888;
|
|
5
|
-
$cabinet-office: #005abb;
|
|
6
|
-
$civil-service: #af292e;
|
|
7
|
-
$department-for-business-innovation-skills: #003479;
|
|
8
|
-
$department-for-communities-and-local-government: #00857e;
|
|
9
|
-
$department-for-culture-media-sport: #d40072;
|
|
10
|
-
$department-for-education: #003a69;
|
|
11
|
-
$department-for-environment-food-rural-affairs: #00a33b;
|
|
12
|
-
$department-for-international-development: #002878;
|
|
13
|
-
$department-for-transport: #006c56;
|
|
14
|
-
$department-for-work-pensions: #00beb7;
|
|
15
|
-
$department-of-energy-climate-change: #009ddb;
|
|
16
|
-
$department-of-health: #00ad93;
|
|
17
|
-
$foreign-commonwealth-office: #003e74;
|
|
18
|
-
$government-equalities-office: #9325b2;
|
|
19
|
-
$hm-government: #0076c0;
|
|
20
|
-
$hm-revenue-customs: #009390;
|
|
21
|
-
$hm-treasury: #af292e;
|
|
22
|
-
$home-office: #9325b2;
|
|
23
|
-
$ministry-of-defence: #4d2942;
|
|
24
|
-
$ministry-of-justice: #231f20;
|
|
25
|
-
$northern-ireland-office: #002663;
|
|
26
|
-
$office-of-the-advocate-general-for-scotland: #002663;
|
|
27
|
-
$office-of-the-leader-of-the-house-of-lords: #9c132e;
|
|
28
|
-
$scotland-office: #002663;
|
|
29
|
-
// Note: the 'the' part here will get dropped
|
|
30
|
-
$the-office-of-the-leader-of-the-house-of-commons: #317023;
|
|
31
|
-
$uk-export-finance: #005747;
|
|
32
|
-
$uk-trade-investment: #C80651;
|
|
33
|
-
$wales-office: #a33038;
|
|
34
|
-
|
|
35
|
-
// Brand colours
|
|
36
|
-
$govuk-blue: #005ea5;
|
|
37
|
-
$mainstream-brand: $govuk-blue;
|
|
38
|
-
|
|
39
|
-
// Standard palette, colours
|
|
40
|
-
$purple: #2e358b;
|
|
41
|
-
$purple-50: #9799c4;
|
|
42
|
-
$purple-25: #d5d6e7;
|
|
43
|
-
$mauve: #6f72af;
|
|
44
|
-
$mauve-50: #b7b9d7;
|
|
45
|
-
$mauve-25: #e2e2ef;
|
|
46
|
-
$fuschia: #912b88;
|
|
47
|
-
$fuschia-50: #c994c3;
|
|
48
|
-
$fuschia-25: #e9d4e6;
|
|
49
|
-
$pink: #d53880;
|
|
50
|
-
$pink-50: #eb9bbe;
|
|
51
|
-
$pink-25: #f6d7e5;
|
|
52
|
-
$baby-pink: #f499be;
|
|
53
|
-
$baby-pink-50: #faccdf;
|
|
54
|
-
$baby-pink-25: #fdebf2;
|
|
55
|
-
$red: #b10e1e;
|
|
56
|
-
$red-50: #d9888c;
|
|
57
|
-
$red-25: #efcfd1;
|
|
58
|
-
$mellow-red: #df3034;
|
|
59
|
-
$mellow-red-50: #ef9998;
|
|
60
|
-
$mellow-red-25: #f9d6d6;
|
|
61
|
-
$orange: #f47738;
|
|
62
|
-
$orange-50: #fabb96;
|
|
63
|
-
$orange-25: #fde4d4;
|
|
64
|
-
$brown: #b58840;
|
|
65
|
-
$brown-50: #dac39c;
|
|
66
|
-
$brown-25: #f0e7d7;
|
|
67
|
-
$yellow: #ffbf47;
|
|
68
|
-
$yellow-50: #ffdf94;
|
|
69
|
-
$yellow-25: #fff2d3;
|
|
70
|
-
$grass-green: #85994b;
|
|
71
|
-
$grass-green-50: #c2cca3;
|
|
72
|
-
$grass-green-25: #e7ebda;
|
|
73
|
-
$green: #006435;
|
|
74
|
-
$green-50: #7fb299;
|
|
75
|
-
$green-25: #cce0d6;
|
|
76
|
-
$turquoise: #28a197;
|
|
77
|
-
$turquoise-50: #95d0cb;
|
|
78
|
-
$turquoise-25: #d5ecea;
|
|
79
|
-
$light-blue: #2b8cc4;
|
|
80
|
-
$light-blue-50: #96c6e2;
|
|
81
|
-
$light-blue-25: #d5e8f3;
|
|
82
|
-
|
|
83
|
-
// Standard palette, greys
|
|
84
|
-
$black: #0b0c0c;
|
|
85
|
-
$grey-1: #6f777b;
|
|
86
|
-
$grey-2: #bfc1c3;
|
|
87
|
-
$grey-3: #dee0e2;
|
|
88
|
-
$grey-4: #f8f8f8;
|
|
89
|
-
$white: #fff;
|
|
90
|
-
|
|
91
|
-
// Semantic colour names
|
|
92
|
-
$link-colour: $govuk-blue;
|
|
93
|
-
$link-active-colour: $light-blue;
|
|
94
|
-
$link-hover-colour: $light-blue;
|
|
95
|
-
$link-visited-colour: #4c2c92;
|
|
96
|
-
$button-colour: #00823b;
|
|
97
|
-
$focus-colour: $yellow;
|
|
98
|
-
$text-colour: $black; // Standard text colour
|
|
99
|
-
$secondary-text-colour: $grey-1; // Section headers, help text etc.
|
|
100
|
-
$border-colour: $grey-2; // Borders, seperators, rules, keylines etc.
|
|
101
|
-
$panel-colour: $grey-3; // Related links panel, page footer etc.
|
|
102
|
-
$canvas-colour: $grey-4; // Page background
|
|
103
|
-
$highlight-colour: $grey-4; // Table stripes etc.
|
|
104
|
-
$page-colour: $white; // The page
|
|
105
|
-
$discovery-colour: $fuschia; // Discovery badges and banners
|
|
106
|
-
$alpha-colour: $pink; // Alpha badges and banners
|
|
107
|
-
$beta-colour: $orange; // Beta badges and banners
|
|
108
|
-
$live-colour: $grass-green; // Live badges and banners
|
|
109
|
-
$banner-text-colour: #000; // Text colour for Alpha & Beta banners
|
|
110
|
-
$error-colour: $red; // Error text and border colour
|
|
111
|
-
$error-background: #fef7f7; // Error background colour
|
|
1
|
+
@import "colours/palette";
|
|
2
|
+
@import "colours/organisation";
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
// We use `websafe` to mean strong enough contrast against white to
|
|
2
|
+
// be used for copy and meet the AAA (large text) and AA (smaller
|
|
3
|
+
// copy) WCAG guidelines.
|
|
4
|
+
|
|
5
|
+
$attorney-generals-office: #9f1888;
|
|
6
|
+
$attorney-generals-office-websafe: #a03a88;
|
|
7
|
+
$cabinet-office: #005abb;
|
|
8
|
+
$cabinet-office-websafe: #347da4;
|
|
9
|
+
$civil-service: #af292e;
|
|
10
|
+
$department-for-business-innovation-skills: #003479;
|
|
11
|
+
$department-for-business-innovation-skills-websafe: #347da4;
|
|
12
|
+
$department-for-communities-and-local-government: #00857e;
|
|
13
|
+
$department-for-communities-and-local-government-websafe: #37836e;
|
|
14
|
+
$department-for-culture-media-sport: #d40072;
|
|
15
|
+
$department-for-culture-media-sport-websafe: #a03155;
|
|
16
|
+
$department-for-education: #003a69;
|
|
17
|
+
$department-for-education-websafe: #347ca9;
|
|
18
|
+
$department-for-environment-food-rural-affairs: #00a33b;
|
|
19
|
+
$department-for-international-development: #002878;
|
|
20
|
+
$department-for-international-development-websafe: #405e9a;
|
|
21
|
+
$department-for-transport: #006c56;
|
|
22
|
+
$department-for-transport-websafe: #398373;
|
|
23
|
+
$department-for-work-pensions: #00beb7;
|
|
24
|
+
$department-for-work-pensions-websafe: #37807b;
|
|
25
|
+
$department-of-energy-climate-change: #009ddb;
|
|
26
|
+
$department-of-energy-climate-change-websafe: #2b7cac;
|
|
27
|
+
$department-of-health: #00ad93;
|
|
28
|
+
$department-of-health-websafe: #39836e;
|
|
29
|
+
$foreign-commonwealth-office: #003e74;
|
|
30
|
+
$foreign-commonwealth-office-websafe: #406e97;
|
|
31
|
+
$government-equalities-office: #9325b2;
|
|
32
|
+
$hm-government: #0076c0;
|
|
33
|
+
$hm-government-websafe: #347da4;
|
|
34
|
+
$hm-revenue-customs: #009390;
|
|
35
|
+
$hm-revenue-customs-websafe: #008770;
|
|
36
|
+
$hm-treasury: #af292e;
|
|
37
|
+
$hm-treasury-websafe: #832322;
|
|
38
|
+
$home-office: #9325b2;
|
|
39
|
+
$home-office-websafe: #9440b2;
|
|
40
|
+
$ministry-of-defence: #4d2942;
|
|
41
|
+
$ministry-of-defence-websafe: #5a5c92;
|
|
42
|
+
$ministry-of-justice: #231f20;
|
|
43
|
+
$ministry-of-justice-websafe: #5a5c92;
|
|
44
|
+
$northern-ireland-office: #002663;
|
|
45
|
+
$northern-ireland-office-websafe: #3e598c;
|
|
46
|
+
$office-of-the-advocate-general-for-scotland: #002663;
|
|
47
|
+
$office-of-the-advocate-general-for-scotland-websafe: $link-colour;
|
|
48
|
+
$office-of-the-leader-of-the-house-of-lords: #9c132e;
|
|
49
|
+
$office-of-the-leader-of-the-house-of-lords-websafe: #c2395d;
|
|
50
|
+
$scotland-office: #002663;
|
|
51
|
+
$scotland-office-websafe: #405c8a;
|
|
52
|
+
// Note: the 'the' part here will get dropped
|
|
53
|
+
$the-office-of-the-leader-of-the-house-of-commons: #317023;
|
|
54
|
+
$the-office-of-the-leader-of-the-house-of-commons-websafe: #005f8f;
|
|
55
|
+
$uk-export-finance: #005747;
|
|
56
|
+
$uk-export-finance-websafe: $link-colour;
|
|
57
|
+
$uk-trade-investment: #C80651;
|
|
58
|
+
$uk-trade-investment-websafe: $link-colour;
|
|
59
|
+
$wales-office: #a33038;
|
|
60
|
+
$wales-office-websafe: #7a242a;
|
|
61
|
+
|
|
62
|
+
// All organisation colours in a list
|
|
63
|
+
// (class_name, brand colour, WCAG acceptible text colour)
|
|
64
|
+
//
|
|
65
|
+
// example usage:
|
|
66
|
+
// @each $organisation in $all-organisation-brand-colours {
|
|
67
|
+
// .#{nth($organisation, 1)} {
|
|
68
|
+
// border-color: nth($organisation, 2);
|
|
69
|
+
// }
|
|
70
|
+
// }
|
|
71
|
+
|
|
72
|
+
$all-organisation-brand-colours:
|
|
73
|
+
'attorney-generals-office' $attorney-generals-office $attorney-generals-office-websafe,
|
|
74
|
+
'cabinet-office' $cabinet-office $cabinet-office-websafe,
|
|
75
|
+
'civil-service' $civil-service $civil-service,
|
|
76
|
+
'department-for-business-innovation-skills' $department-for-business-innovation-skills $department-for-business-innovation-skills-websafe,
|
|
77
|
+
'department-for-communities-and-local-government' $department-for-communities-and-local-government $department-for-communities-and-local-government-websafe,
|
|
78
|
+
'department-for-culture-media-sport' $department-for-culture-media-sport $department-for-culture-media-sport-websafe,
|
|
79
|
+
'department-for-education' $department-for-education $department-for-education-websafe,
|
|
80
|
+
'department-for-environment-food-rural-affairs' $department-for-environment-food-rural-affairs $department-for-environment-food-rural-affairs,
|
|
81
|
+
'department-for-international-development' $department-for-international-development $department-for-international-development-websafe,
|
|
82
|
+
'department-for-transport' $department-for-transport $department-for-transport-websafe,
|
|
83
|
+
'department-for-work-pensions' $department-for-work-pensions $department-for-work-pensions-websafe,
|
|
84
|
+
'department-of-energy-climate-change' $department-of-energy-climate-change $department-of-energy-climate-change-websafe,
|
|
85
|
+
'department-of-health' $department-of-health $department-of-health-websafe,
|
|
86
|
+
'foreign-commonwealth-office' $foreign-commonwealth-office $foreign-commonwealth-office-websafe,
|
|
87
|
+
'hm-government' $hm-government $hm-government-websafe,
|
|
88
|
+
'hm-revenue-customs' $hm-revenue-customs $hm-revenue-customs-websafe,
|
|
89
|
+
'hm-treasury' $hm-treasury $hm-treasury-websafe,
|
|
90
|
+
'home-office' $home-office $home-office-websafe,
|
|
91
|
+
'ministry-of-defence' $ministry-of-defence $ministry-of-defence-websafe,
|
|
92
|
+
'ministry-of-justice' $ministry-of-justice $ministry-of-justice-websafe,
|
|
93
|
+
'northern-ireland-office' $northern-ireland-office $northern-ireland-office-websafe,
|
|
94
|
+
'office-of-the-advocate-general-for-scotland' $office-of-the-advocate-general-for-scotland $office-of-the-advocate-general-for-scotland-websafe,
|
|
95
|
+
'office-of-the-leader-of-the-house-of-lords' $office-of-the-leader-of-the-house-of-lords $office-of-the-leader-of-the-house-of-lords-websafe,
|
|
96
|
+
'scotland-office' $scotland-office $scotland-office-websafe,
|
|
97
|
+
'the-office-of-the-leader-of-the-house-of-commons' $the-office-of-the-leader-of-the-house-of-commons $the-office-of-the-leader-of-the-house-of-commons-websafe,
|
|
98
|
+
'uk-export-finance' $uk-export-finance $uk-export-finance-websafe,
|
|
99
|
+
'uk-trade-investment' $uk-trade-investment $uk-trade-investment-websafe,
|
|
100
|
+
'wales-office' $wales-office $wales-office-websafe;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
// Brand colours
|
|
2
|
+
$govuk-blue: #005ea5;
|
|
3
|
+
$mainstream-brand: $govuk-blue;
|
|
4
|
+
|
|
5
|
+
// Standard palette, colours
|
|
6
|
+
$purple: #2e358b;
|
|
7
|
+
$purple-50: #9799c4;
|
|
8
|
+
$purple-25: #d5d6e7;
|
|
9
|
+
$mauve: #6f72af;
|
|
10
|
+
$mauve-50: #b7b9d7;
|
|
11
|
+
$mauve-25: #e2e2ef;
|
|
12
|
+
$fuschia: #912b88;
|
|
13
|
+
$fuschia-50: #c994c3;
|
|
14
|
+
$fuschia-25: #e9d4e6;
|
|
15
|
+
$pink: #d53880;
|
|
16
|
+
$pink-50: #eb9bbe;
|
|
17
|
+
$pink-25: #f6d7e5;
|
|
18
|
+
$baby-pink: #f499be;
|
|
19
|
+
$baby-pink-50: #faccdf;
|
|
20
|
+
$baby-pink-25: #fdebf2;
|
|
21
|
+
$red: #b10e1e;
|
|
22
|
+
$red-50: #d9888c;
|
|
23
|
+
$red-25: #efcfd1;
|
|
24
|
+
$mellow-red: #df3034;
|
|
25
|
+
$mellow-red-50: #ef9998;
|
|
26
|
+
$mellow-red-25: #f9d6d6;
|
|
27
|
+
$orange: #f47738;
|
|
28
|
+
$orange-50: #fabb96;
|
|
29
|
+
$orange-25: #fde4d4;
|
|
30
|
+
$brown: #b58840;
|
|
31
|
+
$brown-50: #dac39c;
|
|
32
|
+
$brown-25: #f0e7d7;
|
|
33
|
+
$yellow: #ffbf47;
|
|
34
|
+
$yellow-50: #ffdf94;
|
|
35
|
+
$yellow-25: #fff2d3;
|
|
36
|
+
$grass-green: #85994b;
|
|
37
|
+
$grass-green-50: #c2cca3;
|
|
38
|
+
$grass-green-25: #e7ebda;
|
|
39
|
+
$green: #006435;
|
|
40
|
+
$green-50: #7fb299;
|
|
41
|
+
$green-25: #cce0d6;
|
|
42
|
+
$turquoise: #28a197;
|
|
43
|
+
$turquoise-50: #95d0cb;
|
|
44
|
+
$turquoise-25: #d5ecea;
|
|
45
|
+
$light-blue: #2b8cc4;
|
|
46
|
+
$light-blue-50: #96c6e2;
|
|
47
|
+
$light-blue-25: #d5e8f3;
|
|
48
|
+
|
|
49
|
+
// Standard palette, greys
|
|
50
|
+
$black: #0b0c0c;
|
|
51
|
+
$grey-1: #6f777b;
|
|
52
|
+
$grey-2: #bfc1c3;
|
|
53
|
+
$grey-3: #dee0e2;
|
|
54
|
+
$grey-4: #f8f8f8;
|
|
55
|
+
$white: #fff;
|
|
56
|
+
|
|
57
|
+
// Semantic colour names
|
|
58
|
+
$link-colour: $govuk-blue;
|
|
59
|
+
$link-active-colour: $light-blue;
|
|
60
|
+
$link-hover-colour: $light-blue;
|
|
61
|
+
$link-visited-colour: #4c2c92;
|
|
62
|
+
$button-colour: #00823b;
|
|
63
|
+
$focus-colour: $yellow;
|
|
64
|
+
$text-colour: $black; // Standard text colour
|
|
65
|
+
$secondary-text-colour: $grey-1; // Section headers, help text etc.
|
|
66
|
+
$border-colour: $grey-2; // Borders, seperators, rules, keylines etc.
|
|
67
|
+
$panel-colour: $grey-3; // Related links panel, page footer etc.
|
|
68
|
+
$canvas-colour: $grey-4; // Page background
|
|
69
|
+
$highlight-colour: $grey-4; // Table stripes etc.
|
|
70
|
+
$page-colour: $white; // The page
|
|
71
|
+
$discovery-colour: $fuschia; // Discovery badges and banners
|
|
72
|
+
$alpha-colour: $pink; // Alpha badges and banners
|
|
73
|
+
$beta-colour: $orange; // Beta badges and banners
|
|
74
|
+
$live-colour: $grass-green; // Live badges and banners
|
|
75
|
+
$banner-text-colour: #000; // Text colour for Alpha & Beta banners
|
|
76
|
+
$error-colour: $red; // Error text and border colour
|
|
77
|
+
$error-background: #fef7f7; // Error background colour
|
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.
|
|
4
|
+
version: 4.9.0
|
|
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-03-
|
|
11
|
+
date: 2016-03-04 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -270,6 +270,8 @@ files:
|
|
|
270
270
|
- app/assets/stylesheets/_shims.scss
|
|
271
271
|
- app/assets/stylesheets/_typography.scss
|
|
272
272
|
- app/assets/stylesheets/_url-helpers.scss
|
|
273
|
+
- app/assets/stylesheets/colours/_organisation.scss
|
|
274
|
+
- app/assets/stylesheets/colours/_palette.scss
|
|
273
275
|
- app/assets/stylesheets/design-patterns/_alpha-beta.scss
|
|
274
276
|
- app/assets/stylesheets/design-patterns/_breadcrumbs.scss
|
|
275
277
|
- app/assets/stylesheets/design-patterns/_buttons.scss
|