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.
Files changed (140) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +8 -0
  3. data/app/assets/builds/katalyst/govuk/formbuilder.css +58 -5
  4. data/app/assets/builds/katalyst/govuk/formbuilder.js +98 -64
  5. data/app/assets/builds/katalyst/govuk/formbuilder.min.js +1 -1
  6. data/app/assets/stylesheets/katalyst/govuk/components/richtextarea/_index.scss +7 -6
  7. data/app/assets/stylesheets/katalyst/govuk/formbuilder.scss +1 -1
  8. data/lib/katalyst/govuk/formbuilder/engine.rb +1 -0
  9. data/lib/katalyst/govuk/formbuilder/version.rb +1 -1
  10. data/vendor/assets/stylesheets/govuk-frontend/govuk/_base.scss +3 -0
  11. data/vendor/assets/stylesheets/govuk-frontend/govuk/all-ie8.scss +14 -0
  12. data/vendor/assets/stylesheets/govuk-frontend/govuk/all.scss +9 -0
  13. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/_all.scss +34 -0
  14. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/accordion/_accordion.scss +2 -0
  15. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/accordion/_index.scss +392 -0
  16. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/back-link/_back-link.scss +2 -0
  17. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/back-link/_index.scss +99 -0
  18. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss +2 -0
  19. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/breadcrumbs/_index.scss +147 -0
  20. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/button/_button.scss +2 -0
  21. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/button/_index.scss +297 -0
  22. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/character-count/_character-count.scss +2 -0
  23. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/character-count/_index.scss +34 -0
  24. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss +2 -0
  25. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/checkboxes/_index.scss +335 -0
  26. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss +2 -0
  27. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/cookie-banner/_index.scss +49 -0
  28. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/date-input/_date-input.scss +2 -0
  29. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/date-input/_index.scss +26 -0
  30. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/details/_details.scss +2 -0
  31. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/details/_index.scss +88 -0
  32. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-message/_error-message.scss +2 -0
  33. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-message/_index.scss +12 -0
  34. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-summary/_error-summary.scss +2 -0
  35. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/error-summary/_index.scss +43 -0
  36. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/fieldset/_fieldset.scss +2 -0
  37. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/fieldset/_index.scss +64 -0
  38. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/file-upload/_file-upload.scss +2 -0
  39. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/file-upload/_index.scss +55 -0
  40. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/footer/_footer.scss +2 -0
  41. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/footer/_index.scss +193 -0
  42. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/header/_header.scss +2 -0
  43. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/header/_index.scss +349 -0
  44. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/hint/_hint.scss +2 -0
  45. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/hint/_index.scss +42 -0
  46. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/input/_index.scss +193 -0
  47. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/input/_input.scss +2 -0
  48. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/inset-text/_index.scss +24 -0
  49. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/inset-text/_inset-text.scss +2 -0
  50. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/label/_index.scss +41 -0
  51. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/label/_label.scss +2 -0
  52. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/notification-banner/_index.scss +89 -0
  53. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss +2 -0
  54. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/pagination/_index.scss +247 -0
  55. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/pagination/_pagination.scss +2 -0
  56. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/panel/_index.scss +56 -0
  57. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/panel/_panel.scss +2 -0
  58. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/phase-banner/_index.scss +27 -0
  59. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss +2 -0
  60. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/radios/_index.scss +349 -0
  61. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/radios/_radios.scss +2 -0
  62. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/select/_index.scss +66 -0
  63. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/select/_select.scss +2 -0
  64. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/skip-link/_index.scss +47 -0
  65. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/skip-link/_skip-link.scss +2 -0
  66. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/summary-list/_index.scss +276 -0
  67. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/summary-list/_summary-list.scss +2 -0
  68. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/table/_index.scss +71 -0
  69. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/table/_table.scss +2 -0
  70. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tabs/_index.scss +130 -0
  71. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tabs/_tabs.scss +2 -0
  72. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tag/_index.scss +81 -0
  73. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/tag/_tag.scss +2 -0
  74. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/textarea/_index.scss +54 -0
  75. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/textarea/_textarea.scss +2 -0
  76. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/warning-text/_index.scss +66 -0
  77. data/vendor/assets/stylesheets/govuk-frontend/govuk/components/warning-text/_warning-text.scss +2 -0
  78. data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_all.scss +6 -0
  79. data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_global-styles.scss +19 -0
  80. data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_govuk-frontend-version.scss +5 -0
  81. data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_links.scss +35 -0
  82. data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_lists.scss +66 -0
  83. data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_section-break.scss +56 -0
  84. data/vendor/assets/stylesheets/govuk-frontend/govuk/core/_typography.scss +186 -0
  85. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_all.scss +12 -0
  86. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_clearfix.scss +15 -0
  87. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_colour.scss +98 -0
  88. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_device-pixels.scss +37 -0
  89. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_focused.scss +33 -0
  90. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_font-faces.scss +41 -0
  91. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_grid.scss +61 -0
  92. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_links.scss +429 -0
  93. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_media-queries.scss +91 -0
  94. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_shape-arrow.scss +80 -0
  95. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_spacing.scss +171 -0
  96. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_typography.scss +214 -0
  97. data/vendor/assets/stylesheets/govuk-frontend/govuk/helpers/_visually-hidden.scss +84 -0
  98. data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_all.scss +6 -0
  99. data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_button-group.scss +85 -0
  100. data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_form-group.scss +23 -0
  101. data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_grid.scss +24 -0
  102. data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_main-wrapper.scss +53 -0
  103. data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_template.scss +32 -0
  104. data/vendor/assets/stylesheets/govuk-frontend/govuk/objects/_width-container.scss +84 -0
  105. data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_all.scss +5 -0
  106. data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_display.scss +24 -0
  107. data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_spacing.scss +102 -0
  108. data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_text-align.scss +14 -0
  109. data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_typography.scss +21 -0
  110. data/vendor/assets/stylesheets/govuk-frontend/govuk/overrides/_width.scss +46 -0
  111. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_all.scss +24 -0
  112. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_assets.scss +82 -0
  113. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_colours-applied.scss +155 -0
  114. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_colours-organisations.scss +146 -0
  115. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_colours-palette.scss +120 -0
  116. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_compatibility.scss +100 -0
  117. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_global-styles.scss +13 -0
  118. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_ie8.scss +34 -0
  119. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_links.scss +66 -0
  120. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_measurements.scss +95 -0
  121. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_media-queries.scss +23 -0
  122. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_spacing.scss +76 -0
  123. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_typography-font-families.scss +32 -0
  124. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_typography-font.scss +112 -0
  125. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_typography-responsive.scss +195 -0
  126. data/vendor/assets/stylesheets/govuk-frontend/govuk/settings/_warnings.scss +53 -0
  127. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_all.scss +7 -0
  128. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_compatibility.scss +50 -0
  129. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_exports.scss +33 -0
  130. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_font-url.scss +25 -0
  131. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_ie8.scss +87 -0
  132. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_image-url.scss +25 -0
  133. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_px-to-em.scss +20 -0
  134. data/vendor/assets/stylesheets/govuk-frontend/govuk/tools/_px-to-rem.scss +20 -0
  135. data/vendor/assets/stylesheets/govuk-frontend/govuk/utilities/_all.scss +2 -0
  136. data/vendor/assets/stylesheets/govuk-frontend/govuk/utilities/_clearfix.scss +5 -0
  137. data/vendor/assets/stylesheets/govuk-frontend/govuk/utilities/_visually-hidden.scss +9 -0
  138. data/vendor/assets/stylesheets/govuk-frontend/govuk/vendor/_sass-mq.scss +347 -0
  139. metadata +132 -4
  140. 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;