govuk_publishing_components 24.11.0 → 24.13.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/govuk_publishing_components/analytics/scroll-tracker.js +1 -1
  3. data/app/assets/stylesheets/govuk_publishing_components/_all_components.scss +3 -0
  4. data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +50 -31
  5. data/app/assets/stylesheets/govuk_publishing_components/components/_action-link.scss +0 -35
  6. data/app/assets/stylesheets/govuk_publishing_components/components/_contents-list.scss +0 -13
  7. data/app/assets/stylesheets/govuk_publishing_components/components/_image-card.scss +0 -6
  8. data/app/assets/stylesheets/govuk_publishing_components/components/_inverse-header.scss +0 -4
  9. data/app/assets/stylesheets/govuk_publishing_components/components/_organisation-logo.scss +10 -3
  10. data/app/assets/stylesheets/govuk_publishing_components/components/_previous-and-next-navigation.scss +11 -1
  11. data/app/assets/stylesheets/govuk_publishing_components/components/_print-link.scss +1 -1
  12. data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +0 -1
  13. data/app/assets/stylesheets/govuk_publishing_components/components/_show-password.scss +1 -0
  14. data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +8 -2
  15. data/app/assets/stylesheets/govuk_publishing_components/components/_subscription-links.scss +6 -2
  16. data/app/assets/stylesheets/govuk_publishing_components/components/helpers/_markdown-typography.scss +1 -0
  17. data/app/views/govuk_publishing_components/components/_action_link.html.erb +2 -1
  18. data/app/views/govuk_publishing_components/components/_attachment.html.erb +3 -3
  19. data/app/views/govuk_publishing_components/components/_attachment_link.html.erb +1 -1
  20. data/app/views/govuk_publishing_components/components/_character_count.html.erb +1 -1
  21. data/app/views/govuk_publishing_components/components/_contents_list.html.erb +10 -3
  22. data/app/views/govuk_publishing_components/components/_contextual_sidebar.html.erb +2 -2
  23. data/app/views/govuk_publishing_components/components/_cookie_banner.html.erb +16 -6
  24. data/app/views/govuk_publishing_components/components/_government_navigation.html.erb +14 -14
  25. data/app/views/govuk_publishing_components/components/_image_card.html.erb +15 -2
  26. data/app/views/govuk_publishing_components/components/_layout_footer.html.erb +6 -9
  27. data/app/views/govuk_publishing_components/components/_metadata.html.erb +6 -6
  28. data/app/views/govuk_publishing_components/components/_modal_dialogue.html.erb +1 -1
  29. data/app/views/govuk_publishing_components/components/_organisation_logo.html.erb +13 -13
  30. data/app/views/govuk_publishing_components/components/_previous_and_next_navigation.html.erb +11 -7
  31. data/app/views/govuk_publishing_components/components/_share_links.html.erb +1 -1
  32. data/app/views/govuk_publishing_components/components/_step_by_step_nav.html.erb +4 -4
  33. data/app/views/govuk_publishing_components/components/_step_by_step_nav_related.html.erb +1 -1
  34. data/app/views/govuk_publishing_components/components/_subscription_links.html.erb +9 -9
  35. data/app/views/govuk_publishing_components/components/_success_alert.html.erb +1 -1
  36. data/app/views/govuk_publishing_components/components/_tabs.html.erb +1 -1
  37. data/app/views/govuk_publishing_components/components/contextual_sidebar/_brexit_cta.html.erb +9 -4
  38. data/app/views/govuk_publishing_components/components/docs/government_navigation.yml +2 -0
  39. data/app/views/govuk_publishing_components/components/docs/inset_text.yml +2 -2
  40. data/app/views/govuk_publishing_components/components/docs/inverse_header.yml +18 -15
  41. data/app/views/govuk_publishing_components/components/feedback/_problem_form.html.erb +6 -6
  42. data/app/views/govuk_publishing_components/components/feedback/_survey_signup_form.html.erb +5 -5
  43. data/app/views/govuk_publishing_components/components/feedback/_yes_no_banner.html.erb +6 -6
  44. data/app/views/govuk_publishing_components/components/metadata/_sentence.html.erb +2 -2
  45. data/app/views/govuk_publishing_components/components/related_navigation/_section.html.erb +1 -1
  46. data/config/locales/ar.yml +33 -0
  47. data/config/locales/az.yml +33 -0
  48. data/config/locales/be.yml +33 -0
  49. data/config/locales/bg.yml +33 -0
  50. data/config/locales/bn.yml +33 -0
  51. data/config/locales/cs.yml +33 -0
  52. data/config/locales/cy.yml +34 -1
  53. data/config/locales/da.yml +33 -0
  54. data/config/locales/de.yml +33 -0
  55. data/config/locales/dr.yml +33 -0
  56. data/config/locales/el.yml +33 -0
  57. data/config/locales/en.yml +45 -9
  58. data/config/locales/es-419.yml +33 -0
  59. data/config/locales/es.yml +33 -0
  60. data/config/locales/et.yml +33 -0
  61. data/config/locales/fa.yml +33 -0
  62. data/config/locales/fi.yml +33 -0
  63. data/config/locales/fr.yml +33 -0
  64. data/config/locales/gd.yml +33 -0
  65. data/config/locales/gu.yml +33 -0
  66. data/config/locales/he.yml +33 -0
  67. data/config/locales/hi.yml +33 -0
  68. data/config/locales/hr.yml +33 -0
  69. data/config/locales/hu.yml +33 -0
  70. data/config/locales/hy.yml +33 -0
  71. data/config/locales/id.yml +33 -0
  72. data/config/locales/is.yml +33 -0
  73. data/config/locales/it.yml +33 -0
  74. data/config/locales/ja.yml +33 -0
  75. data/config/locales/ka.yml +33 -0
  76. data/config/locales/kk.yml +33 -0
  77. data/config/locales/ko.yml +33 -0
  78. data/config/locales/lt.yml +33 -0
  79. data/config/locales/lv.yml +33 -0
  80. data/config/locales/ms.yml +33 -0
  81. data/config/locales/mt.yml +33 -0
  82. data/config/locales/nl.yml +33 -0
  83. data/config/locales/no.yml +33 -0
  84. data/config/locales/pa-pk.yml +33 -0
  85. data/config/locales/pa.yml +33 -0
  86. data/config/locales/pl.yml +33 -0
  87. data/config/locales/ps.yml +33 -0
  88. data/config/locales/pt.yml +33 -0
  89. data/config/locales/ro.yml +33 -0
  90. data/config/locales/ru.yml +33 -0
  91. data/config/locales/si.yml +33 -0
  92. data/config/locales/sk.yml +33 -0
  93. data/config/locales/sl.yml +33 -0
  94. data/config/locales/so.yml +33 -0
  95. data/config/locales/sq.yml +33 -0
  96. data/config/locales/sr.yml +33 -0
  97. data/config/locales/sv.yml +33 -0
  98. data/config/locales/sw.yml +33 -0
  99. data/config/locales/ta.yml +33 -0
  100. data/config/locales/th.yml +33 -0
  101. data/config/locales/tk.yml +33 -0
  102. data/config/locales/tr.yml +33 -0
  103. data/config/locales/uk.yml +33 -0
  104. data/config/locales/ur.yml +33 -0
  105. data/config/locales/uz.yml +33 -0
  106. data/config/locales/vi.yml +33 -0
  107. data/config/locales/zh-hk.yml +33 -0
  108. data/config/locales/zh-tw.yml +33 -0
  109. data/config/locales/zh.yml +33 -0
  110. data/lib/govuk_publishing_components.rb +1 -0
  111. data/lib/govuk_publishing_components/presenters/brexit_cta_helper.rb +33 -0
  112. data/lib/govuk_publishing_components/presenters/content_item.rb +1 -3
  113. data/lib/govuk_publishing_components/presenters/contents_list_helper.rb +0 -3
  114. data/lib/govuk_publishing_components/presenters/public_layout_helper.rb +1 -1
  115. data/lib/govuk_publishing_components/version.rb +1 -1
  116. metadata +8 -7
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 78e0df66823b7cc209d7d062f04e17ce65954ee5c06a965fe18912240cc687fd
4
- data.tar.gz: b527515c2c9211e77a392c8891bd9ca476782681a63fd05e43d9c0aa2f3b8e7c
3
+ metadata.gz: 5a5f30a829f44913c30260a6dcaa8f09cb443897477370f95d64b977e0ba3e3b
4
+ data.tar.gz: 7acbcf428ab0bcc171285ece6d46c19fbf1145b2c55e65de79f0ba6c51f2990a
5
5
  SHA512:
