govuk_publishing_components 28.5.0 → 28.6.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/govuk_publishing_components/analytics/track-select-change.js +4 -3
- data/app/assets/javascripts/govuk_publishing_components/components/accordion.js +21 -291
- data/app/assets/javascripts/govuk_publishing_components/components/button.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/components/character-count.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/components/checkboxes.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/components/details.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/components/error-summary.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/components/layout-header.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/components/radio.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/components/skip-link.js +5 -0
- data/app/assets/javascripts/govuk_publishing_components/components/step-by-step-nav.js +40 -37
- data/app/assets/javascripts/govuk_publishing_components/components/tabs.js +1 -1
- data/app/assets/javascripts/govuk_publishing_components/lib/govspeak/barchart-enhancement.js +2 -1
- data/app/assets/javascripts/govuk_publishing_components/lib/govspeak/magna-charta.js +8 -10
- data/app/assets/javascripts/govuk_publishing_components/lib/initial-focus.js +4 -3
- data/app/assets/javascripts/govuk_publishing_components/lib/toggle-input-class-on-focus.js +4 -3
- data/app/assets/javascripts/govuk_publishing_components/lib/toggle.js +4 -3
- data/app/assets/stylesheets/govuk_publishing_components/components/_accordion.scss +1 -329
- data/app/assets/stylesheets/govuk_publishing_components/components/_share-links.scss +1 -1
- data/app/assets/stylesheets/govuk_publishing_components/components/_step-by-step-nav.scss +95 -56
- data/app/assets/stylesheets/govuk_publishing_components/components/print/_accordion.scss +6 -17
- data/app/assets/stylesheets/govuk_publishing_components/govuk_frontend_support.scss +0 -9
- data/app/views/govuk_publishing_components/components/_accordion.html.erb +31 -16
- data/app/views/govuk_publishing_components/components/_button.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_character_count.html.erb +2 -2
- data/app/views/govuk_publishing_components/components/_checkboxes.html.erb +2 -2
- data/app/views/govuk_publishing_components/components/_error_message.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_error_summary.html.erb +0 -1
- data/app/views/govuk_publishing_components/components/_inset_text.html.erb +12 -1
- data/app/views/govuk_publishing_components/components/_layout_footer.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_modal_dialogue.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_radio.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/_skip_link.html.erb +1 -1
- data/app/views/govuk_publishing_components/components/docs/accordion.yml +2 -97
- data/app/views/govuk_publishing_components/components/docs/govspeak.yml +1 -1
- data/app/views/govuk_publishing_components/components/docs/inset_text.yml +6 -0
- data/app/views/govuk_publishing_components/components/docs/share_links.yml +1 -1
- data/app/views/govuk_publishing_components/components/docs/step_by_step_nav.yml +13 -13
- data/app/views/govuk_publishing_components/components/docs/tabs.yml +1 -1
- data/app/views/govuk_publishing_components/components/docs/textarea.yml +1 -1
- data/app/views/govuk_publishing_components/components/layout_header/_navigation_items.html.erb +11 -11
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/node_modules/govuk-frontend/govuk/all.js +294 -76
- data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss +274 -99
- data/node_modules/govuk-frontend/govuk/components/accordion/accordion.js +169 -65
- data/node_modules/govuk-frontend/govuk/components/accordion/fixtures.json +37 -5
- data/node_modules/govuk-frontend/govuk/components/accordion/macro-options.json +4 -4
- data/node_modules/govuk-frontend/govuk/components/button/button.js +2 -2
- data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js +3 -3
- data/node_modules/govuk-frontend/govuk/components/character-count/fixtures.json +15 -2
- data/node_modules/govuk-frontend/govuk/components/checkboxes/checkboxes.js +8 -10
- data/node_modules/govuk-frontend/govuk/components/checkboxes/fixtures.json +52 -15
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/_index.scss +0 -2
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/fixtures.json +31 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/fixtures.json +25 -25
- data/node_modules/govuk-frontend/govuk/components/details/details.js +2 -2
- data/node_modules/govuk-frontend/govuk/components/error-message/_index.scss +1 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/fixtures.json +8 -8
- data/node_modules/govuk-frontend/govuk/components/error-message/template.njk +2 -2
- data/node_modules/govuk-frontend/govuk/components/error-summary/error-summary.js +24 -3
- data/node_modules/govuk-frontend/govuk/components/error-summary/fixtures.json +25 -16
- data/node_modules/govuk-frontend/govuk/components/error-summary/macro-options.json +6 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/template.njk +2 -1
- data/node_modules/govuk-frontend/govuk/components/file-upload/fixtures.json +4 -4
- data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +3 -37
- data/node_modules/govuk-frontend/govuk/components/footer/fixtures.json +119 -15
- data/node_modules/govuk-frontend/govuk/components/footer/macro-options.json +6 -0
- data/node_modules/govuk-frontend/govuk/components/footer/template.njk +1 -1
- data/node_modules/govuk-frontend/govuk/components/header/_index.scss +10 -4
- data/node_modules/govuk-frontend/govuk/components/header/fixtures.json +11 -11
- data/node_modules/govuk-frontend/govuk/components/header/header.js +4 -4
- data/node_modules/govuk-frontend/govuk/components/header/template.njk +4 -3
- data/node_modules/govuk-frontend/govuk/components/hint/_index.scss +1 -3
- data/node_modules/govuk-frontend/govuk/components/input/_index.scss +1 -1
- data/node_modules/govuk-frontend/govuk/components/input/fixtures.json +40 -40
- data/node_modules/govuk-frontend/govuk/components/input/template.njk +4 -3
- data/node_modules/govuk-frontend/govuk/components/notification-banner/notification-banner.js +499 -2
- data/node_modules/govuk-frontend/govuk/components/phase-banner/fixtures.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/radios/_index.scss +0 -8
- data/node_modules/govuk-frontend/govuk/components/radios/fixtures.json +44 -45
- data/node_modules/govuk-frontend/govuk/components/radios/radios.js +4 -4
- data/node_modules/govuk-frontend/govuk/components/radios/template.njk +2 -9
- data/node_modules/govuk-frontend/govuk/components/select/_index.scss +6 -1
- data/node_modules/govuk-frontend/govuk/components/select/fixtures.json +3 -3
- data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss +13 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/fixtures.json +9 -9
- data/node_modules/govuk-frontend/govuk/components/skip-link/skip-link.js +1108 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/template.njk +1 -1
- data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss +20 -23
- data/node_modules/govuk-frontend/govuk/components/summary-list/fixtures.json +86 -1
- data/node_modules/govuk-frontend/govuk/components/summary-list/template.njk +1 -4
- data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss +2 -2
- data/node_modules/govuk-frontend/govuk/components/tabs/tabs.js +2 -2
- data/node_modules/govuk-frontend/govuk/components/tag/_index.scss +0 -5
- data/node_modules/govuk-frontend/govuk/components/tag/fixtures.json +2 -2
- data/node_modules/govuk-frontend/govuk/components/textarea/_index.scss +1 -1
- data/node_modules/govuk-frontend/govuk/components/textarea/fixtures.json +4 -4
- data/node_modules/govuk-frontend/govuk/core/_all.scss +0 -1
- data/node_modules/govuk-frontend/govuk/core/_global-styles.scss +0 -6
- data/node_modules/govuk-frontend/govuk/core/_links.scss +0 -6
- data/node_modules/govuk-frontend/govuk/core/_lists.scss +0 -6
- data/node_modules/govuk-frontend/govuk/core/_section-break.scss +0 -6
- data/node_modules/govuk-frontend/govuk/core/_typography.scss +0 -6
- data/node_modules/govuk-frontend/govuk/objects/_all.scss +1 -0
- data/node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss +15 -30
- data/node_modules/govuk-frontend/govuk/{core → objects}/_template.scss +1 -5
- data/node_modules/govuk-frontend/govuk/overrides/_display.scss +0 -6
- data/node_modules/govuk-frontend/govuk/overrides/_spacing.scss +0 -6
- data/node_modules/govuk-frontend/govuk/overrides/_text-align.scss +0 -6
- data/node_modules/govuk-frontend/govuk/overrides/_typography.scss +0 -6
- data/node_modules/govuk-frontend/govuk/overrides/_width.scss +0 -6
- data/node_modules/govuk-frontend/govuk/settings/_colours-organisations.scss +3 -0
- data/node_modules/govuk-frontend/govuk/settings/_measurements.scss +0 -10
- data/node_modules/govuk-frontend/govuk/tools/_all.scss +0 -1
- data/node_modules/govuk-frontend/package.json +1 -1
- metadata +8 -7
- data/node_modules/govuk-frontend/govuk/tools/_iff.scss +0 -17
|
@@ -95,12 +95,90 @@
|
|
|
95
95
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit v7.0.1\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
96
96
|
"hidden": false
|
|
97
97
|
},
|
|
98
|
+
{
|
|
99
|
+
"name": "with default width navigation (one column)",
|
|
100
|
+
"options": {
|
|
101
|
+
"navigation": [
|
|
102
|
+
{
|
|
103
|
+
"title": "Navigation section",
|
|
104
|
+
"items": [
|
|
105
|
+
{
|
|
106
|
+
"href": "#1",
|
|
107
|
+
"text": "Navigation item 1"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"href": "#2",
|
|
111
|
+
"text": "Navigation item 2"
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"href": "#3",
|
|
115
|
+
"text": "Navigation item 3"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"href": "#4",
|
|
119
|
+
"text": "Navigation item 4"
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"href": "#5",
|
|
123
|
+
"text": "Navigation item 5"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"href": "#6",
|
|
127
|
+
"text": "Navigation item 6"
|
|
128
|
+
}
|
|
129
|
+
]
|
|
130
|
+
}
|
|
131
|
+
]
|
|
132
|
+
},
|
|
133
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section govuk-grid-column-full\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
134
|
+
"hidden": false
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"name": "with default width navigation (two columns)",
|
|
138
|
+
"options": {
|
|
139
|
+
"navigation": [
|
|
140
|
+
{
|
|
141
|
+
"title": "Navigation section",
|
|
142
|
+
"columns": 2,
|
|
143
|
+
"items": [
|
|
144
|
+
{
|
|
145
|
+
"href": "#1",
|
|
146
|
+
"text": "Navigation item 1"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"href": "#2",
|
|
150
|
+
"text": "Navigation item 2"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"href": "#3",
|
|
154
|
+
"text": "Navigation item 3"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"href": "#4",
|
|
158
|
+
"text": "Navigation item 4"
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"href": "#5",
|
|
162
|
+
"text": "Navigation item 5"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"href": "#6",
|
|
166
|
+
"text": "Navigation item 6"
|
|
167
|
+
}
|
|
168
|
+
]
|
|
169
|
+
}
|
|
170
|
+
]
|
|
171
|
+
},
|
|
172
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section govuk-grid-column-full\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Navigation section</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
173
|
+
"hidden": false
|
|
174
|
+
},
|
|
98
175
|
{
|
|
99
176
|
"name": "with navigation",
|
|
100
177
|
"options": {
|
|
101
178
|
"navigation": [
|
|
102
179
|
{
|
|
103
180
|
"title": "Two column list",
|
|
181
|
+
"width": "two-thirds",
|
|
104
182
|
"columns": 2,
|
|
105
183
|
"items": [
|
|
106
184
|
{
|
|
@@ -131,6 +209,7 @@
|
|
|
131
209
|
},
|
|
132
210
|
{
|
|
133
211
|
"title": "Single column list",
|
|
212
|
+
"width": "one-third",
|
|
134
213
|
"items": [
|
|
135
214
|
{
|
|
136
215
|
"href": "#1",
|
|
@@ -148,15 +227,36 @@
|
|
|
148
227
|
}
|
|
149
228
|
]
|
|
150
229
|
},
|
|
151
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
230
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Two column list</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
152
231
|
"hidden": false
|
|
153
232
|
},
|
|
154
233
|
{
|
|
155
|
-
"name": "
|
|
234
|
+
"name": "Full GDS example",
|
|
156
235
|
"options": {
|
|
157
236
|
"navigation": [
|
|
237
|
+
{
|
|
238
|
+
"title": "Coronavirus (COVID-19)",
|
|
239
|
+
"width": "two-thirds",
|
|
240
|
+
"items": [
|
|
241
|
+
{
|
|
242
|
+
"href": "/coronavirus",
|
|
243
|
+
"text": "Coronavirus (COVID-19): guidance and support"
|
|
244
|
+
}
|
|
245
|
+
]
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"title": "Brexit",
|
|
249
|
+
"width": "one-third",
|
|
250
|
+
"items": [
|
|
251
|
+
{
|
|
252
|
+
"href": "/brexit",
|
|
253
|
+
"text": "Check what you need to do"
|
|
254
|
+
}
|
|
255
|
+
]
|
|
256
|
+
},
|
|
158
257
|
{
|
|
159
258
|
"title": "Services and information",
|
|
259
|
+
"width": "two-thirds",
|
|
160
260
|
"columns": 2,
|
|
161
261
|
"items": [
|
|
162
262
|
{
|
|
@@ -227,6 +327,7 @@
|
|
|
227
327
|
},
|
|
228
328
|
{
|
|
229
329
|
"title": "Departments and policy",
|
|
330
|
+
"width": "one-third",
|
|
230
331
|
"items": [
|
|
231
332
|
{
|
|
232
333
|
"href": "/government/how-government-works",
|
|
@@ -281,7 +382,7 @@
|
|
|
281
382
|
"html": "Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>"
|
|
282
383
|
}
|
|
283
384
|
},
|
|
284
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n Benefits\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n Births, deaths, marriages and care\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/business\">\n Business and self-employed\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n Childcare and parenting\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n Citizenship and living in the UK\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n Crime, justice and the law\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n Disabled people\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n Driving and transport\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/education\">\n Education and learning\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n Employing people\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n Environment and countryside\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n Housing and local services\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n Money and tax\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n Passports, travel and living abroad\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n Visas and immigration\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/working\">\n Working, jobs and pensions\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n How government works\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n Departments\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/world\">\n Worldwide\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/policies\">\n Policies\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/publications\">\n Publications\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n Announcements\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help\">\n Help\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n Cookies\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/contact\">\n Contact\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n Terms and conditions\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n Rhestr o Wasanaethau Cymraeg\n </a>\n </li>\n \n </ul>\n \n \n <div class=\"govuk-footer__meta-custom\">\n Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
385
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Coronavirus (COVID-19)</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/coronavirus\">\n Coronavirus (COVID-19): guidance and support\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Brexit</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/brexit\">\n Check what you need to do\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section govuk-grid-column-two-thirds\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Services and information</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-2\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/benefits\">\n Benefits\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/births-deaths-marriages\">\n Births, deaths, marriages and care\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/business\">\n Business and self-employed\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/childcare-parenting\">\n Childcare and parenting\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/citizenship\">\n Citizenship and living in the UK\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/justice\">\n Crime, justice and the law\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/disabilities\">\n Disabled people\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/driving\">\n Driving and transport\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/education\">\n Education and learning\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/employing-people\">\n Employing people\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/environment-countryside\">\n Environment and countryside\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/housing-local-services\">\n Housing and local services\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/tax\">\n Money and tax\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/abroad\">\n Passports, travel and living abroad\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/visas-immigration\">\n Visas and immigration\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/browse/working\">\n Working, jobs and pensions\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Departments and policy</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/how-government-works\">\n How government works\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/organisations\">\n Departments\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/world\">\n Worldwide\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/policies\">\n Policies\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/publications\">\n Publications\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"/government/announcements\">\n Announcements\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help\">\n Help\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help/cookies\">\n Cookies\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/contact\">\n Contact\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/help/terms-conditions\">\n Terms and conditions\n </a>\n </li>\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"/cymraeg\">\n Rhestr o Wasanaethau Cymraeg\n </a>\n </li>\n \n </ul>\n \n \n <div class=\"govuk-footer__meta-custom\">\n Built by the <a class=\"govuk-footer__link\" href=\"#\">Government Digital Service</a>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
285
386
|
"hidden": false
|
|
286
387
|
},
|
|
287
388
|
{
|
|
@@ -290,6 +391,7 @@
|
|
|
290
391
|
"navigation": [
|
|
291
392
|
{
|
|
292
393
|
"title": "Single column list 1",
|
|
394
|
+
"width": "one-third",
|
|
293
395
|
"columns": 1,
|
|
294
396
|
"items": [
|
|
295
397
|
{
|
|
@@ -320,6 +422,7 @@
|
|
|
320
422
|
},
|
|
321
423
|
{
|
|
322
424
|
"title": "Single column list 2",
|
|
425
|
+
"width": "one-third",
|
|
323
426
|
"columns": 1,
|
|
324
427
|
"items": [
|
|
325
428
|
{
|
|
@@ -350,6 +453,7 @@
|
|
|
350
453
|
},
|
|
351
454
|
{
|
|
352
455
|
"title": "Single column list 3",
|
|
456
|
+
"width": "one-third",
|
|
353
457
|
"columns": 1,
|
|
354
458
|
"items": [
|
|
355
459
|
{
|
|
@@ -380,7 +484,7 @@
|
|
|
380
484
|
}
|
|
381
485
|
]
|
|
382
486
|
},
|
|
383
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
487
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 2</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n <div class=\"govuk-footer__section govuk-grid-column-one-third\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 3</h2>\n \n \n <ul class=\"govuk-footer__list govuk-footer__list--columns-1\">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\">\n Navigation item 1\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#2\">\n Navigation item 2\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#3\">\n Navigation item 3\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#4\">\n Navigation item 4\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#5\">\n Navigation item 5\n </a>\n </li>\n \n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#6\">\n Navigation item 6\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
384
488
|
"hidden": false
|
|
385
489
|
},
|
|
386
490
|
{
|
|
@@ -392,7 +496,7 @@
|
|
|
392
496
|
}
|
|
393
497
|
},
|
|
394
498
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\" data-test-attribute=\"value\" data-test-attribute-2=\"value-2\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
395
|
-
"hidden":
|
|
499
|
+
"hidden": true
|
|
396
500
|
},
|
|
397
501
|
{
|
|
398
502
|
"name": "classes",
|
|
@@ -400,7 +504,7 @@
|
|
|
400
504
|
"classes": "app-footer--custom-modifier"
|
|
401
505
|
},
|
|
402
506
|
"html": "<footer class=\"govuk-footer app-footer--custom-modifier\" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
403
|
-
"hidden":
|
|
507
|
+
"hidden": true
|
|
404
508
|
},
|
|
405
509
|
{
|
|
406
510
|
"name": "with container classes",
|
|
@@ -408,7 +512,7 @@
|
|
|
408
512
|
"containerClasses": "app-width-container"
|
|
409
513
|
},
|
|
410
514
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container app-width-container\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
411
|
-
"hidden":
|
|
515
|
+
"hidden": true
|
|
412
516
|
},
|
|
413
517
|
{
|
|
414
518
|
"name": "with empty meta",
|
|
@@ -416,7 +520,7 @@
|
|
|
416
520
|
"meta": {}
|
|
417
521
|
},
|
|
418
522
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
419
|
-
"hidden":
|
|
523
|
+
"hidden": true
|
|
420
524
|
},
|
|
421
525
|
{
|
|
422
526
|
"name": "with empty meta items",
|
|
@@ -426,7 +530,7 @@
|
|
|
426
530
|
}
|
|
427
531
|
},
|
|
428
532
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
429
|
-
"hidden":
|
|
533
|
+
"hidden": true
|
|
430
534
|
},
|
|
431
535
|
{
|
|
432
536
|
"name": "meta html as text",
|
|
@@ -436,7 +540,7 @@
|
|
|
436
540
|
}
|
|
437
541
|
},
|
|
438
542
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit <strong>v7.0.1</strong>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
439
|
-
"hidden":
|
|
543
|
+
"hidden": true
|
|
440
544
|
},
|
|
441
545
|
{
|
|
442
546
|
"name": "with meta html",
|
|
@@ -446,7 +550,7 @@
|
|
|
446
550
|
}
|
|
447
551
|
},
|
|
448
552
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n \n <div class=\"govuk-footer__meta-custom\">\n GOV.UK Prototype Kit <strong>v7.0.1</strong>\n </div>\n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
449
|
-
"hidden":
|
|
553
|
+
"hidden": true
|
|
450
554
|
},
|
|
451
555
|
{
|
|
452
556
|
"name": "with meta item attributes",
|
|
@@ -465,7 +569,7 @@
|
|
|
465
569
|
}
|
|
466
570
|
},
|
|
467
571
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <h2 class=\"govuk-visually-hidden\">Support links</h2>\n \n <ul class=\"govuk-footer__inline-list\">\n \n <li class=\"govuk-footer__inline-list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n meta item 1\n </a>\n </li>\n \n </ul>\n \n \n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
468
|
-
"hidden":
|
|
572
|
+
"hidden": true
|
|
469
573
|
},
|
|
470
574
|
{
|
|
471
575
|
"name": "with empty navigation",
|
|
@@ -473,7 +577,7 @@
|
|
|
473
577
|
"navigation": []
|
|
474
578
|
},
|
|
475
579
|
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
476
|
-
"hidden":
|
|
580
|
+
"hidden": true
|
|
477
581
|
},
|
|
478
582
|
{
|
|
479
583
|
"name": "with navigation item attributes",
|
|
@@ -494,8 +598,8 @@
|
|
|
494
598
|
}
|
|
495
599
|
]
|
|
496
600
|
},
|
|
497
|
-
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n Navigation item 1\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
498
|
-
"hidden":
|
|
601
|
+
"html": "<footer class=\"govuk-footer \" role=\"contentinfo\">\n <div class=\"govuk-width-container \">\n \n <div class=\"govuk-footer__navigation\">\n \n <div class=\"govuk-footer__section govuk-grid-column-full\">\n <h2 class=\"govuk-footer__heading govuk-heading-m\">Single column list 1</h2>\n \n \n <ul class=\"govuk-footer__list \">\n \n \n <li class=\"govuk-footer__list-item\">\n <a class=\"govuk-footer__link\" href=\"#1\" data-attribute=\"my-attribute\" data-attribute-2=\"my-attribute-2\">\n Navigation item 1\n </a>\n </li>\n \n \n </ul>\n \n </div>\n \n </div>\n <hr class=\"govuk-footer__section-break\">\n \n <div class=\"govuk-footer__meta\">\n <div class=\"govuk-footer__meta-item govuk-footer__meta-item--grow\">\n \n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"govuk-footer__licence-logo\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 483.2 195.7\"\n height=\"17\"\n width=\"41\"\n >\n <path\n fill=\"currentColor\"\n d=\"M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145\"\n />\n </svg>\n <span class=\"govuk-footer__licence-description\">\n All content is available under the\n <a\n class=\"govuk-footer__link\"\n href=\"https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/\"\n rel=\"license\"\n >Open Government Licence v3.0</a>, except where otherwise stated\n </span>\n </div>\n <div class=\"govuk-footer__meta-item\">\n <a\n class=\"govuk-footer__link govuk-footer__copyright-logo\"\n href=\"https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/\"\n >© Crown copyright</a>\n </div>\n </div>\n </div>\n</footer>",
|
|
602
|
+
"hidden": true
|
|
499
603
|
}
|
|
500
604
|
]
|
|
501
605
|
}
|
|
@@ -69,6 +69,12 @@
|
|
|
69
69
|
"required": false,
|
|
70
70
|
"description": "Amount of columns to display items in navigation section of the footer."
|
|
71
71
|
},
|
|
72
|
+
{
|
|
73
|
+
"name": "width",
|
|
74
|
+
"type": "string",
|
|
75
|
+
"required": false,
|
|
76
|
+
"description": "Width of each navigation section in the footer. Defaults to full width. You can pass any design system grid width here, for example, 'one-third'; 'two-thirds'; 'one-half'."
|
|
77
|
+
},
|
|
72
78
|
{
|
|
73
79
|
"name": "items",
|
|
74
80
|
"type": "array",
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
{% if params.navigation | length %}
|
|
5
5
|
<div class="govuk-footer__navigation">
|
|
6
6
|
{% for nav in params.navigation %}
|
|
7
|
-
<div class="govuk-footer__section">
|
|
7
|
+
<div class="govuk-footer__section govuk-grid-column-{{ nav.width | default('full') }}">
|
|
8
8
|
<h2 class="govuk-footer__heading govuk-heading-m">{{ nav.title }}</h2>
|
|
9
9
|
{% if nav.items | length %}
|
|
10
10
|
{% set listClasses %}
|
|
@@ -207,8 +207,13 @@
|
|
|
207
207
|
}
|
|
208
208
|
|
|
209
209
|
.govuk-header__navigation {
|
|
210
|
-
@include govuk-
|
|
211
|
-
|
|
210
|
+
@include govuk-media-query ($from: desktop) {
|
|
211
|
+
margin-bottom: govuk-spacing(2);
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.govuk-header__navigation-list {
|
|
216
|
+
// Reset user-agent default list styles
|
|
212
217
|
margin: 0;
|
|
213
218
|
padding: 0;
|
|
214
219
|
list-style: none;
|
|
@@ -222,14 +227,14 @@
|
|
|
222
227
|
}
|
|
223
228
|
}
|
|
224
229
|
|
|
225
|
-
.govuk-header__navigation {
|
|
230
|
+
.govuk-header__navigation-list {
|
|
226
231
|
display: none;
|
|
227
232
|
@include govuk-media-query ($from: desktop) {
|
|
228
233
|
display: block;
|
|
229
234
|
}
|
|
230
235
|
}
|
|
231
236
|
|
|
232
|
-
.govuk-header__navigation--open {
|
|
237
|
+
.govuk-header__navigation-list--open {
|
|
233
238
|
display: block;
|
|
234
239
|
}
|
|
235
240
|
}
|
|
@@ -281,6 +286,7 @@
|
|
|
281
286
|
|
|
282
287
|
.govuk-header__navigation-item:last-child {
|
|
283
288
|
margin-right: 0;
|
|
289
|
+
border-bottom: 0;
|
|
284
290
|
}
|
|
285
291
|
|
|
286
292
|
@include govuk-media-query($media-type: print) {
|