govuk_publishing_components 24.10.2 → 24.13.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (171) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/govuk_publishing_components/components/accordion.js +1 -1
  3. data/app/assets/javascripts/govuk_publishing_components/components/feedback.js +142 -104
  4. data/app/assets/javascripts/govuk_publishing_components/components/reorderable-list.js +1 -1
  5. data/app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js +2 -2
  6. data/app/assets/javascripts/govuk_publishing_components/lib/trigger-event.js +1 -1
  7. data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +3 -0
  8. data/app/assets/stylesheets/govuk_publishing_components/_all_components_print.scss +0 -11
  9. data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +50 -31
  10. data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +0 -35
  11. data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss +0 -13
  12. data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +0 -6
  13. data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss +0 -4
  14. data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss +10 -3
  15. data/app/assets/stylesheets/govuk_publishing_components/components/_previous-and-next-navigation.scss +11 -1
  16. data/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +1 -1
  17. data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +0 -1
  18. data/app/assets/stylesheets/govuk_publishing_components/components/_show-password.scss +1 -0
  19. data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +8 -2
  20. data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss +6 -2
  21. data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +1 -0
  22. data/app/assets/stylesheets/govuk_publishing_components/components/print/_attachment.scss +2 -3
  23. data/app/assets/stylesheets/govuk_publishing_components/components/print/_back-link.scss +2 -3
  24. data/app/assets/stylesheets/govuk_publishing_components/components/print/_button.scss +0 -4
  25. data/app/assets/stylesheets/govuk_publishing_components/components/print/_feedback.scss +2 -3
  26. data/app/assets/stylesheets/govuk_publishing_components/components/print/_layout-footer.scss +2 -6
  27. data/app/assets/stylesheets/govuk_publishing_components/components/print/_layout-header.scss +2 -3
  28. data/app/assets/stylesheets/govuk_publishing_components/components/print/_metadata.scss +2 -6
  29. data/app/assets/stylesheets/govuk_publishing_components/components/print/_search.scss +2 -3
  30. data/app/assets/stylesheets/govuk_publishing_components/components/print/_share-links.scss +2 -3
  31. data/app/assets/stylesheets/govuk_publishing_components/components/print/_skip-link.scss +2 -3
  32. data/app/assets/stylesheets/govuk_publishing_components/components/print/_step-by-step-nav-header.scss +0 -4
  33. data/app/assets/stylesheets/govuk_publishing_components/components/print/_subscription-links.scss +2 -3
  34. data/app/assets/stylesheets/govuk_publishing_components/components/print/_translation-nav.scss +2 -3
  35. data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -1
  36. data/app/views/govuk_publishing_components/components/_attachment.html.erb +4 -4
  37. data/app/views/govuk_publishing_components/components/_attachment_link.html.erb +1 -1
  38. data/app/views/govuk_publishing_components/components/_back_link.html.erb +1 -1
  39. data/app/views/govuk_publishing_components/components/_button.html.erb +1 -1
  40. data/app/views/govuk_publishing_components/components/_character_count.html.erb +1 -1
  41. data/app/views/govuk_publishing_components/components/_contents_list.html.erb +10 -3
  42. data/app/views/govuk_publishing_components/components/_contextual_sidebar.html.erb +1 -1
  43. data/app/views/govuk_publishing_components/components/_cookie_banner.html.erb +16 -6
  44. data/app/views/govuk_publishing_components/components/_feedback.html.erb +1 -1
  45. data/app/views/govuk_publishing_components/components/_government_navigation.html.erb +14 -14
  46. data/app/views/govuk_publishing_components/components/_image_card.html.erb +15 -2
  47. data/app/views/govuk_publishing_components/components/_layout_footer.html.erb +8 -11
  48. data/app/views/govuk_publishing_components/components/_machine_readable_metadata.html.erb +1 -1
  49. data/app/views/govuk_publishing_components/components/_metadata.html.erb +7 -7
  50. data/app/views/govuk_publishing_components/components/_modal_dialogue.html.erb +1 -1
  51. data/app/views/govuk_publishing_components/components/_organisation_logo.html.erb +13 -13
  52. data/app/views/govuk_publishing_components/components/_phase_banner.html.erb +1 -5
  53. data/app/views/govuk_publishing_components/components/_previous_and_next_navigation.html.erb +11 -7
  54. data/app/views/govuk_publishing_components/components/_print_link.html.erb +1 -1
  55. data/app/views/govuk_publishing_components/components/_search.html.erb +1 -1
  56. data/app/views/govuk_publishing_components/components/_share_links.html.erb +2 -2
  57. data/app/views/govuk_publishing_components/components/_skip_link.html.erb +1 -1
  58. data/app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb +6 -6
  59. data/app/views/govuk_publishing_components/components/_step_by_step_nav_related.html.erb +1 -1
  60. data/app/views/govuk_publishing_components/components/_subscription_links.html.erb +10 -10
  61. data/app/views/govuk_publishing_components/components/_success_alert.html.erb +1 -1
  62. data/app/views/govuk_publishing_components/components/_tabs.html.erb +1 -1
  63. data/app/views/govuk_publishing_components/components/_translation_nav.html.erb +1 -1
  64. data/app/views/govuk_publishing_components/components/docs/feedback.yml +2 -0
  65. data/app/views/govuk_publishing_components/components/docs/government_navigation.yml +2 -0
  66. data/app/views/govuk_publishing_components/components/docs/inset_text.yml +2 -2
  67. data/app/views/govuk_publishing_components/components/docs/inverse_header.yml +18 -15
  68. data/app/views/govuk_publishing_components/components/docs/phase_banner.yml +2 -2
  69. data/app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb +6 -6
  70. data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb +5 -5
  71. data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb +6 -6
  72. data/app/views/govuk_publishing_components/components/layout_header/_navigation_items.html.erb +1 -1
  73. data/app/views/govuk_publishing_components/components/metadata/_sentence.html.erb +4 -4
  74. data/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb +1 -1
  75. data/config/locales/ar.yml +153 -0
  76. data/config/locales/az.yml +153 -0
  77. data/config/locales/be.yml +153 -0
  78. data/config/locales/bg.yml +153 -0
  79. data/config/locales/bn.yml +153 -0
  80. data/config/locales/cs.yml +153 -0
  81. data/config/locales/cy.yml +145 -6
  82. data/config/locales/da.yml +153 -0
  83. data/config/locales/de.yml +153 -0
  84. data/config/locales/dr.yml +153 -0
  85. data/config/locales/el.yml +153 -0
  86. data/config/locales/en.yml +142 -109
  87. data/config/locales/es-419.yml +153 -0
  88. data/config/locales/es.yml +153 -0
  89. data/config/locales/et.yml +150 -0
  90. data/config/locales/fa.yml +153 -0
  91. data/config/locales/fi.yml +153 -0
  92. data/config/locales/fr.yml +150 -0
  93. data/config/locales/gd.yml +153 -0
  94. data/config/locales/gu.yml +153 -0
  95. data/config/locales/he.yml +153 -0
  96. data/config/locales/hi.yml +153 -0
  97. data/config/locales/hr.yml +153 -0
  98. data/config/locales/hu.yml +153 -0
  99. data/config/locales/hy.yml +153 -0
  100. data/config/locales/id.yml +153 -0
  101. data/config/locales/is.yml +153 -0
  102. data/config/locales/it.yml +153 -0
  103. data/config/locales/ja.yml +153 -0
  104. data/config/locales/ka.yml +153 -0
  105. data/config/locales/kk.yml +153 -0
  106. data/config/locales/ko.yml +153 -0
  107. data/config/locales/lt.yml +153 -0
  108. data/config/locales/lv.yml +153 -0
  109. data/config/locales/ms.yml +153 -0
  110. data/config/locales/mt.yml +153 -0
  111. data/config/locales/nl.yml +153 -0
  112. data/config/locales/no.yml +154 -1
  113. data/config/locales/pa-pk.yml +153 -0
  114. data/config/locales/pa.yml +153 -0
  115. data/config/locales/pl.yml +153 -0
  116. data/config/locales/ps.yml +153 -0
  117. data/config/locales/pt.yml +153 -0
  118. data/config/locales/ro.yml +153 -0
  119. data/config/locales/ru.yml +153 -0
  120. data/config/locales/si.yml +153 -0
  121. data/config/locales/sk.yml +153 -0
  122. data/config/locales/sl.yml +153 -0
  123. data/config/locales/so.yml +153 -0
  124. data/config/locales/sq.yml +153 -0
  125. data/config/locales/sr.yml +153 -0
  126. data/config/locales/sv.yml +153 -0
  127. data/config/locales/sw.yml +153 -0
  128. data/config/locales/ta.yml +153 -0
  129. data/config/locales/th.yml +153 -0
  130. data/config/locales/tk.yml +153 -0
  131. data/config/locales/tr.yml +153 -0
  132. data/config/locales/uk.yml +153 -0
  133. data/config/locales/ur.yml +153 -0
  134. data/config/locales/uz.yml +153 -0
  135. data/config/locales/vi.yml +153 -0
  136. data/config/locales/zh-hk.yml +153 -0
  137. data/config/locales/zh-tw.yml +153 -0
  138. data/config/locales/zh.yml +153 -0
  139. data/lib/govuk_publishing_components/presenters/content_breadcrumbs_based_on_taxons.rb +1 -2
  140. data/lib/govuk_publishing_components/presenters/content_item.rb +5 -3
  141. data/lib/govuk_publishing_components/presenters/contents_list_helper.rb +0 -3
  142. data/lib/govuk_publishing_components/presenters/machine_readable/page.rb +4 -0
  143. data/lib/govuk_publishing_components/version.rb +1 -1
  144. data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss +7 -16
  145. data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss +4 -15
  146. data/node_modules/govuk-frontend/govuk/components/character-count/macro-options.json +1 -1
  147. data/node_modules/govuk-frontend/govuk/components/checkboxes/macro-options.json +3 -3
  148. data/node_modules/govuk-frontend/govuk/components/cookie-banner/README.md +15 -0
  149. data/node_modules/govuk-frontend/govuk/components/cookie-banner/fixtures.json +40 -22
  150. data/node_modules/govuk-frontend/govuk/components/cookie-banner/macro-options.json +6 -6
  151. data/node_modules/govuk-frontend/govuk/components/cookie-banner/template.njk +15 -5
  152. data/node_modules/govuk-frontend/govuk/components/date-input/macro-options.json +2 -2
  153. data/node_modules/govuk-frontend/govuk/components/details/_index.scss +5 -1
  154. data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss +13 -14
  155. data/node_modules/govuk-frontend/govuk/components/file-upload/macro-options.json +1 -1
  156. data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +14 -19
  157. data/node_modules/govuk-frontend/govuk/components/header/_index.scss +39 -21
  158. data/node_modules/govuk-frontend/govuk/components/input/macro-options.json +1 -1
  159. data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss +1 -1
  160. data/node_modules/govuk-frontend/govuk/components/radios/macro-options.json +3 -3
  161. data/node_modules/govuk-frontend/govuk/components/select/macro-options.json +1 -1
  162. data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss +1 -1
  163. data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss +1 -6
  164. data/node_modules/govuk-frontend/govuk/components/textarea/macro-options.json +1 -1
  165. data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss +10 -0
  166. data/node_modules/govuk-frontend/govuk/core/_links.scss +8 -0
  167. data/node_modules/govuk-frontend/govuk/helpers/_links.scss +153 -38
  168. data/node_modules/govuk-frontend/govuk/settings/_all.scss +2 -0
  169. data/node_modules/govuk-frontend/govuk/settings/_links.scss +62 -0
  170. data/node_modules/govuk-frontend/package.json +1 -1
  171. metadata +9 -7
