katalyst-govuk-formbuilder 1.3.2 → 1.5.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +8 -0
- data/app/assets/builds/katalyst/govuk/formbuilder.css +58 -5
- data/app/assets/builds/katalyst/govuk/formbuilder.js +98 -64
- data/app/assets/builds/katalyst/govuk/formbuilder.min.js +1 -1
- data/app/assets/stylesheets/katalyst/govuk/components/richtextarea/_index.scss +7 -6
- data/app/assets/stylesheets/katalyst/govuk/formbuilder.scss +1 -1
- data/lib/katalyst/govuk/formbuilder/engine.rb +1 -0
- data/lib/katalyst/govuk/formbuilder/version.rb +1 -1
- data/vendor/assets/stylesheets/govuk-frontend/govuk/_base.scss +3 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/all-ie8.scss +14 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/all.scss +9 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/_all.scss +34 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/accordion/_accordion.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/accordion/_index.scss +392 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/back-link/_back-link.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/back-link/_index.scss +99 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/breadcrumbs/_index.scss +147 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/button/_button.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/button/_index.scss +297 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/character-count/_character-count.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/character-count/_index.scss +34 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/checkboxes/_index.scss +335 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/cookie-banner/_index.scss +49 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/date-input/_date-input.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/date-input/_index.scss +26 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/details/_details.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/details/_index.scss +88 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-message/_error-message.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-message/_index.scss +12 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-summary/_error-summary.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-summary/_index.scss +43 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/fieldset/_fieldset.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/fieldset/_index.scss +64 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/file-upload/_file-upload.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/file-upload/_index.scss +55 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/footer/_footer.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/footer/_index.scss +193 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/header/_header.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/header/_index.scss +349 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/hint/_hint.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/hint/_index.scss +42 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/input/_index.scss +193 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/input/_input.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/inset-text/_index.scss +24 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/inset-text/_inset-text.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/label/_index.scss +41 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/label/_label.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/notification-banner/_index.scss +89 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/pagination/_index.scss +247 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/pagination/_pagination.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/panel/_index.scss +56 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/panel/_panel.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/phase-banner/_index.scss +27 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/radios/_index.scss +349 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/radios/_radios.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/select/_index.scss +66 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/select/_select.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/skip-link/_index.scss +47 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/skip-link/_skip-link.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/summary-list/_index.scss +276 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/summary-list/_summary-list.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/table/_index.scss +71 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/table/_table.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tabs/_index.scss +130 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tabs/_tabs.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tag/_index.scss +81 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tag/_tag.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/textarea/_index.scss +54 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/textarea/_textarea.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/warning-text/_index.scss +66 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/components/warning-text/_warning-text.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_all.scss +6 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_global-styles.scss +19 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_govuk-frontend-version.scss +5 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_links.scss +35 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_lists.scss +66 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_section-break.scss +56 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_typography.scss +186 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_all.scss +12 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_clearfix.scss +15 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_colour.scss +98 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_device-pixels.scss +37 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_focused.scss +33 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_font-faces.scss +41 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_grid.scss +61 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_links.scss +429 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_media-queries.scss +91 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_shape-arrow.scss +80 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_spacing.scss +171 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_typography.scss +214 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_visually-hidden.scss +84 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_all.scss +6 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_button-group.scss +85 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_form-group.scss +23 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_grid.scss +24 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_main-wrapper.scss +53 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_template.scss +32 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_width-container.scss +84 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_all.scss +5 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_display.scss +24 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_spacing.scss +102 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_text-align.scss +14 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_typography.scss +21 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_width.scss +46 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_all.scss +24 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_assets.scss +82 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_colours-applied.scss +155 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_colours-organisations.scss +146 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_colours-palette.scss +120 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_compatibility.scss +100 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_global-styles.scss +13 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_ie8.scss +34 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_links.scss +66 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_measurements.scss +95 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_media-queries.scss +23 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_spacing.scss +76 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_typography-font-families.scss +32 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_typography-font.scss +112 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_typography-responsive.scss +195 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_warnings.scss +53 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_all.scss +7 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_compatibility.scss +50 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_exports.scss +33 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_font-url.scss +25 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_ie8.scss +87 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_image-url.scss +25 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_px-to-em.scss +20 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_px-to-rem.scss +20 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/utilities/_all.scss +2 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/utilities/_clearfix.scss +5 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/utilities/_visually-hidden.scss +9 -0
- data/vendor/assets/stylesheets/govuk-frontend/govuk/vendor/_sass-mq.scss +347 -0
- metadata +132 -4
- data/app/assets/builds/katalyst/govuk/formbuilder.min.css +0 -1
@@ -0,0 +1,146 @@
|
|
1
|
+
////
|
2
|
+
/// @group settings/colours
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Organisation colours
|
6
|
+
///
|
7
|
+
/// @type Map
|
8
|
+
///
|
9
|
+
/// @prop $organisation.colour - Colour for the given `$organisation`
|
10
|
+
/// @prop $organisation.colour-websafe - Websafe colour for the given
|
11
|
+
/// `$organisation`. We use `websafe` to mean strong enough contrast against
|
12
|
+
/// white to be used for copy and meet the AAA (large text) and AA (smaller
|
13
|
+
/// copy) WCAG guidelines.
|
14
|
+
///
|
15
|
+
/// @access public
|
16
|
+
|
17
|
+
$govuk-colours-organisations: (
|
18
|
+
"attorney-generals-office": (
|
19
|
+
colour: #9f1888,
|
20
|
+
colour-websafe: #a03a88
|
21
|
+
),
|
22
|
+
"cabinet-office": (
|
23
|
+
colour: #005abb,
|
24
|
+
colour-websafe: #347da4
|
25
|
+
),
|
26
|
+
"civil-service": (
|
27
|
+
colour: #af292e
|
28
|
+
),
|
29
|
+
"department-for-business-innovation-skills": (
|
30
|
+
colour: #003479,
|
31
|
+
colour-websafe: #347da4
|
32
|
+
),
|
33
|
+
"department-for-communities-and-local-government": (
|
34
|
+
colour: #009999,
|
35
|
+
colour-websafe: #37836e
|
36
|
+
),
|
37
|
+
"department-for-culture-media-sport": (
|
38
|
+
colour: #d40072,
|
39
|
+
colour-websafe: #a03155
|
40
|
+
),
|
41
|
+
"department-for-education": (
|
42
|
+
colour: #003a69,
|
43
|
+
colour-websafe: #347ca9
|
44
|
+
),
|
45
|
+
"department-for-environment-food-rural-affairs": (
|
46
|
+
colour: #00a33b,
|
47
|
+
colour-websafe: #008938
|
48
|
+
),
|
49
|
+
"department-for-international-development": (
|
50
|
+
colour: #002878,
|
51
|
+
colour-websafe: #405e9a
|
52
|
+
),
|
53
|
+
"department-for-international-trade": (
|
54
|
+
colour: #cf102d,
|
55
|
+
colour-websafe: #005ea5
|
56
|
+
),
|
57
|
+
"department-for-business-and-trade": (
|
58
|
+
colour: #cf102d,
|
59
|
+
colour-websafe: #005ea5
|
60
|
+
),
|
61
|
+
"department-for-levelling-up-housing-and-communities": (
|
62
|
+
colour: #012169,
|
63
|
+
),
|
64
|
+
"department-for-transport": (
|
65
|
+
colour: #006c56,
|
66
|
+
colour-websafe: #398373
|
67
|
+
),
|
68
|
+
"department-for-work-pensions": (
|
69
|
+
colour: #00beb7,
|
70
|
+
colour-websafe: #37807b
|
71
|
+
),
|
72
|
+
"department-of-energy-climate-change": (
|
73
|
+
colour: #009ddb,
|
74
|
+
colour-websafe: #2b7cac
|
75
|
+
),
|
76
|
+
"department-of-health": (
|
77
|
+
colour: #00ad93,
|
78
|
+
colour-websafe: #39836e
|
79
|
+
),
|
80
|
+
"foreign-commonwealth-development-office": (
|
81
|
+
colour: #012169
|
82
|
+
),
|
83
|
+
"foreign-commonwealth-office": (
|
84
|
+
colour: #003e74,
|
85
|
+
colour-websafe: #406e97
|
86
|
+
),
|
87
|
+
"government-equalities-office": (
|
88
|
+
colour: #9325b2
|
89
|
+
),
|
90
|
+
"hm-government": (
|
91
|
+
colour: #0076c0,
|
92
|
+
colour-websafe: #347da4
|
93
|
+
),
|
94
|
+
"hm-revenue-customs": (
|
95
|
+
colour: #009390,
|
96
|
+
colour-websafe: #008670
|
97
|
+
),
|
98
|
+
"hm-treasury": (
|
99
|
+
colour: #af292e,
|
100
|
+
colour-websafe: #832322
|
101
|
+
),
|
102
|
+
"home-office": (
|
103
|
+
colour: #9325b2,
|
104
|
+
colour-websafe: #9440b2
|
105
|
+
),
|
106
|
+
"ministry-of-defence": (
|
107
|
+
colour: #4d2942,
|
108
|
+
colour-websafe: #5a5c92
|
109
|
+
),
|
110
|
+
"ministry-of-justice": (
|
111
|
+
colour: #231f20,
|
112
|
+
colour-websafe: #5a5c92
|
113
|
+
),
|
114
|
+
"northern-ireland-office": (
|
115
|
+
colour: #002663,
|
116
|
+
colour-websafe: #3e598c
|
117
|
+
),
|
118
|
+
"office-of-the-advocate-general-for-scotland": (
|
119
|
+
colour: #002663,
|
120
|
+
colour-websafe: #005ea5
|
121
|
+
),
|
122
|
+
"office-of-the-leader-of-the-house-of-commons": (
|
123
|
+
colour: #317023,
|
124
|
+
colour-websafe: #005f8f
|
125
|
+
),
|
126
|
+
"office-of-the-leader-of-the-house-of-lords": (
|
127
|
+
colour: #9c132e,
|
128
|
+
colour-websafe: #c2395d
|
129
|
+
),
|
130
|
+
"scotland-office": (
|
131
|
+
colour: #002663,
|
132
|
+
colour-websafe: #405c8a
|
133
|
+
),
|
134
|
+
"uk-export-finance": (
|
135
|
+
colour: #005747,
|
136
|
+
colour-websafe: #005ea5
|
137
|
+
),
|
138
|
+
"uk-trade-investment": (
|
139
|
+
colour: #c80651,
|
140
|
+
colour-websafe: #005ea5
|
141
|
+
),
|
142
|
+
"wales-office": (
|
143
|
+
colour: #a33038,
|
144
|
+
colour-websafe: #7a242a
|
145
|
+
)
|
146
|
+
) !default;
|
@@ -0,0 +1,120 @@
|
|
1
|
+
@import "compatibility";
|
2
|
+
|
3
|
+
// stylelint-disable value-list-max-empty-lines -- allow empty lines in lists
|
4
|
+
// in this file to allow grouping
|
5
|
+
|
6
|
+
////
|
7
|
+
/// @group settings/colours
|
8
|
+
////
|
9
|
+
|
10
|
+
/// Use 'legacy' colour palette
|
11
|
+
///
|
12
|
+
/// Whether or not to use the colour palette from GOV.UK Elements / Frontend
|
13
|
+
/// Toolkit, for teams that are migrating to GOV.UK Frontend and may be using
|
14
|
+
/// components from both places in a single application.
|
15
|
+
///
|
16
|
+
/// @type Boolean
|
17
|
+
/// @access public
|
18
|
+
/// @deprecated Will be removed in v5.0 with the rest of the compatibility mode
|
19
|
+
/// suite of tools and settings
|
20
|
+
|
21
|
+
$govuk-use-legacy-palette: if(
|
22
|
+
(
|
23
|
+
$govuk-compatibility-govukfrontendtoolkit or
|
24
|
+
$govuk-compatibility-govuktemplate or
|
25
|
+
$govuk-compatibility-govukelements
|
26
|
+
),
|
27
|
+
true,
|
28
|
+
false
|
29
|
+
) !default;
|
30
|
+
|
31
|
+
// Only show the deprecation warning if user is setting $govuk-use-legacy-palette
|
32
|
+
// manually instead of automatically via compatibility variables
|
33
|
+
@if $govuk-use-legacy-palette == true and
|
34
|
+
$govuk-compatibility-govukfrontendtoolkit == false and
|
35
|
+
$govuk-compatibility-govuktemplate == false and
|
36
|
+
$govuk-compatibility-govukelements == false {
|
37
|
+
@include _warning(legacy-palette, "$govuk-use-legacy-palette is deprecated. " +
|
38
|
+
"Only the modern colour palette will be supported from v5.0.");
|
39
|
+
}
|
40
|
+
|
41
|
+
/// Modern colour palette
|
42
|
+
///
|
43
|
+
/// This exists only because you cannot easily set a !default variable
|
44
|
+
/// conditionally (thanks to the way scope works in Sass) so we set
|
45
|
+
/// `$govuk-colour-palette` using the `if` function.
|
46
|
+
///
|
47
|
+
/// @access private
|
48
|
+
|
49
|
+
$_govuk-colour-palette-modern: (
|
50
|
+
"red": #d4351c,
|
51
|
+
"yellow": #ffdd00,
|
52
|
+
"green": #00703c,
|
53
|
+
"blue": #1d70b8,
|
54
|
+
"dark-blue": #003078,
|
55
|
+
"light-blue": #5694ca,
|
56
|
+
"purple": #4c2c92,
|
57
|
+
|
58
|
+
"black": #0b0c0c,
|
59
|
+
"dark-grey": #505a5f,
|
60
|
+
"mid-grey": #b1b4b6,
|
61
|
+
"light-grey": #f3f2f1,
|
62
|
+
"white": #ffffff,
|
63
|
+
|
64
|
+
"light-purple": #6f72af,
|
65
|
+
"bright-purple": #912b88,
|
66
|
+
"pink": #d53880,
|
67
|
+
"light-pink": #f499be,
|
68
|
+
"orange": #f47738,
|
69
|
+
"brown": #b58840,
|
70
|
+
"light-green": #85994b,
|
71
|
+
"turquoise": #28a197
|
72
|
+
);
|
73
|
+
|
74
|
+
/// Legacy colour palette
|
75
|
+
///
|
76
|
+
/// This exists only because you cannot easily set a !default variable
|
77
|
+
/// conditionally (thanks to the way scope works in Sass) so we set
|
78
|
+
/// `$govuk-colour-palette` using the `if` function.
|
79
|
+
///
|
80
|
+
/// @access private
|
81
|
+
|
82
|
+
$_govuk-colour-palette-legacy: (
|
83
|
+
"purple": #2e358b,
|
84
|
+
"light-purple": #6f72af,
|
85
|
+
"bright-purple": #912b88,
|
86
|
+
"pink": #d53880,
|
87
|
+
"light-pink": #f499be,
|
88
|
+
"red": #b10e1e,
|
89
|
+
"bright-red": #df3034,
|
90
|
+
"orange": #f47738,
|
91
|
+
"brown": #b58840,
|
92
|
+
"yellow": #ffbf47,
|
93
|
+
"light-green": #85994b,
|
94
|
+
"green": #006435,
|
95
|
+
"turquoise": #28a197,
|
96
|
+
"light-blue": #2b8cc4,
|
97
|
+
"blue": #005ea5,
|
98
|
+
|
99
|
+
"black": #0b0c0c,
|
100
|
+
"grey-1": #6f777b,
|
101
|
+
"grey-2": #bfc1c3,
|
102
|
+
"grey-3": #dee0e2,
|
103
|
+
"grey-4": #f8f8f8,
|
104
|
+
"white": #ffffff
|
105
|
+
);
|
106
|
+
|
107
|
+
/// Colour palette
|
108
|
+
///
|
109
|
+
/// @type Map
|
110
|
+
///
|
111
|
+
/// @prop $colour - Representation for the given $colour, where $colour is the
|
112
|
+
/// friendly name for the colour (e.g. "red": #ff0000);
|
113
|
+
///
|
114
|
+
/// @access public
|
115
|
+
|
116
|
+
$govuk-colours: if(
|
117
|
+
$govuk-use-legacy-palette,
|
118
|
+
$_govuk-colour-palette-legacy,
|
119
|
+
$_govuk-colour-palette-modern
|
120
|
+
) !default;
|
@@ -0,0 +1,100 @@
|
|
1
|
+
////
|
2
|
+
/// 'Compatibility Mode'
|
3
|
+
///
|
4
|
+
/// Enabling these flags improves compatibility if you are using GOV.UK Frontend
|
5
|
+
/// in an application that also uses govuk_elements, govuk_frontend_toolkit or
|
6
|
+
/// govuk_template (the 'legacy repos').
|
7
|
+
///
|
8
|
+
/// Enabling any of these settings will, by default:
|
9
|
+
///
|
10
|
+
/// - switch GOV.UK Frontend to using the same colour palette as the legacy
|
11
|
+
/// repos, by setting `$govuk-use-legacy-palette` to true.
|
12
|
+
///
|
13
|
+
/// - prevent GOV.UK Frontend from using rem for font sizing, by setting
|
14
|
+
/// `$govuk-typography-use-rem` to false.
|
15
|
+
///
|
16
|
+
/// @group settings/compatibility
|
17
|
+
////
|
18
|
+
|
19
|
+
/// Compatibility Mode: alphagov/govuk_frontend_toolkit
|
20
|
+
///
|
21
|
+
/// Set this to true if you are also including alphagov/govuk_frontend_toolkit
|
22
|
+
/// in your application.
|
23
|
+
///
|
24
|
+
/// @type Boolean
|
25
|
+
/// @access public
|
26
|
+
/// @deprecated Will be removed in v5.0 with the rest of the compatibility mode
|
27
|
+
/// suite of tools and settings
|
28
|
+
|
29
|
+
$govuk-compatibility-govukfrontendtoolkit: false !default;
|
30
|
+
|
31
|
+
@if $govuk-compatibility-govukfrontendtoolkit == true {
|
32
|
+
@include _warning("compatibility-mode", "$govuk-compatibility-govukfrontendtoolkit " +
|
33
|
+
"is deprecated. From version 5.0, GOV.UK Frontend will remove compatibility " +
|
34
|
+
"with the legacy library govuk_frontend_toolkit.");
|
35
|
+
}
|
36
|
+
|
37
|
+
/// Compatibility Mode: alphagov/govuk_template
|
38
|
+
///
|
39
|
+
/// Enabling this will:
|
40
|
+
///
|
41
|
+
/// - prevent GOV.UK Frontend from including the New Transport typeface, as
|
42
|
+
/// it'll use the version of New Transport included with GOV.UK Template.
|
43
|
+
///
|
44
|
+
/// - alter some of the CSS outputted by GOV.UK Frontend to 'counter'
|
45
|
+
/// specific CSS rules in GOV.UK Template.
|
46
|
+
///
|
47
|
+
/// Set this to true if you are also including alphagov/govuk_template in your
|
48
|
+
/// application.
|
49
|
+
///
|
50
|
+
/// @type Boolean
|
51
|
+
/// @access public
|
52
|
+
/// @deprecated Will be removed in v5.0 with the rest of the compatibility mode
|
53
|
+
/// suite of tools and settings
|
54
|
+
|
55
|
+
$govuk-compatibility-govuktemplate: false !default;
|
56
|
+
|
57
|
+
@if $govuk-compatibility-govuktemplate == true {
|
58
|
+
@include _warning("compatibility-mode", "$govuk-compatibility-govuktemplate " +
|
59
|
+
"is deprecated. From version 5.0, GOV.UK Frontend will remove " +
|
60
|
+
"compatibility with the legacy library govuk_template.");
|
61
|
+
}
|
62
|
+
|
63
|
+
/// Compatibility Mode: alphagov/govuk_elements
|
64
|
+
///
|
65
|
+
/// Enabling this will:
|
66
|
+
///
|
67
|
+
/// - alter some of the CSS outputted by GOV.UK Frontend to 'counter'
|
68
|
+
/// specific CSS rules in GOV.UK Elements.
|
69
|
+
///
|
70
|
+
/// Set this to true if you are also including alphagov/govuk_elements in your
|
71
|
+
/// application.
|
72
|
+
///
|
73
|
+
/// @type Boolean
|
74
|
+
/// @access public
|
75
|
+
/// @deprecated Will be removed in v5.0 with the rest of the compatibility mode
|
76
|
+
/// suite of tools and settings
|
77
|
+
|
78
|
+
$govuk-compatibility-govukelements: false !default;
|
79
|
+
|
80
|
+
@if $govuk-compatibility-govukelements == true {
|
81
|
+
@include _warning("compatibility-mode", "$govuk-compatibility-govukelements " +
|
82
|
+
"is deprecated. From version 5.0, GOV.UK Frontend will remove compatibility " +
|
83
|
+
"with the legacy library govuk_elements.");
|
84
|
+
}
|
85
|
+
|
86
|
+
/// Compatibility Product Map
|
87
|
+
///
|
88
|
+
/// Maps product names to their settings that we can use to lookup states from
|
89
|
+
/// within the `@govuk-compatibility` mixin.
|
90
|
+
///
|
91
|
+
/// @type Map
|
92
|
+
/// @access private
|
93
|
+
/// @deprecated Will be removed in v5.0 with the rest of the compatibility mode
|
94
|
+
/// suite of tools and settings
|
95
|
+
|
96
|
+
$_govuk-compatibility: (
|
97
|
+
govuk_frontend_toolkit: $govuk-compatibility-govukfrontendtoolkit,
|
98
|
+
govuk_template: $govuk-compatibility-govuktemplate,
|
99
|
+
govuk_elements: $govuk-compatibility-govukelements,
|
100
|
+
);
|
@@ -0,0 +1,13 @@
|
|
1
|
+
////
|
2
|
+
/// @group settings/global-styles
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Include 'global' styles
|
6
|
+
///
|
7
|
+
/// Whether to style paragraphs (`<p>`) and links (`<a>`) without explicitly
|
8
|
+
/// having to apply the `govuk-body` and `govuk-link` classes.
|
9
|
+
///
|
10
|
+
/// @type Boolean
|
11
|
+
/// @access public
|
12
|
+
|
13
|
+
$govuk-global-styles: false !default;
|
@@ -0,0 +1,34 @@
|
|
1
|
+
////
|
2
|
+
/// @group settings/internet-explorer-8
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Whether the stylesheet being built is targeting Internet Explorer 8.
|
6
|
+
///
|
7
|
+
/// @type Boolean
|
8
|
+
/// @access public
|
9
|
+
/// @deprecated Will be removed in v5.0
|
10
|
+
|
11
|
+
$govuk-is-ie8: false !default;
|
12
|
+
|
13
|
+
@if $govuk-is-ie8 == true {
|
14
|
+
@include _warning(
|
15
|
+
ie8,
|
16
|
+
"The $govuk-is-ie8 setting is deprecated and will be removed in v5.0."
|
17
|
+
);
|
18
|
+
}
|
19
|
+
|
20
|
+
/// The name of the breakpoint to use as the target when rasterizing media
|
21
|
+
/// queries
|
22
|
+
///
|
23
|
+
/// @type String
|
24
|
+
/// @access public
|
25
|
+
/// @deprecated Will be removed in v5.0
|
26
|
+
|
27
|
+
$govuk-ie8-breakpoint: desktop !default;
|
28
|
+
|
29
|
+
@if not $govuk-ie8-breakpoint == desktop {
|
30
|
+
@include _warning(
|
31
|
+
ie8,
|
32
|
+
"The $govuk-ie8-breakpoint setting is deprecated and will be removed in v5.0."
|
33
|
+
);
|
34
|
+
}
|
@@ -0,0 +1,66 @@
|
|
1
|
+
////
|
2
|
+
/// @group settings/links
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Enable new link styles
|
6
|
+
///
|
7
|
+
/// If enabled, the link styles will change. Underlines will:
|
8
|
+
///
|
9
|
+
/// - be consistently thinner and a bit further away from the link text
|
10
|
+
/// - have a clearer hover state, where the underline gets thicker to make the
|
11
|
+
/// link stand out to users
|
12
|
+
///
|
13
|
+
/// You should only enable the new link styles if both:
|
14
|
+
///
|
15
|
+
/// - you've made sure your whole service will use the new style consistently
|
16
|
+
/// - you do not have links in a multi-column CSS layout - there's [a Chromium
|
17
|
+
/// bug that affects links](https://github.com/alphagov/govuk-frontend/issues/2204)
|
18
|
+
///
|
19
|
+
/// @type Boolean
|
20
|
+
/// @access public
|
21
|
+
|
22
|
+
$govuk-new-link-styles: false !default;
|
23
|
+
|
24
|
+
/// Thickness of link underlines
|
25
|
+
///
|
26
|
+
/// The default will be either:
|
27
|
+
///
|
28
|
+
/// - 1px
|
29
|
+
/// - 0.0625rem, if it's thicker than 1px because the user has changed the text
|
30
|
+
/// size in their browser
|
31
|
+
///
|
32
|
+
/// Set this variable to `false` to avoid setting a thickness.
|
33
|
+
///
|
34
|
+
/// @type Number
|
35
|
+
/// @access public
|
36
|
+
|
37
|
+
$govuk-link-underline-thickness: unquote("max(1px, .0625rem)") !default;
|
38
|
+
|
39
|
+
/// Offset of link underlines from text baseline
|
40
|
+
///
|
41
|
+
/// The default is 3px expressed as ems, as calculated against the default body
|
42
|
+
/// font size (on desktop) of 19px.
|
43
|
+
/// 3 ÷ 19 = 0.1578
|
44
|
+
///
|
45
|
+
/// Set this variable to `false` to avoid setting an offset.
|
46
|
+
///
|
47
|
+
/// @type Number
|
48
|
+
/// @access public
|
49
|
+
|
50
|
+
$govuk-link-underline-offset: .1578em !default;
|
51
|
+
|
52
|
+
/// Thickness of link underlines in hover state
|
53
|
+
///
|
54
|
+
/// The default for each link will be the thickest of the following:
|
55
|
+
///
|
56
|
+
/// - 3px
|
57
|
+
/// - 0.1875rem, if it's thicker than 3px because the user has changed the text
|
58
|
+
/// size in their browser
|
59
|
+
/// - 0.12em (relative to the link's text size)
|
60
|
+
///
|
61
|
+
/// Set this variable to `false` to avoid setting a thickness.
|
62
|
+
///
|
63
|
+
/// @type Number
|
64
|
+
/// @access public
|
65
|
+
|
66
|
+
$govuk-link-hover-underline-thickness: unquote("max(3px, .1875rem, .12em)") !default;
|
@@ -0,0 +1,95 @@
|
|
1
|
+
////
|
2
|
+
/// @group settings/measurements
|
3
|
+
////
|
4
|
+
|
5
|
+
// =========================================================
|
6
|
+
// Page layout
|
7
|
+
// =========================================================
|
8
|
+
|
9
|
+
/// Width of main container
|
10
|
+
///
|
11
|
+
/// @type Number
|
12
|
+
/// @access public
|
13
|
+
|
14
|
+
$govuk-page-width: 960px !default;
|
15
|
+
|
16
|
+
/// Map of grid column widths
|
17
|
+
///
|
18
|
+
/// @type Map
|
19
|
+
/// @access public
|
20
|
+
|
21
|
+
$govuk-grid-widths: (
|
22
|
+
one-quarter: (100% / 4),
|
23
|
+
one-third: (100% / 3),
|
24
|
+
one-half: (100% / 2),
|
25
|
+
two-thirds: (200% / 3),
|
26
|
+
three-quarters: (300% / 4),
|
27
|
+
full: 100%
|
28
|
+
) !default;
|
29
|
+
|
30
|
+
/// Width of gutter between grid columns
|
31
|
+
///
|
32
|
+
/// @type Number
|
33
|
+
/// @access public
|
34
|
+
|
35
|
+
$govuk-gutter: 30px !default;
|
36
|
+
|
37
|
+
/// Width of half the gutter between grid columns
|
38
|
+
///
|
39
|
+
/// @type Number
|
40
|
+
/// @access public
|
41
|
+
|
42
|
+
$govuk-gutter-half: $govuk-gutter / 2;
|
43
|
+
|
44
|
+
// =========================================================
|
45
|
+
// Borders
|
46
|
+
// =========================================================
|
47
|
+
|
48
|
+
/// Standard border width
|
49
|
+
///
|
50
|
+
/// @type Number
|
51
|
+
/// @access public
|
52
|
+
|
53
|
+
$govuk-border-width: 5px !default;
|
54
|
+
|
55
|
+
/// Wide border width
|
56
|
+
///
|
57
|
+
/// @type Number
|
58
|
+
/// @access public
|
59
|
+
|
60
|
+
$govuk-border-width-wide: 10px !default;
|
61
|
+
|
62
|
+
/// Narrow border width
|
63
|
+
///
|
64
|
+
/// @type Number
|
65
|
+
/// @access public
|
66
|
+
|
67
|
+
$govuk-border-width-narrow: 4px !default;
|
68
|
+
|
69
|
+
/// Form control border width
|
70
|
+
///
|
71
|
+
/// @type Number
|
72
|
+
/// @access public
|
73
|
+
|
74
|
+
$govuk-border-width-form-element: 2px !default;
|
75
|
+
|
76
|
+
/// Form group border width when in error state
|
77
|
+
///
|
78
|
+
/// @type Number
|
79
|
+
/// @access public
|
80
|
+
|
81
|
+
$govuk-border-width-form-group-error: $govuk-border-width !default;
|
82
|
+
|
83
|
+
/// Border width of focus outline
|
84
|
+
///
|
85
|
+
/// @type Number
|
86
|
+
/// @access public
|
87
|
+
|
88
|
+
$govuk-focus-width: 3px !default;
|
89
|
+
|
90
|
+
/// Hover width for form controls with a hover state
|
91
|
+
///
|
92
|
+
/// @type Number
|
93
|
+
/// @access public
|
94
|
+
|
95
|
+
$govuk-hover-width: 10px !default;
|
@@ -0,0 +1,23 @@
|
|
1
|
+
////
|
2
|
+
/// @group settings/media-queries
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Breakpoint definitions
|
6
|
+
///
|
7
|
+
/// @type Map
|
8
|
+
/// @access public
|
9
|
+
|
10
|
+
$govuk-breakpoints: (
|
11
|
+
mobile: 320px,
|
12
|
+
tablet: 641px,
|
13
|
+
desktop: 769px
|
14
|
+
) !default;
|
15
|
+
|
16
|
+
/// Show active breakpoint in top-right corner.
|
17
|
+
///
|
18
|
+
/// Only use this during local development.
|
19
|
+
///
|
20
|
+
/// @type Boolean
|
21
|
+
/// @access public
|
22
|
+
|
23
|
+
$govuk-show-breakpoints: false !default;
|
@@ -0,0 +1,76 @@
|
|
1
|
+
////
|
2
|
+
/// @group settings/spacing
|
3
|
+
////
|
4
|
+
|
5
|
+
/// Single point spacing variables. Access using `govuk-spacing()`
|
6
|
+
/// (see `helpers/spacing`).
|
7
|
+
///
|
8
|
+
/// @type Map
|
9
|
+
/// @access private
|
10
|
+
|
11
|
+
$govuk-spacing-points: (
|
12
|
+
0: 0,
|
13
|
+
1: 5px,
|
14
|
+
2: 10px,
|
15
|
+
3: 15px,
|
16
|
+
4: 20px,
|
17
|
+
5: 25px,
|
18
|
+
6: 30px,
|
19
|
+
7: 40px,
|
20
|
+
8: 50px,
|
21
|
+
9: 60px
|
22
|
+
) !default;
|
23
|
+
|
24
|
+
/// Responsive spacing maps
|
25
|
+
///
|
26
|
+
/// These definitions are used to generate responsive spacing that adapts
|
27
|
+
/// according to the breakpoints (see 'helpers/spacing'). These maps should be
|
28
|
+
/// used wherever possible to standardise responsive spacing.
|
29
|
+
///
|
30
|
+
/// You can define different behaviour on tablet and desktop. The 'null'
|
31
|
+
/// breakpoint is for mobile.
|
32
|
+
///
|
33
|
+
/// Access responsive spacing with `govuk-responsive-margin` or
|
34
|
+
/// `govuk-responsive-padding` mixins (see `helpers/spacing`).
|
35
|
+
///
|
36
|
+
/// @type Map
|
37
|
+
/// @access private
|
38
|
+
|
39
|
+
$govuk-spacing-responsive-scale: (
|
40
|
+
0: (
|
41
|
+
null: 0
|
42
|
+
),
|
43
|
+
1: (
|
44
|
+
null: 5px
|
45
|
+
),
|
46
|
+
2: (
|
47
|
+
null: 10px
|
48
|
+
),
|
49
|
+
3: (
|
50
|
+
null: 15px
|
51
|
+
),
|
52
|
+
4: (
|
53
|
+
null: 15px,
|
54
|
+
tablet: 20px
|
55
|
+
),
|
56
|
+
5: (
|
57
|
+
null: 15px,
|
58
|
+
tablet: 25px
|
59
|
+
),
|
60
|
+
6: (
|
61
|
+
null: 20px,
|
62
|
+
tablet: 30px
|
63
|
+
),
|
64
|
+
7: (
|
65
|
+
null: 25px,
|
66
|
+
tablet: 40px
|
67
|
+
),
|
68
|
+
8: (
|
69
|
+
null: 30px,
|
70
|
+
tablet: 50px
|
71
|
+
),
|
72
|
+
9: (
|
73
|
+
null: 40px,
|
74
|
+
tablet: 60px
|
75
|
+
)
|
76
|
+
) !default;
|