6
- metadata.gz: a458245e3e6f8f5a5c3b6fb5e3c8eabb3ea0b74b201dde838f2b8a600ea0b4709ae5c01dbadd1d3b55148d1cc95d38da4dc2843805d46daa09fcb78e417a2f46
7
- data.tar.gz: 0b63b8847309278957552d167763f3fa26077a7406a370d9e3edebbf5173c6978c30c75990654a511a91f99d00c2b64ad4d08fc72e7ff71cfbd9b163d8c4f3cf
6
+ metadata.gz: 05cc84e714cde48b7fd102495f024ab30284f171ea2fab94b6ef6a7aad9d0642dc78ab8c50b844be7b2eca1efa985e8a2aae4c6e5fa5f6e9f162e87db2d4c53c
7
+ data.tar.gz: 4cdb13383ef1ce24a5e688e2a0d1b5bf9b349a18290e3e41537f2c7c75881d1ee472a4c795e4d3c300e5d274e46aba3618b49e9e8e2cfb1ceed018112e1ff864
@@ -6,7 +6,7 @@
6
6
  window.GOVUK = window.GOVUK || {}
7
7
 
8
8
  var CONFIG = {
9
- '/transition': [
9
+ '/brexit': [
10
10
  ['Percent', 20],
11
11
  ['Percent', 40],
12
12
  ['Percent', 60],
@@ -1,6 +1,9 @@
1
1
  // This is the file that the application needs to include in order to use
2
2
  // the components.
3
3
 
4
+ // feature flag for accessible link styles
5
+ $govuk-new-link-styles: true;
6
+
4
7
  @import "govuk_publishing_components/govuk_frontend_support";
5
8
  @import "govuk_publishing_components/component_support";
6
9
 
@@ -40,6 +40,7 @@ $gem-c-accordion-bottom-border-width: 1px;
40
40
  @include govuk-font($size: 16);
41
41
  @include govuk-link-common;
42
42
  @include govuk-link-style-default;
43
+
43
44
  // Remove default button focus outline in Firefox
44
45
  &::-moz-focus-inner {
45
46
  padding: 0;
@@ -47,21 +48,6 @@ $gem-c-accordion-bottom-border-width: 1px;
47
48
  }
48
49
  }
49
50
 
50
- .gem-c-accordion__open-all:hover,
51
- .gem-c-accordion__open-all-text:hover {
52
- text-decoration: underline;
53
- color: $govuk-link-colour;
54
- }
55
-
56
- // Focus state, also to change chervon icon to black
57
- .gem-c-accordion__open-all:focus {
58
- .gem-c-accordion__open-all-text,
59
- .gem-c-accordion-nav__chevron {
60
- color: $govuk-focus-text-colour;
61
- text-decoration: none;
62
- }
63
- }
64
-
65
51
  // Create Chervon icon align with text
66
52
  .gem-c-accordion-nav__chevron {
67
53
  vertical-align: text-top;
@@ -73,6 +59,7 @@ $gem-c-accordion-bottom-border-width: 1px;
73
59
  margin-left: govuk-em(5, 14);
74
60
  border: govuk-em(1, 14) solid;
75
61
  border-radius: govuk-em(100, 14);
62
+
76
63
  // Main icon size across views, yet keep responsive for zoom
77
64
  @include govuk-media-query($from: tablet) {
78
65
  width: govuk-em(20, 16);
@@ -94,6 +81,7 @@ $gem-c-accordion-bottom-border-width: 1px;
94
81
  transform: rotate(-45deg);
95
82
  left: govuk-em(6, 14);
96
83
  bottom: govuk-em(5, 14);
84
+
97
85
  @include govuk-media-query($from: tablet) {
98
86
  width: govuk-em(6, 16);
99
87
  height: govuk-em(6, 16);
@@ -105,6 +93,22 @@ $gem-c-accordion-bottom-border-width: 1px;
105
93
  }
106
94
  }
107
95
 
96
+ .gem-c-accordion__open-all:hover,
97
+ .gem-c-accordion__section-button:hover {
98
+ .gem-c-accordion-nav__chevron {
99
+ color: $govuk-link-hover-colour;
100
+ text-decoration: none;
101
+ }
102
+ }
103
+
104
+ // Focus state, also to change chervon icon to black
105
+ .gem-c-accordion__open-all:focus {
106
+ .gem-c-accordion-nav__chevron {
107
+ color: $govuk-focus-text-colour;
108
+ text-decoration: none;
109
+ }
110
+ }
111
+
108
112
  // Rotate icon to create "Down" version
109
113
  .gem-c-accordion-nav__chevron--down {
110
114
  transform: rotate(180deg);
@@ -150,6 +154,10 @@ $gem-c-accordion-bottom-border-width: 1px;
150
154
  @include govuk-typography-common;
151
155
  width: 100%;
152
156
 
157
+ &:hover {
158
+ color: $govuk-link-hover-colour;
159
+ }
160
+
153
161
  &:active {
154
162
  z-index: 1;
155
163
  color: $govuk-link-active-colour;
@@ -163,26 +171,12 @@ $gem-c-accordion-bottom-border-width: 1px;
163
171
  }
164
172
  }
165
173
 
166
- .gem-c-accordion__section-button:hover {
167
- color: $govuk-link-colour;
168
- // On hover, add underline to toggle link
169
- .gem-c-accordion__toggle-text {
170
- text-decoration: underline;
171
- color: $govuk-link-colour;
172
- }
173
- }
174
-
175
174
  .gem-c-accordion__section-button:focus {
176
175
  @include govuk-focused-text;
177
176
  // Overwrite focus border to top
178
177
  box-shadow: 0 0, 0 -4px;
179
178
  border-top: 1px solid transparent;
180
179
 
181
- // Focus state to change the toggle link within individual sections
182
- .gem-c-accordion__toggle-text {
183
- color: $govuk-focus-text-colour;
184
- text-decoration: none;
185
- }
186
180
  // Focus state to change chervon icon colour within individual sections
187
181
  .gem-c-accordion-nav__chevron {
188
182
  color: $govuk-text-colour;
@@ -225,10 +219,24 @@ $gem-c-accordion-bottom-border-width: 1px;
225
219
  }
226
220
  }
227
221
 
228
- // Setting width of the text, so the icon doesn't shift (left / right) when toggled
229
222
  .gem-c-accordion__toggle-text {
230
- min-width: govuk-em(40, 16);
231
223
  display: inline-block;
224
+ // Setting width of the text so the icon doesn't shift left or right when
225
+ // toggled:
226
+ min-width: govuk-em(40, 16);
227
+ }
228
+
229
+ // On hover add underline to toggle link only:
230
+ .gem-c-accordion__section-button:hover .gem-c-accordion__toggle-text {
231
+ color: $govuk-link-hover-colour;
232
+ @include govuk-link-decoration;
233
+ @include govuk-link-hover-decoration;
234
+ }
235
+
236
+ // Ensure the correct focus sstate text colour and no underline:
237
+ .gem-c-accordion__section-button:focus .gem-c-accordion__toggle-text {
238
+ color: $govuk-focus-text-colour;
239
+ text-decoration: none;
232
240
  }
233
241
 
234
242
  .gem-c-accordion__open-all-text {
@@ -237,6 +245,17 @@ $gem-c-accordion-bottom-border-width: 1px;
237
245
  text-align: left;
238
246
  }
239
247
 
248
+ .gem-c-accordion__open-all:hover {
249
+ .gem-c-accordion__open-all-text {
250
+ @include govuk-link-decoration;
251
+ @include govuk-link-hover-decoration;
252
+ }
253
+ }
254
+
255
+ .gem-c-accordion__open-all:focus .gem-c-accordion__open-all-text {
256
+ text-decoration: none;
257
+ }
258
+
240
259
  // Change the summary subheading size.
241
260
  .gem-c-accordion__section-summary {
242
261
  @include govuk-responsive-margin(1, "top");
@@ -32,10 +32,6 @@
32
32
  .gem-c-action-link__link {
33
33
  color: inherit;
34
34
 
35
- &:hover {
36
- text-decoration: underline;
37
- }
38
-
39
35
  &:focus {
40
36
  text-decoration: none;
41
37
  color: $govuk-focus-text-colour;
@@ -106,10 +102,6 @@
106
102
  background-size: 25px auto;
107
103
  background-position: 0 2px;
108
104
  }
109
-
110
- .gem-c-action-link__link {
111
- text-decoration: none;
112
- }
113
105
  }
114
106
 
115
107
  .gem-c-action-link--simple-light {
@@ -122,10 +114,6 @@
122
114
  background-size: 25px auto;
123
115
  background-position: 0 2px;
124
116
  }
125
-
126
- .gem-c-action-link__link {
127
- text-decoration: none;
128
- }
129
117
  }
130
118
 
131
119
  .gem-c-action-link--dark-icon {
@@ -150,10 +138,6 @@
150
138
  background-size: 25px auto;
151
139
  background-position: 0 2px;
152
140
  }
153
-
154
- .gem-c-action-link__link {
155
- text-decoration: none;
156
- }
157
141
  }
158
142
 
159
143
  .gem-c-action-link--transparent-icon {
@@ -177,25 +161,6 @@
177
161
  .gem-c-action-link--light-text {
178
162
  color: govuk-colour("white");
179
163
 
180
- .gem-c-action-link__link,
181
- .gem-c-action-link__subtext-link {
182
- text-decoration: underline;
183
-
184
- &:link,
185
- &:visited {
186
- color: govuk-colour("white");
187
- }
188
-
189
- &:hover {
190
- color: $gem-hover-dark-background;
191
- }
192
-
193
- &:focus {
194
- text-decoration: none;
195
- color: $govuk-focus-text-colour;
196
- }
197
- }
198
-
199
164
  .gem-c-action-link__subtext {
200
165
  &:before {
201
166
  border-color: govuk-colour("white");
@@ -25,19 +25,6 @@
25
25
  list-style-type: none;
26
26
  }
27
27
 
28
- .gem-c-contents-list--no-underline {
29
- .gem-c-contents-list__link {
30
- text-decoration: none;
31
-
32
- &:hover,
33
- &:active {
34
- text-decoration: underline;
35
- }
36
-
37
- @include govuk-template-link-focus-override;
38
- }
39
- }
40
-
41
28
  .gem-c-contents-list__link {
42
29
  .gem-c-contents-list__list-item--parent > & {
43
30
  font-weight: bold;
@@ -63,12 +63,6 @@
63
63
  }
64
64
 
65
65
  .gem-c-image-card__title-link {
66
- text-decoration: none;
67
-
68
- &:hover {
69
- text-decoration: underline;
70
- }
71
-
72
66
  &:focus {
73
67
  text-decoration: none;
74
68
  }
@@ -7,10 +7,6 @@
7
7
  box-sizing: border-box;
8
8
  }
9
9
 
10
- .gem-c-inverse-header a {
11
- color: govuk-colour("white");
12
- }
13
-
14
10
  .gem-c-inverse-header .gem-c-inverse-header__supplement,
15
11
  .gem-c-inverse-header .publication-header__last-changed {
16
12
  // This publication-header class is injected on publication pages, really
@@ -1,12 +1,14 @@
1
1
  // Default logo corresponds with the "medium stacked" Whitehall equivalent
2
2
  .gem-c-organisation-logo {
3
3
  font-size: 13px;
4
- line-height: (15 / 13);
5
4
  font-weight: 400;
5
+ line-height: 1.35;
6
+ // When this is a heading the margin needs to be set to stop it from
7
+ // inheriting the browser's default margin:
8
+ margin: 0;
6
9
 
7
10
  @include govuk-media-query($from: tablet) {
8
11
  font-size: 18px;
9
- line-height: 20px;
10
12
  }
11
13
  }
12
14
 
@@ -62,7 +64,12 @@
62
64
  font-family: "HelveticaNeue", "Helvetica Neue", "Arial", "Helvetica", sans-serif;
63
65
 
64
66
  &:hover {
65
- text-decoration: underline;
67
+ color: $govuk-link-hover-colour;
68
+ }
69
+
70
+ &:active {
71
+ color: govuk-colour("black");
72
+ @include govuk-link-hover-decoration;
66
73
  }
67
74
 
68
75
  &:focus {
@@ -31,6 +31,16 @@
31
31
  &:hover,
32
32
  &:active {
33
33
  background-color: govuk-colour("light-grey", $legacy: "grey-4");
34
+
35
+ // Add govuk-link hover decoration to title if no label present
36
+ .gem-c-pagination__link-text--decorated {
37
+ @include govuk-link-decoration;
38
+ }
39
+
40
+ .gem-c-pagination__link-label,
41
+ .gem-c-pagination__link-text--decorated {
42
+ @include govuk-link-hover-decoration;
43
+ }
34
44
  }
35
45
 
36
46
  &:focus {
@@ -73,8 +83,8 @@
73
83
  .gem-c-pagination__link-label {
74
84
  display: inline-block;
75
85
  margin-top: .1em;
76
- text-decoration: underline;
77
86
  margin-left: govuk-spacing(5);
87
+ @include govuk-link-decoration;
78
88
 
79
89
  @include govuk-media-query($from: tablet) {
80
90
  margin-left: govuk-spacing(6);
@@ -20,6 +20,7 @@ $gem-c-print-link-background-height: 18px;
20
20
  background: image-url("govuk_publishing_components/icon-print.png") no-repeat govuk-spacing(2) 50%;
21
21
  background-size: $gem-c-print-link-background-width $gem-c-print-link-background-height;
22
22
  padding: govuk-spacing(2) govuk-spacing(2) govuk-spacing(2) (govuk-spacing(4) + $gem-c-print-link-background-width);
23
+ text-decoration: none;
23
24
 
24
25
  @include govuk-device-pixel-ratio($ratio: 2) {
25
26
  background-image: image-url("govuk_publishing_components/icon-print-2x.png");
@@ -32,7 +33,6 @@ $gem-c-print-link-background-height: 18px;
32
33
 
33
34
  .gem-c-print-link__link {
34
35
  box-shadow: inset 0 0 0 1px $govuk-border-colour;
35
- text-decoration: none;
36
36
 
37
37
  &:focus {
38
38
  border: 0;
@@ -22,7 +22,6 @@ $share-button-height: 32px;
22
22
  .gem-c-share-links__link {
23
23
  @include govuk-font(16, $weight: bold);
24
24
  margin-right: govuk-spacing(6);
25
- text-decoration: none;
26
25
 
27
26
  @include govuk-template-link-focus-override;
28
27
  }
@@ -49,6 +49,7 @@
49
49
 
50
50
  &:hover {
51
51
  color: $govuk-link-hover-colour;
52
+ @include govuk-link-hover-decoration;
52
53
  }
53
54
 
54
55
  &:focus {
@@ -116,7 +116,8 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
116
116
  padding: 0 0 govuk-spacing(1);
117
117
 
118
118
  &:hover .gem-c-step-nav__button-text {
119
- text-decoration: underline;
119
+ @include govuk-link-decoration;
120
+ @include govuk-link-hover-decoration;
120
121
  }
121
122
 
122
123
  .gem-c-step-nav--large & {
@@ -125,6 +126,10 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
125
126
 
126
127
  &:focus {
127
128
  @include step-nav-chevron-focus-state;
129
+
130
+ .gem-c-step-nav__button-text {
131
+ text-decoration: none;
132
+ }
128
133
  }
129
134
  }
130
135
 
@@ -338,7 +343,8 @@ $top-border: solid 1px govuk-colour("mid-grey", $legacy: "grey-3");
338
343
  }
339
344
 
340
345
  .gem-c-step-nav__button-text {
341
- text-decoration: underline;
346
+ @include govuk-link-decoration;
347
+ @include govuk-link-hover-decoration;
342
348
  }
343
349
  }
344
350
  }
@@ -45,7 +45,6 @@
45
45
 
46
46
  .gem-c-subscription-links__item {
47
47
  display: inline-block;
48
- text-decoration: none;
49
48
  background-repeat: no-repeat;
50
49
  background-position: 0 20%;
51
50
 
@@ -55,6 +54,7 @@
55
54
  }
56
55
 
57
56
  .gem-c-subscription-links__item--button {
57
+ cursor: pointer;
58
58
  display: none;
59
59
  font-size: inherit;
60
60
  font-weight: inherit;
@@ -71,6 +71,10 @@
71
71
  color: $govuk-link-colour;
72
72
  }
73
73
 
74
+ &:hover {
75
+ color: $govuk-link-hover-colour;
76
+ }
77
+
74
78
  &:visited,
75
79
  &:active,
76
80
  &:focus {
@@ -106,7 +110,7 @@
106
110
  }
107
111
 
108
112
  .gem-c-subscription-links__icon {
109
- margin-right: .1em;
113
+ margin-right: govuk-spacing(1);
110
114
  color: govuk-colour("black");
111
115
  }
112
116