@@ -1,6 +1,6 @@
1
1
  {% from "../button/macro.njk" import govukButton -%}
2
2
 
3
- <div class="govuk-cookie-banner {{ params.classes if params.classes }}" role="region" aria-label="{{ params.ariaLabel | default("Cookie banner") }}"
3
+ <div class="govuk-cookie-banner {{ params.classes if params.classes }}" data-nosnippet role="region" aria-label="{{ params.ariaLabel | default("Cookie banner") }}"
4
4
  {%- if params.hidden %} hidden{% endif %}
5
5
  {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
6
6
 
@@ -40,11 +40,21 @@
40
40
  <div class="govuk-button-group">
41
41
  {% for action in message.actions %}
42
42
  {% if action.href %}
43
- {% set linkClasses = "govuk-link" %}
44
- {% if action.classes %}
45
- {% set linkClasses = linkClasses + " " + action.classes %}
43
+ {% if action.type == "button" %}
44
+ {{ govukButton({
45
+ "text": action.text,
46
+ "type": "button",
47
+ "classes": action.classes,
48
+ "href": action.href,
49
+ "attributes": action.attributes
50
+ }) | indent(12) | trim }}
51
+ {% else %}
52
+ {% set linkClasses = "govuk-link" %}
53
+ {% if action.classes %}
54
+ {% set linkClasses = linkClasses + " " + action.classes %}
55
+ {% endif %}
56
+ <a class="{{ linkClasses }}" href="{{ action.href }}" {%- for attribute, value in action.attributes %} {{attribute}}="{{value}}"{% endfor %}>{{ action.text }}</a>
46
57
  {% endif %}
47
- <a class="{{ linkClasses }}" href="{{ action.href }}" {%- for attribute, value in action.attributes %} {{attribute}}="{{value}}"{% endfor %}>{{ action.text }}</a>
48
58
  {% else %}
49
59
  {{ govukButton({
50
60
  "text": action.text,
@@ -91,7 +91,7 @@
91
91
  "name": "classes",
92
92
  "type": "string",
93
93
  "required": false,
94
- "description": "Classes to add to the form group (e.g. to show error state for the whole group)"
94
+ "description": "Classes to add to the form group (for example to show error state for the whole group)"
95
95
  }
96
96
  ]
97
97
  },
@@ -99,7 +99,7 @@
99
99
  "name": "fieldset",
100
100
  "type": "object",
101
101
  "required": false,
102
- "description": "Options for the fieldset component (e.g. legend).",
102
+ "description": "Options for the fieldset component (for example legend).",
103
103
  "isComponent": true
104
104
  },
105
105
  {
@@ -34,7 +34,11 @@
34
34
 
35
35
  // ...but only underline the text, not the arrow
36
36
  .govuk-details__summary-text {
37
- text-decoration: underline;
37
+ @include govuk-link-decoration;
38
+ }
39
+
40
+ .govuk-details__summary:hover .govuk-details__summary-text {
41
+ @include govuk-link-hover-decoration;
38
42
  }
39
43
 
40
44
  // Remove the underline when focussed to avoid duplicate borders
@@ -8,17 +8,21 @@
8
8
  .govuk-file-upload {
9
9
  @include govuk-font($size: 19);
10
10
  @include govuk-text-colour;
11
- padding-top: $component-padding;
12
- padding-bottom: $component-padding;
11
+ margin-left: -$component-padding;
12
+ padding: $component-padding;
13
+
14
+ // The default file upload button in Safari does not
15
+ // support setting a custom font-size. Set `-webkit-appearance`
16
+ // to `button` to drop out of the native appearance so the
17
+ // font-size is set to 19px
18
+ // https://bugs.webkit.org/show_bug.cgi?id=224746
19
+ &::-webkit-file-upload-button {
20
+ -webkit-appearance: button;
21
+ color: inherit;
22
+ font: inherit;
23
+ }
13
24
 
14
25
  &:focus {
15
- // "Yank" the padding with negative margin to avoid a jump
16
- // when element is focused
17
- margin-right: -$component-padding;
18
- margin-left: -$component-padding;
19
- padding-right: $component-padding;
20
- padding-left: $component-padding;
21
-
22
26
  outline: $govuk-focus-width solid $govuk-focus-colour;
23
27
  // Use `box-shadow` to add border instead of changing `border-width`
24
28
  // (which changes element size) and since `outline` is already used for the
@@ -37,11 +41,6 @@
37
41
  // to recognise `focus-within` and don't set any styles from the block
38
42
  // when it's a selector.
39
43
  &:focus-within {
40
- margin-right: -$component-padding;
41
- margin-left: -$component-padding;
42
- padding-right: $component-padding;
43
- padding-left: $component-padding;
44
-
45
44
  outline: $govuk-focus-width solid $govuk-focus-colour;
46
45
 
47
46
  box-shadow: inset 0 0 0 4px $govuk-input-border-colour;
@@ -54,7 +54,7 @@
54
54
  "name": "classes",
55
55
  "type": "string",
56
56
  "required": false,
57
- "description": "Classes to add to the form group (e.g. to show error state for the whole group)"
57
+ "description": "Classes to add to the form group (for example to show error state for the whole group)"
58
58
  }
59
59
  ]
60
60
  },
@@ -6,17 +6,13 @@
6
6
  // as it'll just be the same as $govuk-footer-border.
7
7
  $govuk-footer-border-top: $govuk-border-colour;
8
8
  $govuk-footer-text: $govuk-text-colour;
9
- $govuk-footer-link: $govuk-footer-text;
10
- $govuk-footer-link-hover: false;
9
+ $govuk-footer-link-hover-colour: null; // Only used with the legacy palette
11
10
 
12
11
  @if ($govuk-use-legacy-palette) {
13
12
  $govuk-footer-border-top: #a1acb2;
14
13
  $govuk-footer-border: govuk-colour("grey-2");
15
14
  $govuk-footer-text: #454a4c;
16
- $govuk-footer-link: $govuk-footer-text;
17
-
18
- // Only used with the legacy palette
19
- $govuk-footer-link-hover: #171819;
15
+ $govuk-footer-link-hover-colour: #171819;
20
16
  }
21
17
 
22
18
  // Based on the govuk-crest-2x.png image dimensions.
@@ -37,27 +33,20 @@
37
33
  }
38
34
 
39
35
  .govuk-footer__link {
36
+ @include govuk-link-common;
37
+
40
38
  @if ($govuk-use-legacy-palette) {
41
39
  &:link,
42
40
  &:visited {
43
- color: $govuk-footer-link;
41
+ color: $govuk-footer-text;
44
42
  }
45
43
 
46
44
  &:hover,
47
45
  &:active {
48
- color: $govuk-footer-link-hover;
46
+ color: $govuk-footer-link-hover-colour;
49
47
  }
50
48
  } @else {
51
- &:link,
52
- &:visited,
53
- &:hover,
54
- &:active {
55
- color: $govuk-footer-link;
56
- }
57
- }
58
-
59
- &:focus {
60
- @include govuk-focused-text;
49
+ @include govuk-link-style-text;
61
50
  }
62
51
 
63
52
  // alphagov/govuk_template includes a specific a:link:focus selector
@@ -134,7 +123,6 @@
134
123
  background-position: 50% 0%;
135
124
  background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;
136
125
  text-align: center;
137
- text-decoration: none;
138
126
  white-space: nowrap;
139
127
  }
140
128
 
@@ -210,6 +198,13 @@
210
198
  list-style: none;
211
199
  -webkit-column-gap: $govuk-gutter;
212
200
  column-gap: $govuk-gutter; // Support: Columns
201
+
202
+ // Disable thicker underlines on hover because of a bug in Chromium
203
+ // affecting links within columns
204
+ // https://bugs.chromium.org/p/chromium/issues/detail?id=1190987
205
+ .govuk-footer__link:hover {
206
+ text-decoration-thickness: auto;
207
+ }
213
208
  }
214
209
 
215
210
  @include govuk-media-query ($from: desktop) {
@@ -4,10 +4,9 @@
4
4
  $govuk-header-border-color: $govuk-brand-colour;
5
5
  $govuk-header-border-width: govuk-spacing(2);
6
6
  $govuk-header-text: govuk-colour("white");
7
- $govuk-header-link: govuk-colour("white");
8
- $govuk-header-link-hover: govuk-colour("white");
9
7
  $govuk-header-link-active: #1d8feb;
10
8
  $govuk-header-nav-item-border-color: #2e3133;
9
+ $govuk-header-link-underline-thickness: 3px;
11
10
 
12
11
  .govuk-header {
13
12
  @include govuk-font($size: 16);
@@ -36,7 +35,19 @@
36
35
 
37
36
  .govuk-header__logotype {
38
37
  display: inline-block;
38
+
39
+ // Add a gap between logo and any product name
39
40
  margin-right: govuk-spacing(1);
41
+
42
+ // Prevent readability backplate from obscuring underline in Windows
43
+ // High Contrast Mode
44
+ forced-color-adjust: none;
45
+
46
+ // But remove it if there's nothing after the logo to keep hover and focus
47
+ // states neat
48
+ &:last-child {
49
+ margin-right: 0;
50
+ }
40
51
  }
41
52
 
42
53
  .govuk-header__logotype-crown {
@@ -57,33 +68,33 @@
57
68
  .govuk-header__product-name {
58
69
  @include govuk-font($size: 24, $line-height: 1);
59
70
  display: inline-table;
60
- padding-right: govuk-spacing(2);
61
71
  }
62
72
 
63
73
  .govuk-header__link {
64
- text-decoration: none;
74
+ // Avoid using the `govuk-link-common` mixin because the links in the header
75
+ // get a special treatment, because:
76
+ //
77
+ // - underlines are only visible on hover
78
+ // - all links get a 3px underline regardless of text size, as there are
79
+ // multiple grouped elements close to one another and having slightly
80
+ // different underline widths looks unbalanced
81
+ @include govuk-typography-common;
82
+ @include govuk-link-style-inverse;
65
83
 
66
- &:link,
67
- &:visited {
68
- color: $govuk-header-link;
69
- }
84
+ text-decoration: none;
70
85
 
71
86
  &:hover {
72
87
  text-decoration: underline;
88
+ text-decoration-thickness: $govuk-header-link-underline-thickness;
89
+
90
+ @if ($govuk-link-underline-offset) {
91
+ text-underline-offset: $govuk-link-underline-offset;
92
+ }
73
93
  }
74
94
 
75
95
  &:focus {
76
96
  @include govuk-focused-text;
77
97
  }
78
-
79
- // alphagov/govuk_template includes a specific a:link:focus selector
80
- // designed to make unvisited links a slightly darker blue when focussed, so
81
- // we need to override the text colour for that combination of selectors.
82
- @include govuk-compatibility(govuk_template) {
83
- &:link:focus {
84
- @include govuk-text-colour;
85
- }
86
- }
87
98
  }
88
99
 
89
100
  .govuk-header__link--homepage {
@@ -92,6 +103,7 @@
92
103
  @include govuk-font($size: false, $weight: bold);
93
104
 
94
105
  display: inline-block;
106
+ margin-right: govuk-spacing(2);
95
107
  font-size: 30px; // We don't have a mixin that produces 30px font size
96
108
  line-height: 1;
97
109
 
@@ -103,10 +115,10 @@
103
115
  &:hover,
104
116
  &:active {
105
117
  // Negate the added border
106
- margin-bottom: -1px;
118
+ margin-bottom: $govuk-header-link-underline-thickness * -1;
107
119
  // Omitting colour will use default value of currentColor – if we
108
120
  // specified currentColor explicitly IE8 would ignore this rule.
109
- border-bottom: 1px solid;
121
+ border-bottom: $govuk-header-link-underline-thickness solid;
110
122
  }
111
123
 
112
124
  // Remove any borders that show when focused and hovered.
@@ -156,11 +168,17 @@
156
168
  margin: 0;
157
169
  padding: 0;
158
170
  border: 0;
159
- color: $govuk-header-link;
171
+ color: govuk-colour("white");
160
172
  background: none;
173
+ cursor: pointer;
161
174
 
162
175
  &:hover {
163
- text-decoration: underline;
176
+ -webkit-text-decoration: solid underline $govuk-header-link-underline-thickness;
177
+ text-decoration: solid underline $govuk-header-link-underline-thickness;
178
+
179
+ @if ($govuk-link-underline-offset) {
180
+ text-underline-offset: $govuk-link-underline-offset;
181
+ }
164
182
  }
165
183
 
166
184
  &:focus {
@@ -130,7 +130,7 @@
130
130
  "name": "classes",
131
131
  "type": "string",
132
132
  "required": false,
133
- "description": "Classes to add to the form group (e.g. to show error state for the whole group)"
133
+ "description": "Classes to add to the form group (for example to show error state for the whole group)"
134
134
  }
135
135
  ]
136
136
  },
@@ -22,6 +22,6 @@
22
22
 
23
23
  .govuk-phase-banner__text {
24
24
  display: table-cell;
25
- vertical-align: baseline;
25
+ vertical-align: middle;
26
26
  }
27
27
  }
@@ -3,14 +3,14 @@
3
3
  "name": "fieldset",
4
4
  "type": "object",
5
5
  "required": false,
6
- "description": "Options for the fieldset component (e.g. legend).",
6
+ "description": "Options for the fieldset component (for example legend).",
7
7
  "isComponent": true
8
8
  },
9
9
  {
10
10
  "name": "hint",
11
11
  "type": "object",
12
12
  "required": false,
13
- "description": "Options for the hint component (e.g. text).",
13
+ "description": "Options for the hint component (for example text).",
14
14
  "isComponent": true
15
15
  },
16
16
  {
@@ -30,7 +30,7 @@
30
30
  "name": "classes",
31
31
  "type": "string",
32
32
  "required": false,
33
- "description": "Classes to add to the form group (e.g. to show error state for the whole group)"
33
+ "description": "Classes to add to the form group (for example to show error state for the whole group)"
34
34
  }
35
35
  ]
36
36
  },
@@ -86,7 +86,7 @@
86
86
  "name": "classes",
87
87
  "type": "string",
88
88
  "required": false,
89
- "description": "Classes to add to the form group (e.g. to show error state for the whole group)"
89
+ "description": "Classes to add to the form group (for example to show error state for the whole group)"
90
90
  }
91
91
  ]
92
92
  },
@@ -2,6 +2,7 @@
2
2
  .govuk-skip-link {
3
3
  @include govuk-visually-hidden-focusable;
4
4
  @include govuk-typography-common;
5
+ @include govuk-link-decoration;
5
6
  @include govuk-link-style-text;
6
7
  @include govuk-typography-responsive($size: 16);
7
8
 
@@ -27,7 +28,6 @@
27
28
  // Undo unwanted changes when global styles are enabled
28
29
  @if ($govuk-global-styles) {
29
30
  box-shadow: none;
30
- text-decoration: underline;
31
31
  }
32
32
  }
33
33
  }
@@ -30,16 +30,11 @@
30
30
  }
31
31
 
32
32
  .govuk-tabs__tab {
33
+ @include govuk-link-common;
33
34
  @include govuk-link-style-default;
34
35
 
35
36
  display: inline-block;
36
37
  margin-bottom: govuk-spacing(2);
37
-
38
- // Focus state for mobile and when JavaScript is disabled
39
- // It is removed for JS-enabled desktop styles
40
- &:focus {
41
- @include govuk-focused-text;
42
- }
43
38
  }
44
39
 
45
40
  .govuk-tabs__panel {
@@ -66,7 +66,7 @@
66
66
  "name": "classes",
67
67
  "type": "string",
68
68
  "required": false,
69
- "description": "Classes to add to the form group (e.g. to show error state for the whole group)"
69
+ "description": "Classes to add to the form group (for example to show error state for the whole group)"
70
70
  }
71
71
  ]
72
72
  },
@@ -46,6 +46,16 @@
46
46
  -moz-user-select: none;
47
47
  -ms-user-select: none;
48
48
  user-select: none;
49
+
50
+ // Improve rendering in Windows High Contrast Mode (Edge), where a
51
+ // readability backplate behind the exclamation mark obscures the circle
52
+ forced-color-adjust: none;
53
+
54
+ @media screen and (forced-colors: active) {
55
+ border-color: windowText;
56
+ color: windowText;
57
+ background: transparent;
58
+ }
49
59
  }
50
60
 
51
61
  .govuk-warning-text__text {
@@ -27,6 +27,14 @@
27
27
  @include govuk-link-style-text;
28
28
  }
29
29
 
30
+ .govuk-link--inverse {
31
+ @include govuk-link-style-inverse;
32
+ }
33
+
34
+ .govuk-link--no-underline {
35
+ @include govuk-link-style-no-underline;
36
+ }
37
+
30
38
  .govuk-link--no-visited-state {
31
39
  @include govuk-link-style-no-visited-state;
32
40
  }