govuk_publishing_components 37.3.1 → 37.5.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/images/govuk_publishing_components/favicon-development.png +0 -0
- data/app/assets/images/govuk_publishing_components/favicon-example.png +0 -0
- data/app/assets/images/govuk_publishing_components/favicon-integration.png +0 -0
- data/app/assets/images/govuk_publishing_components/favicon-production.png +0 -0
- data/app/assets/images/govuk_publishing_components/favicon-staging.png +0 -0
- data/app/assets/images/govuk_publishing_components/govuk-logo.png +0 -0
- data/app/assets/images/govuk_publishing_components/govuk-schema-placeholder-16x9.png +0 -0
- data/app/assets/images/govuk_publishing_components/govuk-schema-placeholder-1x1.png +0 -0
- data/app/assets/images/govuk_publishing_components/govuk-schema-placeholder-4x3.png +0 -0
- data/app/assets/javascripts/govuk_publishing_components/vendor/lux/lux-reporter.js +26 -22
- data/app/assets/stylesheets/govuk_publishing_components/components/_cross-service-header.scss +8 -0
- data/app/assets/stylesheets/govuk_publishing_components/components/_document-list.scss +0 -5
- data/app/assets/stylesheets/govuk_publishing_components/components/_layout-super-navigation-header.scss +15 -7
- data/app/views/govuk_publishing_components/components/_document_list.html.erb +15 -8
- data/app/views/govuk_publishing_components/components/_layout_super_navigation_header.html.erb +4 -4
- data/app/views/govuk_publishing_components/components/_metadata.html.erb +0 -1
- data/app/views/govuk_publishing_components/components/_modal_dialogue.html.erb +5 -4
- data/app/views/govuk_publishing_components/components/_notice.html.erb +23 -3
- data/app/views/govuk_publishing_components/components/_share_links.html.erb +3 -3
- data/app/views/govuk_publishing_components/components/cross_service_header/_one_login_header.html.erb +3 -2
- data/app/views/govuk_publishing_components/components/docs/document_list.yml +24 -1
- data/app/views/govuk_publishing_components/components/docs/notice.yml +10 -0
- data/app/views/govuk_publishing_components/components/docs/share_links.yml +4 -4
- data/app/views/govuk_publishing_components/components/layout_header/_header_logo.html.erb +5 -3
- data/lib/govuk_publishing_components/presenters/breadcrumb_selector.rb +1 -1
- data/lib/govuk_publishing_components/presenters/contextual_navigation.rb +4 -0
- data/lib/govuk_publishing_components/version.rb +1 -1
- data/node_modules/govuk-frontend/govuk/_base.scss +2 -0
- data/node_modules/govuk-frontend/govuk/_base.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/all-ie8.scss +2 -0
- data/node_modules/govuk-frontend/govuk/all-ie8.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/all.js +1 -1
- data/node_modules/govuk-frontend/govuk/all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/assets/images/favicon.ico +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-152x152.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-167x167.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon-180x180.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-apple-touch-icon.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-logotype-tudor-crown.png +0 -0
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-mask-icon.svg +1 -7
- data/node_modules/govuk-frontend/govuk/assets/images/govuk-opengraph-image.png +0 -0
- data/node_modules/govuk-frontend/govuk/common/govuk-frontend-version.js +1 -1
- data/node_modules/govuk-frontend/govuk/components/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/_all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/_accordion.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss +8 -10
- data/node_modules/govuk-frontend/govuk/components/accordion/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/_back-link.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/_back-link.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss +4 -4
- data/node_modules/govuk-frontend/govuk/components/back-link/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_breadcrumbs.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss +4 -4
- data/node_modules/govuk-frontend/govuk/components/breadcrumbs/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/button/_button.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/button/_button.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/button/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/button/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/_character-count.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/_character-count.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/character-count/fixtures.json +8 -2
- data/node_modules/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/_checkboxes.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss +4 -4
- data/node_modules/govuk-frontend/govuk/components/checkboxes/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/checkboxes/fixtures.json +4 -3
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/_cookie-banner.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/cookie-banner/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/_date-input.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/_date-input.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/date-input/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/details/_details.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/details/_details.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/details/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/details/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/_error-message.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/_error-message.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/error-message/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/_error-summary.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/_error-summary.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/error-summary/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/exit-this-page/_exit-this-page.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/exit-this-page/_exit-this-page.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/exit-this-page/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/exit-this-page/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/_fieldset.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/_fieldset.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/fieldset/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/_file-upload.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/_file-upload.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/file-upload/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/footer/_footer.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/footer/_footer.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/footer/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/footer/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/header/_header.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/header/_header.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/header/_index.scss +18 -0
- data/node_modules/govuk-frontend/govuk/components/header/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/header/fixtures.json +29 -21
- data/node_modules/govuk-frontend/govuk/components/header/macro-options.json +6 -0
- data/node_modules/govuk-frontend/govuk/components/header/template.njk +56 -31
- data/node_modules/govuk-frontend/govuk/components/hint/_hint.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/hint/_hint.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/hint/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/hint/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/input/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/input/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/input/_input.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/input/_input.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/_inset-text.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/inset-text/_inset-text.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/label/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/label/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/label/_label.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/label/_label.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/pagination/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/pagination/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/pagination/_pagination.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/pagination/_pagination.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/panel/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/panel/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/panel/_panel.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/panel/_panel.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/phase-banner/_phase-banner.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/radios/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/radios/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/radios/_radios.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/radios/_radios.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/select/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/select/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/select/_select.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/select/_select.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/select/fixtures.json +36 -9
- data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/skip-link/_skip-link.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/summary-list/_summary-list.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/table/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/table/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/table/_table.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/table/_table.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/table/fixtures.json +2 -1
- data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/_tabs.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/tabs/_tabs.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/tag/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/tag/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/tag/_tag.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/tag/_tag.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/_textarea.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/textarea/_textarea.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/_index.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/_warning-text.scss +2 -0
- data/node_modules/govuk-frontend/govuk/components/warning-text/_warning-text.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/core/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/core/_all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/core/_global-styles.scss +2 -0
- data/node_modules/govuk-frontend/govuk/core/_global-styles.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/core/_govuk-frontend-version.scss +3 -1
- data/node_modules/govuk-frontend/govuk/core/_govuk-frontend-version.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/core/_links.scss +2 -0
- data/node_modules/govuk-frontend/govuk/core/_links.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/core/_lists.scss +2 -0
- data/node_modules/govuk-frontend/govuk/core/_lists.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/core/_section-break.scss +2 -0
- data/node_modules/govuk-frontend/govuk/core/_section-break.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/core/_typography.scss +2 -0
- data/node_modules/govuk-frontend/govuk/core/_typography.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_clearfix.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_clearfix.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_colour.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_colour.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_device-pixels.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_device-pixels.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_focused.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_focused.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_font-faces.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_font-faces.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_grid.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_grid.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_links.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_links.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_media-queries.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_shape-arrow.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_spacing.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_typography.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_typography.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/helpers/_visually-hidden.scss +2 -0
- data/node_modules/govuk-frontend/govuk/helpers/_visually-hidden.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/objects/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/objects/_all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/objects/_button-group.scss +2 -0
- data/node_modules/govuk-frontend/govuk/objects/_button-group.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/objects/_form-group.scss +2 -0
- data/node_modules/govuk-frontend/govuk/objects/_form-group.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/objects/_grid.scss +2 -0
- data/node_modules/govuk-frontend/govuk/objects/_grid.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss +2 -0
- data/node_modules/govuk-frontend/govuk/objects/_main-wrapper.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/objects/_template.scss +2 -0
- data/node_modules/govuk-frontend/govuk/objects/_template.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/objects/_width-container.scss +2 -0
- data/node_modules/govuk-frontend/govuk/objects/_width-container.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/overrides/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/overrides/_all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/overrides/_display.scss +2 -0
- data/node_modules/govuk-frontend/govuk/overrides/_display.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/overrides/_spacing.scss +2 -0
- data/node_modules/govuk-frontend/govuk/overrides/_spacing.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/overrides/_text-align.scss +2 -0
- data/node_modules/govuk-frontend/govuk/overrides/_text-align.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/overrides/_typography.scss +2 -0
- data/node_modules/govuk-frontend/govuk/overrides/_typography.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/overrides/_width.scss +2 -0
- data/node_modules/govuk-frontend/govuk/overrides/_width.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_assets.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_assets.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-applied.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-applied.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-organisations.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-organisations.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-palette.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_colours-palette.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_compatibility.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_compatibility.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_global-styles.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_global-styles.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_ie8.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_ie8.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_links.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_links.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_measurements.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_measurements.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_media-queries.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_media-queries.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_spacing.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_spacing.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-font-families.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-font-families.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-font.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-responsive.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_typography-responsive.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/settings/_warnings.scss +2 -0
- data/node_modules/govuk-frontend/govuk/settings/_warnings.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/tools/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/tools/_all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/tools/_compatibility.scss +2 -0
- data/node_modules/govuk-frontend/govuk/tools/_compatibility.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/tools/_exports.scss +2 -0
- data/node_modules/govuk-frontend/govuk/tools/_exports.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/tools/_font-url.scss +2 -0
- data/node_modules/govuk-frontend/govuk/tools/_font-url.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/tools/_ie8.scss +2 -0
- data/node_modules/govuk-frontend/govuk/tools/_ie8.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/tools/_image-url.scss +2 -0
- data/node_modules/govuk-frontend/govuk/tools/_image-url.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/tools/_px-to-em.scss +2 -0
- data/node_modules/govuk-frontend/govuk/tools/_px-to-em.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/tools/_px-to-rem.scss +2 -0
- data/node_modules/govuk-frontend/govuk/tools/_px-to-rem.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/utilities/_all.scss +2 -0
- data/node_modules/govuk-frontend/govuk/utilities/_all.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/utilities/_clearfix.scss +2 -0
- data/node_modules/govuk-frontend/govuk/utilities/_clearfix.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/utilities/_visually-hidden.scss +2 -0
- data/node_modules/govuk-frontend/govuk/utilities/_visually-hidden.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk/vendor/_sass-mq.scss +2 -0
- data/node_modules/govuk-frontend/govuk/vendor/_sass-mq.scss.map +1 -0
- data/node_modules/govuk-frontend/govuk-esm/common/govuk-frontend-version.mjs +1 -1
- data/node_modules/govuk-frontend/govuk-prototype-kit/init.scss +2 -0
- data/node_modules/govuk-frontend/govuk-prototype-kit/init.scss.map +1 -0
- data/node_modules/govuk-frontend/package.json +1 -1
- metadata +135 -2
@@ -108,5 +108,11 @@
|
|
108
108
|
"type": "object",
|
109
109
|
"required": false,
|
110
110
|
"description": "HTML attributes (for example data attributes) to add to the header container."
|
111
|
+
},
|
112
|
+
{
|
113
|
+
"name": "useTudorCrown",
|
114
|
+
"type": "boolean",
|
115
|
+
"required": false,
|
116
|
+
"description": "If `true`, the header uses the Tudor crown from King Charles III's royal cypher. This will become the default in a future version of GOV.UK Frontend."
|
111
117
|
}
|
112
118
|
]
|
@@ -1,42 +1,67 @@
|
|
1
1
|
{% set menuButtonText = params.menuButtonText if params.menuButtonText else 'Menu' %}
|
2
2
|
|
3
|
+
{#- We use an inline SVG for the crown so that we can cascade the
|
4
|
+
currentColor into the crown whilst continuing to support older browsers
|
5
|
+
which do not support external SVGs without a Javascript polyfill. This
|
6
|
+
adds approximately 1kb to every page load.
|
7
|
+
|
8
|
+
We use currentColour so that we can easily invert it when printing and
|
9
|
+
when the focus state is applied. This also benefits users who override
|
10
|
+
colours in their browser as they will still see the crown.
|
11
|
+
|
12
|
+
The SVG needs `focusable="false"` so that Internet Explorer does not
|
13
|
+
treat it as an interactive element - without this it will be
|
14
|
+
'focusable' when using the keyboard to navigate. #}
|
15
|
+
|
16
|
+
{% set _stEdwardsCrown %}
|
17
|
+
<!--[if gt IE 8]><!-->
|
18
|
+
<svg
|
19
|
+
aria-hidden="true"
|
20
|
+
focusable="false"
|
21
|
+
class="govuk-header__logotype-crown"
|
22
|
+
xmlns="http://www.w3.org/2000/svg"
|
23
|
+
viewBox="0 0 132 97"
|
24
|
+
height="30"
|
25
|
+
width="36"
|
26
|
+
>
|
27
|
+
<path
|
28
|
+
fill="currentColor" fill-rule="evenodd"
|
29
|
+
d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
|
30
|
+
</svg>
|
31
|
+
<!--<![endif]-->
|
32
|
+
<!--[if IE 8]>
|
33
|
+
<img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-crown.png" class="govuk-header__logotype-crown-fallback-image" width="36" height="32" alt="">
|
34
|
+
<![endif]-->
|
35
|
+
{% endset %}
|
36
|
+
|
37
|
+
{% set _tudorCrown %}
|
38
|
+
<!--[if gt IE 8]><!-->
|
39
|
+
<svg
|
40
|
+
aria-hidden="true"
|
41
|
+
focusable="false"
|
42
|
+
class="govuk-header__logotype-crown"
|
43
|
+
xmlns="http://www.w3.org/2000/svg"
|
44
|
+
viewBox="0 0 32 30"
|
45
|
+
height="30"
|
46
|
+
width="32"
|
47
|
+
>
|
48
|
+
<path
|
49
|
+
fill="currentColor" fill-rule="evenodd"
|
50
|
+
d="M22.6 10.4c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m-5.9 6.7c-.9.4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4m10.8-3.7c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s0 2-1 2.4m3.3 4.8c-1 .4-2-.1-2.4-1-.4-.9.1-2 1-2.4.9-.4 2 .1 2.4 1s-.1 2-1 2.4M17 4.7l2.3 1.2V2.5l-2.3.7-.2-.2.9-3h-3.4l.9 3-.2.2c-.1.1-2.3-.7-2.3-.7v3.4L15 4.7c.1.1.1.2.2.2l-1.3 4c-.1.2-.1.4-.1.6 0 1.1.8 2 1.9 2.2h.7c1-.2 1.9-1.1 1.9-2.1 0-.2 0-.4-.1-.6l-1.3-4c-.1-.2 0-.2.1-.3m-7.6 5.7c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m-5 3c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s.1 2 1 2.4m-3.2 4.8c.9.4 2-.1 2.4-1 .4-.9-.1-2-1-2.4-.9-.4-2 .1-2.4 1s0 2 1 2.4m14.8 11c4.4 0 8.6.3 12.3.8 1.1-4.5 2.4-7 3.7-8.8l-2.5-.9c.2 1.3.3 1.9 0 2.7-.4-.4-.8-1.1-1.1-2.3l-1.2 4c.7-.5 1.3-.8 2-.9-1.1 2.5-2.6 3.1-3.5 3-1.1-.2-1.7-1.2-1.5-2.1.3-1.2 1.5-1.5 2.1-.1 1.1-2.3-.8-3-2-2.3 1.9-1.9 2.1-3.5.6-5.6-2.1 1.6-2.1 3.2-1.2 5.5-1.2-1.4-3.2-.6-2.5 1.6.9-1.4 2.1-.5 1.9.8-.2 1.1-1.7 2.1-3.5 1.9-2.7-.2-2.9-2.1-2.9-3.6.7-.1 1.9.5 2.9 1.9l.4-4.3c-1.1 1.1-2.1 1.4-3.2 1.4.4-1.2 2.1-3 2.1-3h-5.4s1.7 1.9 2.1 3c-1.1 0-2.1-.2-3.2-1.4l.4 4.3c1-1.4 2.2-2 2.9-1.9-.1 1.5-.2 3.4-2.9 3.6-1.9.2-3.4-.8-3.5-1.9-.2-1.3 1-2.2 1.9-.8.7-2.3-1.2-3-2.5-1.6.9-2.2.9-3.9-1.2-5.5-1.5 2-1.3 3.7.6 5.6-1.2-.7-3.1 0-2 2.3.6-1.4 1.8-1.1 2.1.1.2.9-.3 1.9-1.5 2.1-.9.2-2.4-.5-3.5-3 .6 0 1.2.3 2 .9l-1.2-4c-.3 1.1-.7 1.9-1.1 2.3-.3-.8-.2-1.4 0-2.7l-2.9.9C1.3 23 2.6 25.5 3.7 30c3.7-.5 7.9-.8 12.3-.8"></path>
|
51
|
+
</svg>
|
52
|
+
<!--<![endif]-->
|
53
|
+
<!--[if IE 8]>
|
54
|
+
<img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-tudor-crown.png" class="govuk-header__logotype-crown-fallback-image" width="32" height="30" alt="">
|
55
|
+
<![endif]-->
|
56
|
+
{% endset %}
|
57
|
+
|
3
58
|
<header class="govuk-header {{ params.classes if params.classes }}" role="banner" data-module="govuk-header"
|
4
59
|
{%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
|
5
60
|
<div class="govuk-header__container {{ params.containerClasses | default('govuk-width-container') }}">
|
6
61
|
<div class="govuk-header__logo">
|
7
62
|
<a href="{{ params.homepageUrl | default('/') }}" class="govuk-header__link govuk-header__link--homepage">
|
8
63
|
<span class="govuk-header__logotype">
|
9
|
-
|
10
|
-
{#- We use an inline SVG for the crown so that we can cascade the
|
11
|
-
currentColor into the crown whilst continuing to support older browsers
|
12
|
-
which do not support external SVGs without a Javascript polyfill. This
|
13
|
-
adds approximately 1kb to every page load.
|
14
|
-
|
15
|
-
We use currentColour so that we can easily invert it when printing and
|
16
|
-
when the focus state is applied. This also benefits users who override
|
17
|
-
colours in their browser as they will still see the crown.
|
18
|
-
|
19
|
-
The SVG needs `focusable="false"` so that Internet Explorer does not
|
20
|
-
treat it as an interactive element - without this it will be
|
21
|
-
'focusable' when using the keyboard to navigate. #}
|
22
|
-
<svg
|
23
|
-
aria-hidden="true"
|
24
|
-
focusable="false"
|
25
|
-
class="govuk-header__logotype-crown"
|
26
|
-
xmlns="http://www.w3.org/2000/svg"
|
27
|
-
viewBox="0 0 132 97"
|
28
|
-
height="30"
|
29
|
-
width="36"
|
30
|
-
>
|
31
|
-
<path
|
32
|
-
fill="currentColor" fill-rule="evenodd"
|
33
|
-
d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"
|
34
|
-
></path>
|
35
|
-
</svg>
|
36
|
-
<!--<![endif]-->
|
37
|
-
<!--[if IE 8]>
|
38
|
-
<img src="{{ params.assetsPath | default('/assets/images') }}/govuk-logotype-crown.png" class="govuk-header__logotype-crown-fallback-image" width="36" height="32" alt="">
|
39
|
-
<![endif]-->
|
64
|
+
{{ (_tudorCrown if params.useTudorCrown else _stEdwardsCrown) | safe }}
|
40
65
|
<span class="govuk-header__logotype-text">
|
41
66
|
GOV.UK
|
42
67
|
</span>
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/hint/_hint.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_hint.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/hint/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,+BAA+B;;IAE/B,mCAAmC;EACrC;;EAEA,4EAA4E;EAC5E,kDAAkD;;EAElD,6EAA6E;EAC7E,4EAA4E;EAC5E,OAAO;;EAEP,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,6EAA6E;EAC7E,6DAA6D;;EAE7D,4EAA4E;EAC5E,6EAA6E;EAC7E,oBAAoB;;EAEpB,uEAAuE;EACvE,0EAA0E;;EAE1E;IACE,+BAA+B;EACjC;;EAEA,uDAAuD;EACvD;IACE,6BAA6B;EAC/B;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/hint\") {\n .govuk-hint {\n @include govuk-font($size: 19);\n\n margin-bottom: govuk-spacing(3);\n\n color: $govuk-secondary-text-colour;\n }\n\n // Reduces margin-bottom of hint when used after the default label (no class)\n // or govuk-label--s for better vertical alignment.\n\n // This adjustment will not work when the label is inside the <h1>, however it\n // is unlikely that the default or govuk-label--s class would be used in this\n // case.\n\n // This adjustment will not work in browsers that do not support :not().\n // Users with these browsers will see the default size margin (5px larger).\n\n .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint {\n margin-bottom: govuk-spacing(2);\n }\n\n // Reduces margin-bottom of hint when used after the default legend (no class)\n // or govuk-fieldset__legend--s for better vertical alignment.\n\n // This adjustment will not work when the legend is outside the <h1>, however\n // it is unlikely that the default or govuk-fieldset__legend--s class would be\n // used in this case.\n\n // This adjustment will not work in browsers that do not support :not().\n // Users with these browsers will see the default size margin (5px larger).\n\n .govuk-fieldset__legend:not(.govuk-fieldset__legend--m):not(.govuk-fieldset__legend--l):not(.govuk-fieldset__legend--xl) + .govuk-hint {\n margin-bottom: govuk-spacing(2);\n }\n\n // Reduces visual spacing of legend when there is a hint\n .govuk-fieldset__legend + .govuk-hint {\n margin-top: govuk-spacing(-1);\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/input/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;IACtB,WAAW;IACX,YAAY;IACZ;MACE,6BAA6B;IAC/B;IACA,aAAa;;IAEb,yBAAyB;IACzB,+JAA+J;IAC/J,8FAA8F;IAC9F,yEAAyE;IACzE,gBAAgB;;IAEhB,iDAAiD;IACjD,wBAAgB;YAAhB,gBAAgB;;IAEhB;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,6IAA6I;MAC7I,uEAAuE;MACvE,qEAAqE;MACrE,wDAAwD;MACxD,wDAAwD;;MAExD;QACE,4DAA4D;QAC5D,iBAAiB;QACjB,kDAAkD;MACpD;IACF;;IAEA;MACE,WAAW;MACX,cAAc;MACd,6BAA6B;MAC7B,mBAAmB;IACrB;EACF;;EAEA;;IAEE,SAAS;IACT,wBAAwB;EAC1B;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;;EAEA;IACE,0CAA0C;IAC1C,qBAAqB;EACvB;;EAEA,6DAA6D;EAC7D,kFAAkF;;EAElF;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,iBAAiB;EACnB;;EAEA;IACE,oBAAa;IAAb,aAAa;;IAEb;MACE,kBAAc;UAAd,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,cAAc;;MAEd;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;;IAEE,8BAA8B;;IAE9B,sBAAsB;IACtB,qBAAqB;IACrB,eAAe;IACf;MACE,gCAAgC;IAClC;IACA,YAAY;IACZ;MACE,6BAA6B;IAC/B;;IAEA,yBAAyB;IACzB,yEAAyE;IACzE,+DAA+D;;IAE/D,kBAAkB;IAClB;MACE,gBAAgB;IAClB;IACA,mBAAmB;;IAEnB,wDAAwD;IACxD,eAAe;;IAEf,kBAAc;;QAAd,cAAc;;IAEd,2DAA2D;IAC3D;MACE,cAAc;MACd,YAAY;MACZ,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,gBAAgB;IAClB;IACA;MACE;QACE,eAAe;MACjB;IACF;EACF;;EAEA,2DAA2D;EAC3D;IACE;MACE,aAAa;IACf;IACA;MACE;QACE,cAAc;MAChB;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/input\") {\n .govuk-input {\n @include govuk-font($size: 19);\n\n box-sizing: border-box;\n width: 100%;\n height: 40px;\n @if $govuk-typography-use-rem {\n height: govuk-px-to-rem(40px);\n }\n margin-top: 0;\n\n padding: govuk-spacing(1);\n // setting any background-color makes text invisible when changing colours to dark backgrounds in Firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1335476)\n // as background-color and color need to always be set together, color should not be set either\n border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n border-radius: 0;\n\n // Disable inner shadow and remove rounded corners\n appearance: none;\n\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n // Ensure outline appears outside of the element\n outline-offset: 0;\n // Double the border by adding its width again. Use `box-shadow` for this // instead of changing `border-width` - this is for consistency with\n // components such as textarea where we avoid changing `border-width` as\n // it will change the element size. Also, `outline` cannot be utilised\n // here as it is already used for the yellow focus state.\n box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n @include _govuk-if-ie8 {\n // IE8 doesn't support `box-shadow` so double the border with\n // `border-width`.\n border-width: $govuk-border-width-form-element * 2;\n }\n }\n\n &:disabled {\n opacity: .5;\n color: inherit;\n background-color: transparent;\n cursor: not-allowed;\n }\n }\n\n .govuk-input::-webkit-outer-spin-button,\n .govuk-input::-webkit-inner-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n\n .govuk-input[type=\"number\"] {\n -moz-appearance: textfield;\n }\n\n .govuk-input--error {\n border-color: $govuk-error-colour;\n\n &:focus {\n border-color: $govuk-input-border-colour;\n }\n }\n\n .govuk-input--extra-letter-spacing {\n @include govuk-font(false, $tabular: true);\n letter-spacing: .05em;\n }\n\n // em measurements are based on the point size of the typeface\n // Extra space is added on the right hand side to allow for the Safari prefill icon\n\n .govuk-input--width-30 {\n max-width: 29.5em;\n }\n\n .govuk-input--width-20 {\n max-width: 20.5em;\n }\n\n .govuk-input--width-10 {\n max-width: 11.5em;\n }\n\n .govuk-input--width-5 {\n max-width: 5.5em;\n }\n\n .govuk-input--width-4 {\n max-width: 4.5em;\n }\n\n .govuk-input--width-3 {\n max-width: 3.75em;\n }\n\n .govuk-input--width-2 {\n max-width: 2.75em;\n }\n\n .govuk-input__wrapper {\n display: flex;\n\n .govuk-input {\n flex: 0 1 auto;\n }\n\n .govuk-input:focus {\n // Hack to stop focus style being overlapped by the suffix\n z-index: 1;\n }\n\n // Split prefix/suffix onto separate lines on narrow screens\n @include govuk-media-query($until: mobile) {\n display: block;\n\n .govuk-input {\n // Set max-width to override potential width override class on the input\n max-width: 100%;\n }\n }\n }\n\n .govuk-input__prefix,\n .govuk-input__suffix {\n @include govuk-font($size: 19);\n\n box-sizing: border-box;\n display: inline-block;\n min-width: 40px;\n @if $govuk-typography-use-rem {\n min-width: govuk-px-to-rem(40px);\n }\n height: 40px;\n @if $govuk-typography-use-rem {\n height: govuk-px-to-rem(40px);\n }\n\n padding: govuk-spacing(1);\n border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n background-color: govuk-colour(\"light-grey\", $legacy: \"grey-3\");\n\n text-align: center;\n @include govuk-media-query($until: tablet) {\n line-height: 1.6;\n }\n white-space: nowrap;\n\n // Emphasise non-editable status of prefixes and suffixes\n cursor: default;\n\n flex: 0 0 auto;\n\n // Split prefix/suffix onto separate lines on narrow screens\n @include govuk-media-query($until: mobile) {\n display: block;\n height: 100%;\n white-space: normal;\n }\n }\n\n .govuk-input__prefix {\n @include govuk-media-query($until: mobile) {\n border-bottom: 0;\n }\n @include govuk-media-query($from: mobile) {\n @include _govuk-not-ie8 {\n border-right: 0;\n }\n }\n }\n\n // Split prefix/suffix onto separate lines on narrow screens\n .govuk-input__suffix {\n @include govuk-media-query($until: mobile) {\n border-top: 0;\n }\n @include govuk-media-query($from: mobile) {\n @include _govuk-not-ie8 {\n border-left: 0;\n }\n }\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/input/_input.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_input.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/inset-text/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;IAC1B,yBAAyB;IACzB,iCAAiC;IACjC,qDAAqD;IACrD,0CAA0C;IAC1C,6CAA6C;;IAE7C,WAAW;;IAEX,gEAAgE;;IAEhE;MACE,aAAa;IACf;;IAEA;;MAEE,gBAAgB;IAClB;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/inset-text\") {\n .govuk-inset-text {\n @include govuk-font($size: 19);\n @include govuk-text-colour;\n padding: govuk-spacing(3);\n // Margin top intended to collapse\n // This adds an additional 10px to the paragraph above\n @include govuk-responsive-margin(6, \"top\");\n @include govuk-responsive-margin(6, \"bottom\");\n\n clear: both;\n\n border-left: $govuk-border-width-wide solid $govuk-border-colour;\n\n > :first-child {\n margin-top: 0;\n }\n\n > :only-child,\n > :last-child {\n margin-bottom: 0;\n }\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/inset-text/_inset-text.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_inset-text.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/label/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;;IAEd,+BAA+B;EACjC;;EAEA,qEAAqE;;EAErE;IACE,6CAA6C;IAC7C,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;IAC7C,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;IAC7C,+BAA+B;EACjC;;EAEA;IACE,6CAA6C;EAC/C;;EAEA,4EAA4E;EAC5E,6EAA6E;EAC7E,wBAAwB;EACxB,CAAC;EACD,2EAA2E;EAC3E,yCAAyC;EACzC;IACE,SAAS;EACX;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/label\") {\n .govuk-label {\n @include govuk-font($size: 19);\n @include govuk-text-colour;\n\n display: block;\n\n margin-bottom: govuk-spacing(1);\n }\n\n // Modifiers that make labels look more like their equivalent headings\n\n .govuk-label--xl {\n @include govuk-font($size: 48, $weight: bold);\n margin-bottom: govuk-spacing(3);\n }\n\n .govuk-label--l {\n @include govuk-font($size: 36, $weight: bold);\n margin-bottom: govuk-spacing(3);\n }\n\n .govuk-label--m {\n @include govuk-font($size: 24, $weight: bold);\n margin-bottom: govuk-spacing(2);\n }\n\n .govuk-label--s {\n @include govuk-font($size: 19, $weight: bold);\n }\n\n // When the label is nested inside a heading, override the heading so that it\n // does not have a margin. Effectively we want to be able to treat the heading\n // as if it is not there.\n //\n // This breaks BEM conventions because it exists as a parent of the 'block',\n // so we can't really consider an element.\n .govuk-label-wrapper {\n margin: 0;\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/label/_label.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_label.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;IAC9B,6CAA6C;;IAE7C,qDAAqD;;IAErD,qCAAqC;;IAErC;MACE,qDAAqD;IACvD;EACF;;EAEA;IACE,8CAA8C;;IAE9C,sGAAsG;IACtG,oCAAoC;;IAEpC;MACE,8CAA8C;IAChD;EACF;;EAEA;IACE,6CAA6C;;IAE7C,SAAS;;IAET,UAAU;;IAEV,4BAA4B;EAC9B;;EAEA;IACE,iCAAiC;IACjC,0BAA0B;IAC1B,yBAAyB;;IAEzB,+CAA+C;;IAE/C;MACE,wBAAwB;IAC1B;;IAEA,yEAAyE;IACzE,iEAAiE;IACjE;MACE,wEAAwE;MACxE,8BAA8B;MAC9B,sBAAsB;;MAEtB,wDAAwD;MACxD,qEAAqE;;MAErE,mDAAmD;MACnD,yDAAyD;MACzD,4CAA4C;IAC9C;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,6CAA6C;;IAE7C,8BAA8B;;IAE9B,UAAU;EACZ;;EAEA;IACE,0BAA0B;IAC1B,0CAA0C;EAC5C;;EAEA;IACE,mCAAmC;;IAEnC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/notification-banner\") {\n .govuk-notification-banner {\n @include govuk-font($size: 19);\n @include govuk-responsive-margin(8, \"bottom\");\n\n border: $govuk-border-width solid $govuk-brand-colour;\n\n background-color: $govuk-brand-colour;\n\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n }\n }\n\n .govuk-notification-banner__header {\n padding: 2px govuk-spacing(3) govuk-spacing(1);\n\n // Ensures the notification header appears separate to the notification body text in high contrast mode\n border-bottom: 1px solid transparent;\n\n @include govuk-media-query($from: tablet) {\n padding: 2px govuk-spacing(4) govuk-spacing(1);\n }\n }\n\n .govuk-notification-banner__title {\n @include govuk-font($size: 19, $weight: bold);\n\n margin: 0;\n\n padding: 0;\n\n color: govuk-colour(\"white\");\n }\n\n .govuk-notification-banner__content {\n $padding-tablet: govuk-spacing(4);\n @include govuk-text-colour;\n padding: govuk-spacing(3);\n\n background-color: $govuk-body-background-colour;\n\n @include govuk-media-query($from: tablet) {\n padding: $padding-tablet;\n }\n\n // Wrap content at the same place that a 2/3 grid column ends, to maintain\n // shorter line-lengths when the notification banner is full width\n > * {\n // When elements have their own padding (like lists), include the padding\n // in the max-width calculation\n box-sizing: border-box;\n\n // Calculate the internal width of a two-thirds column...\n $two-col-width: ($govuk-page-width * 2 / 3) - ($govuk-gutter * 1 / 3);\n\n // ...and then factor in the left border and padding\n $banner-exterior: ($padding-tablet + $govuk-border-width);\n max-width: $two-col-width - $banner-exterior;\n }\n\n > :last-child {\n margin-bottom: 0;\n }\n }\n\n .govuk-notification-banner__heading {\n @include govuk-font($size: 24, $weight: bold);\n\n margin: 0 0 govuk-spacing(3) 0;\n\n padding: 0;\n }\n\n .govuk-notification-banner__link {\n @include govuk-link-common;\n @include govuk-link-style-no-visited-state;\n }\n\n .govuk-notification-banner--success {\n border-color: $govuk-success-colour;\n\n background-color: $govuk-success-colour;\n\n .govuk-notification-banner__link {\n @include govuk-link-style-success;\n }\n }\n}\n"]}
|
data/node_modules/govuk-frontend/govuk/components/notification-banner/_notification-banner.scss.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/notification-banner/_notification-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_notification-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/pagination/_index.scss"],"names":[],"mappings":"AAAA;EACE,oDAAoD;EACpD,yDAAyD;EACzD;IACE,6CAA6C;IAC7C,oBAAa;IAAb,aAAa;IACb,0BAAsB;QAAtB,sBAAsB;IACtB,sBAAmB;QAAnB,mBAAmB;IACnB,mBAAe;QAAf,eAAe;;IAEf;MACE,uBAAmB;UAAnB,mBAAmB;MACnB,qBAAuB;UAAvB,uBAAuB;IACzB;EACF;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;EAClB;;EAEA;;;IAGE,uBAAuB;IACvB,sBAAsB;IACtB,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,0CAA0C;IAC1C,WAAW,EAAE,wDAAwD;;IAErE;MACE,+DAA+D;IACjE;EACF;;EAEA;IACE,yDAAyD;IACzD,6CAA6C;IAC7C,aAAa;;IAEb,sEAAsE;IACtE,gDAAgD;IAChD,kBAAkB;;IAElB;MACE,cAAc;IAChB;EACF;;EAEA;;IAEE,qCAAqC;;IAErC,mFAAmF;IACnF,mEAAmE;IACnE;MACE,oBAAa;MAAb,aAAa;MACb,sBAAmB;UAAnB,mBAAmB;IACrB;EACF;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,gBAAgB;EAClB;;EAEA,oDAAoD;EACpD;;;;IAIE,cAAc;EAChB;;EAEA;IACE,qCAAqC;IACrC,8BAA8B;IAC9B,oCAAoC;;IAEpC;MACE,oCAAoC;IACtC;;IAEA;MACE,iCAAiC;IACnC;EACF;;EAEA;IACE,qCAAqC;IACrC,mCAAmC;;IAEnC,4EAA4E;IAC5E;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,cAAc;IACd,2BAA2B;;IAE3B,6DAA6D;IAC7D;MACE;QACE,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,QAAQ;QACR,SAAS;QACT,OAAO;MACT;IACF;;IAEA,wFAAwF;IACxF,oEAAoE;IACpE;;MAEE;QACE,8BAA8B;MAChC;;MAEA;;QAEE,oCAAoC;MACtC;IACF;;IAEA;MACE;QACE,+BAA+B;MACjC;;MAEA;QACE,qBAAqB;MACvB;;MAEA;QACE,qBAAqB;MACvB;IACF;EACF;;EAEA;IACE,kDAAkD;IAClD,8BAA8B;IAC9B,qBAAqB;IACrB,8BAA8B;EAChC;;EAEA;IACE,4FAA4F;IAC5F,4BAA4B;IAC5B,6BAA6B;IAC7B,mCAAmC;IACnC,kBAAkB;IAClB,yBAAyB;EAC3B;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,6BAA6B;EAC/B;;EAEA,uEAAuE;EACvE;IACE,cAAc;;IAEd;MACE,yBAAyB;MACzB,WAAW;IACb;;IAEA;;MAEE,eAAe;MACf,WAAW;IACb;;IAEA;MACE,+BAA+B;;MAE/B;QACE,cAAc;MAChB;IACF;;IAEA,+DAA+D;IAC/D;MACE,0CAA0C;IAC5C;;IAEA,wFAAwF;IACxF,gDAAgD;IAChD;;MAEE,eAAe;IACjB;;IAEA,gFAAgF;IAChF,qDAAqD;IACrD,mEAAmE;IACnE,yCAAyC;IACzC;MACE,WAAW;MACX,cAAc;IAChB;;IAEA;MACE,gBAAgB;;MAEhB;QACE,8EAA8E;QAC9E,oFAAoF;QACpF,2CAA2C;QAC3C;UACE,2BAA2B;QAC7B;MACF;;MAEA;QACE,qBAAqB;MACvB;IACF;;IAEA;MACE,8BAA8B;IAChC;EACF;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/pagination\") {\n // Flexbox enhancement for small screen visual design\n // Falls back to a float: left layout on non-flex browsers\n .govuk-pagination {\n @include govuk-responsive-margin(6, \"bottom\");\n display: flex;\n flex-direction: column;\n align-items: center;\n flex-wrap: wrap;\n\n @include govuk-media-query($from: tablet) {\n flex-direction: row;\n align-items: flex-start;\n }\n }\n\n .govuk-pagination__list {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .govuk-pagination__item,\n .govuk-pagination__next,\n .govuk-pagination__prev {\n @include govuk-font(19);\n box-sizing: border-box;\n position: relative;\n min-width: 45px;\n min-height: 45px;\n padding: govuk-spacing(2) govuk-spacing(3);\n float: left; // Float is ignored if flex is active for prev/next links\n\n &:hover {\n background-color: govuk-colour(\"light-grey\", $legacy: \"grey-4\");\n }\n }\n\n .govuk-pagination__item {\n // Hide items on small screens except the prev/next items,\n // non-link items and the first and last items\n display: none;\n\n // Center align pagination links in their parent list item so that they\n // visually sit in the middle of their touch area\n text-align: center;\n\n @include govuk-media-query($from: tablet) {\n display: block;\n }\n }\n\n .govuk-pagination__prev,\n .govuk-pagination__next {\n @include govuk-typography-weight-bold;\n\n // Use flex to get around a whitespace issue between the arrow svg and the link text\n // without having to rely on whitespace control from backend tooling\n .govuk-pagination__link {\n display: flex;\n align-items: center;\n }\n }\n\n .govuk-pagination__prev {\n padding-left: 0;\n }\n\n .govuk-pagination__next {\n padding-right: 0;\n }\n\n // Only show first, last and non-link items on mobile\n .govuk-pagination__item--current,\n .govuk-pagination__item--ellipses,\n .govuk-pagination__item:first-child,\n .govuk-pagination__item:last-child {\n display: block;\n }\n\n .govuk-pagination__item--current {\n @include govuk-typography-weight-bold;\n outline: 1px solid transparent;\n background-color: $govuk-link-colour;\n\n &:hover {\n background-color: $govuk-link-colour;\n }\n\n .govuk-pagination__link {\n @include govuk-link-style-inverse;\n }\n }\n\n .govuk-pagination__item--ellipses {\n @include govuk-typography-weight-bold;\n color: $govuk-secondary-text-colour;\n\n // Remove hover state for ellipsis items as they don't have links within them\n &:hover {\n background-color: transparent;\n }\n }\n\n .govuk-pagination__link {\n display: block;\n min-width: govuk-spacing(3);\n\n // Increase the touch area for the link to the parent element.\n @media screen {\n &:after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n }\n\n // Add link hover decoration to prev/next text if no label present on prev/next only mode\n // We do this so that we have a hover state in all possible instances\n &:hover,\n &:active {\n .govuk-pagination__link-title--decorated {\n @include govuk-link-decoration;\n }\n\n .govuk-pagination__link-label,\n .govuk-pagination__link-title--decorated {\n @include govuk-link-hover-decoration;\n }\n }\n\n &:focus {\n .govuk-pagination__icon {\n color: $govuk-focus-text-colour;\n }\n\n .govuk-pagination__link-label {\n text-decoration: none;\n }\n\n .govuk-pagination__link-title--decorated {\n text-decoration: none;\n }\n }\n }\n\n .govuk-pagination__link-label {\n @include govuk-font($size: 19, $weight: \"regular\");\n @include govuk-link-decoration;\n display: inline-block;\n padding-left: govuk-spacing(6);\n }\n\n .govuk-pagination__icon {\n // Set size using rems to make the icon scale with text if user resizes text in their browser\n width: govuk-px-to-rem(15px);\n height: govuk-px-to-rem(13px);\n color: $govuk-secondary-text-colour;\n fill: currentcolor;\n forced-color-adjust: auto;\n }\n\n .govuk-pagination__icon--prev {\n margin-right: govuk-spacing(3);\n }\n\n .govuk-pagination__icon--next {\n margin-left: govuk-spacing(3);\n }\n\n // Block mode - position previous and next links above and below numbers\n .govuk-pagination--block {\n display: block;\n\n .govuk-pagination__item {\n padding: govuk-spacing(3);\n float: none;\n }\n\n .govuk-pagination__next,\n .govuk-pagination__prev {\n padding-left: 0;\n float: none;\n }\n\n .govuk-pagination__next {\n padding-right: govuk-spacing(3);\n\n .govuk-pagination__icon {\n margin-left: 0;\n }\n }\n\n // Only apply a border between prev and next if both are present\n .govuk-pagination__prev + .govuk-pagination__next {\n border-top: 1px solid $govuk-border-colour;\n }\n\n // Reset both these elements to their inline default, both to ensure that the focus state\n // for block mode \"shrink wraps\" text as expected\n .govuk-pagination__link,\n .govuk-pagination__link-title {\n display: inline;\n }\n\n // Set the after pseudo element to a block which makes the title visually display\n // as block level whilst programmatically being inline\n // We do this to get around an NVDA quirk where adjacent block level\n // elements are always read out separately\n .govuk-pagination__link-title:after {\n content: \"\";\n display: block;\n }\n\n .govuk-pagination__link {\n text-align: left;\n\n &:focus {\n // apply focus styling to the label within the link as if it were being focused\n // to get around a display issue with a focusable inline element containing a mixture\n // of inline and inline-block level elements\n .govuk-pagination__link-label {\n @include govuk-focused-text;\n }\n }\n\n &:not(:focus) {\n text-decoration: none;\n }\n }\n\n .govuk-pagination__icon {\n margin-right: govuk-spacing(2);\n }\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/pagination/_pagination.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_pagination.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/panel/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;;IAEtB,+BAA+B;IAC/B,+CAA+C;;IAE/C,6CAA6C;;IAE7C,kBAAkB;;IAElB;MACE,+CAA+C;;MAE/C,wFAAwF;MACxF,0EAA0E;MAC1E,0FAA0F;MAC1F,kCAAkC;MAClC,CAAC;MACD,sFAAsF;MACtF,kFAAkF;MAClF,2FAA2F;MAC3F,2DAA2D;MAC3D,yBAAyB;MACzB,qBAAqB,EAAE,iEAAiE;IAC1F;EACF;;EAEA;IACE,4BAA4B;IAC5B,uDAAuD;;IAEvD;MACE,0BAA0B;MAC1B,+BAA+B;MAC/B,gBAAgB;IAClB;EACF;;EAEA;IACE,aAAa;IACb,+BAA+B;;IAE/B,6CAA6C;EAC/C;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,8BAA8B;EAChC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/panel\") {\n .govuk-panel {\n @include govuk-font($size: 19);\n\n box-sizing: border-box;\n\n margin-bottom: govuk-spacing(3);\n padding: govuk-spacing(7) - $govuk-border-width;\n\n border: $govuk-border-width solid transparent;\n\n text-align: center;\n\n @include govuk-media-query($until: tablet) {\n padding: govuk-spacing(3) - $govuk-border-width;\n\n // This is an if-all-else-fails attempt to stop long words from overflowing the container\n // on very narrow viewports by forcing them to break and wrap instead. This\n // overflowing is more likely to happen when user increases text size on a mobile eg. using\n // iOS Safari text resize controls.\n //\n // The overflowing is a particular problem with the panel component since it uses white\n // text: when the text overflows the container, it is invisible on the white (page)\n // background. When the text in our other components overflow, the user might have to scroll\n // horizontally to view it but the the text remains legible.\n overflow-wrap: break-word;\n word-wrap: break-word; // Support IE (autoprefixer doesn't add this as it's not a prefix)\n }\n }\n\n .govuk-panel--confirmation {\n color: govuk-colour(\"white\");\n background: govuk-colour(\"green\", $legacy: \"turquoise\");\n\n @include govuk-media-query($media-type: print) {\n border-color: currentcolor;\n color: $govuk-print-text-colour;\n background: none;\n }\n }\n\n .govuk-panel__title {\n margin-top: 0;\n margin-bottom: govuk-spacing(6);\n\n @include govuk-font($size: 48, $weight: bold);\n }\n\n .govuk-panel__title:last-child {\n margin-bottom: 0;\n }\n\n .govuk-panel__body {\n @include govuk-font($size: 36);\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/panel/_panel.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_panel.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/phase-banner/_index.scss"],"names":[],"mappings":"AAAA,sBAAsB;;AAEtB;EACE;IACE,6BAA6B;IAC7B,gCAAgC;;IAEhC,6CAA6C;EAC/C;;EAEA;IACE,8BAA8B;IAC9B,0BAA0B;;IAE1B,cAAc;IACd,SAAS;EACX;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,mBAAmB;IACnB,sBAAsB;EACxB;AACF","file":"_index.scss","sourcesContent":["@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/phase-banner\") {\n .govuk-phase-banner {\n padding-top: govuk-spacing(2);\n padding-bottom: govuk-spacing(2);\n\n border-bottom: 1px solid $govuk-border-colour;\n }\n\n .govuk-phase-banner__content {\n @include govuk-font($size: 16);\n @include govuk-text-colour;\n\n display: table;\n margin: 0;\n }\n\n .govuk-phase-banner__content__tag {\n margin-right: govuk-spacing(2);\n }\n\n .govuk-phase-banner__text {\n display: table-cell;\n vertical-align: middle;\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/phase-banner/_phase-banner.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_phase-banner.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/radios/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,2BAA2B;AAC3B,uBAAuB;AACvB,wBAAwB;;AAExB;;EAEE,8BAA8B;EAC9B,wBAAwB;EACxB,8BAA8B;EAC9B,wDAAwD;EACxD,kFAAkF;EAClF,qFAAqF;EACrF,mDAAmD;;EAEnD;IACE,8BAA8B;;IAE9B,cAAc;IACd,kBAAkB;;IAElB,8BAA8B;;IAE9B,+BAA+B;IAC/B,gCAAgC;;IAEhC,WAAW;EACb;;EAEA;;IAEE,gBAAgB;EAClB;;EAEA;IACE,kEAAkE;;IAElE,eAAe;;IAEf,sEAAsE;IACtE,iBAAiB;IACjB;MACE,kBAAkB;;MAElB,UAAU;MACV,uBAAuB;MACvB,wBAAwB;;MAExB,+BAA+B;MAC/B,gCAAgC;MAChC,SAAS;;MAET,UAAU;IACZ;;IAEA;MACE,gBAAgB;MAChB,qCAAqC;MACrC,oCAAoC;MACpC,WAAW;;MAEX,4BAA4B;MAC5B;QACE,qDAAqD;MACvD;IACF;EACF;;EAEA;IACE,qBAAqB;IACrB,gBAAgB;IAChB,oEAAoE;IACpE,eAAe;IACf,8BAA8B;IAC9B,8BAA0B;QAA1B,0BAA0B;EAC5B;;EAEA,gBAAgB;EAChB;IACE,WAAW;IACX,sBAAsB;IACtB,kBAAkB;IAClB,MAAM;IACN,OAAO;;IAEP,yBAAyB;IACzB,0BAA0B;;IAE1B,2DAA2D;IAC3D,kBAAkB;IAClB,uBAAuB;EACzB;;EAEA,kBAAkB;EAClB,CAAC;EACD,qEAAqE;EACrE,2DAA2D;EAC3D;IACE,WAAW;;IAEX,kBAAkB;IAClB,qBAAqB;IACrB,sBAAsB;;IAEtB,QAAQ;IACR,SAAS;;IAET,2CAA2C;IAC3C,kBAAkB;IAClB,UAAU;IACV,wBAAwB;EAC1B;;EAEA;IACE,cAAc;IACd,qDAAqD;IACrD,oDAAoD;EACtD;;EAEA,eAAe;EACf;IACE,iBAAiB;;IAEjB,sEAAsE;IACtE,sEAAsE;IACtE,yEAAyE;IACzE,oCAAoC;IACpC,6CAA6C;IAC7C,mBAAmB;;IAEnB,wEAAwE;IACxE,uEAAuE;IACvE;MACE,wBAAwB;IAC1B;;IAEA,+DAA+D;EACjE;;EAEA,gBAAgB;EAChB;IACE,UAAU;EACZ;;EAEA,gBAAgB;EAChB;;IAEE,mBAAmB;EACrB;;EAEA;;IAEE,WAAW;EACb;;EAEA,2DAA2D;EAC3D,eAAe;EACf,2DAA2D;;EAE3D;IACE;MACE,uBAAuB;;MAEvB;QACE,8BAA8B;QAC9B,WAAW;QACX,WAAW;MACb;IACF;EACF;;EAEA,2DAA2D;EAC3D,iBAAiB;EACjB,2DAA2D;;EAE3D;IACE,gDAAgD;IAChD,8BAA8B;IAC9B,0BAA0B;IAC1B,0BAA0B;IAC1B,+BAA+B;IAC/B,kBAAkB;EACpB;;EAEA,2DAA2D;EAC3D,qBAAqB;EACrB,2DAA2D;;EAE3D,6EAA6E;EAC7E,+EAA+E;EAC/E,qDAAqD;EACrD,wFAAwF;EACxF,uFAAuF;EACvF,0CAA0C;EAC1C,qDAAqD;EACrD,4DAA4D;EAC5D,+FAA+F;;EAE/F;IACE,6CAA6C;IAC7C,qCAAqC;IACrC,uCAAuC;IACvC,iEAAiE;;IAEjE;MACE,aAAa;IACf;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA,2DAA2D;EAC3D,kBAAkB;EAClB,2DAA2D;;EAE3D;;IAEE,wEAAwE;IACxE,uDAAuD;;IAEvD;MACE,uBAAuB;MACvB,aAAa;MACb,gBAAgB;MAChB,2BAA2B;MAC3B,WAAW;IACb;;IAEA,yEAAyE;IACzE,wBAAwB;IACxB,CAAC;IACD,oCAAoC;IACpC,SAAS;IACT,gBAAgB;IAChB,SAAS;IACT,iDAAiD;IACjD,+DAA+D;IAC/D;MACE;QACE,wBAAwB;MAC1B;;MAEA;QACE,0CAA0C;MAC5C;IACF;;IAEA,4CAA4C;IAC5C,CAAC;IACD,mEAAmE;IACnE,yEAAyE;IACzE,8BAA8B;IAC9B;MACE,gBAAgB;MAChB,uCAAuC;MACvC,WAAW;;MAEX;QACE,uCAAuC;MACzC;IACF;;IAEA,gBAAgB;IAChB,CAAC;IACD,wEAAwE;IACxE,kBAAkB;IAClB;MACE,qDAAqD,EAAE,GAAG;MAC1D,+BAA+B,EAAE,GAAG;MACpC,gCAAgC,EAAE,GAAG;IACvC;;IAEA,kBAAkB;IAClB,CAAC;IACD,+DAA+D;IAC/D;MACE,SAAS;MACT,SAAS;MACT,iBAAiB;IACnB;;IAEA,wCAAwC;IACxC,CAAC;IACD,uEAAuE;IACvE,0EAA0E;IAC1E,uBAAuB;IACvB,CAAC;IACD,0EAA0E;IAC1E,iBAAiB;IACjB;MACE,UAAU;MACV,WAAW;MACX,oBAAoB;IACtB;;IAEA,6CAA6C;IAC7C;MACE,8EAA8E;MAC9E,yBAAyB;MACzB,wEAAwE;MACxE,WAAW;IACb;;IAEA;MACE,+BAA+B;MAC/B,+BAA+B;IACjC;;IAEA,+BAA+B;IAC/B,CAAC;IACD,qEAAqE;IACrE,sEAAsE;IACtE,oEAAoE;IACpE,wCAAwC;IACxC;MACE,wDAAwD;IAC1D;;IAEA,yEAAyE;IACzE,+BAA+B;IAC/B,CAAC;IACD,wEAAwE;IACxE,oDAAoD;IACpD;MACE;;2DAEqD,EAAE,GAAG;IAC5D;;IAEA,wEAAwE;IACxE,yCAAyC;IACzC,CAAC;IACD,wEAAwE;IACxE,sEAAsE;IACtE,2DAA2D;IAC3D;MACE;QACE,mBAAmB;MACrB;;MAEA;QACE,+DAA+D;MACjE;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../fieldset/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/radios\") {\n\n $govuk-touch-target-size: 44px;\n $govuk-radios-size: 40px;\n $govuk-small-radios-size: 24px;\n $govuk-radios-label-padding-left-right: govuk-spacing(3);\n // When the default focus width is used on a curved edge it looks visually smaller.\n // So for the circular radios we bump the default to make it look visually consistent.\n $govuk-radios-focus-width: $govuk-focus-width + 1px;\n\n .govuk-radios__item {\n @include govuk-font($size: 19);\n\n display: block;\n position: relative;\n\n min-height: $govuk-radios-size;\n\n margin-bottom: govuk-spacing(2);\n padding-left: $govuk-radios-size;\n\n clear: left;\n }\n\n .govuk-radios__item:last-child,\n .govuk-radios__item:last-of-type {\n margin-bottom: 0;\n }\n\n .govuk-radios__input {\n $input-offset: ($govuk-touch-target-size - $govuk-radios-size) / 2;\n\n cursor: pointer;\n\n // IE8 doesn’t support pseudo-elements, so we don’t want to hide native\n // elements there.\n @include _govuk-not-ie8 {\n position: absolute;\n\n z-index: 1;\n top: $input-offset * -1;\n left: $input-offset * -1;\n\n width: $govuk-touch-target-size;\n height: $govuk-touch-target-size;\n margin: 0;\n\n opacity: 0;\n }\n\n @include _govuk-if-ie8 {\n margin-top: 10px;\n margin-right: $govuk-radios-size / -2;\n margin-left: $govuk-radios-size / -2;\n float: left;\n\n // add focus outline to input\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n }\n }\n }\n\n .govuk-radios__label {\n display: inline-block;\n margin-bottom: 0;\n padding: 8px $govuk-radios-label-padding-left-right govuk-spacing(1);\n cursor: pointer;\n // remove 300ms pause on mobile\n touch-action: manipulation;\n }\n\n // ( ) Radio ring\n .govuk-radios__label:before {\n content: \"\";\n box-sizing: border-box;\n position: absolute;\n top: 0;\n left: 0;\n\n width: $govuk-radios-size;\n height: $govuk-radios-size;\n\n border: $govuk-border-width-form-element solid currentcolor;\n border-radius: 50%;\n background: transparent;\n }\n\n // • Radio button\n //\n // We create the 'button' entirely out of 'border' so that they remain\n // 'filled' even when colours are overridden in the browser.\n .govuk-radios__label:after {\n content: \"\";\n\n position: absolute;\n top: govuk-spacing(2);\n left: govuk-spacing(2);\n\n width: 0;\n height: 0;\n\n border: govuk-spacing(2) solid currentcolor;\n border-radius: 50%;\n opacity: 0;\n background: currentcolor;\n }\n\n .govuk-radios__hint {\n display: block;\n padding-right: $govuk-radios-label-padding-left-right;\n padding-left: $govuk-radios-label-padding-left-right;\n }\n\n // Focused state\n .govuk-radios__input:focus + .govuk-radios__label:before {\n border-width: 4px;\n\n // When colours are overridden, the yellow box-shadow becomes invisible\n // which means the focus state is less obvious. By adding a transparent\n // outline, which becomes solid (text-coloured) in that context, we ensure\n // the focus remains clearly visible.\n outline: $govuk-focus-width solid transparent;\n outline-offset: 1px;\n\n // When in an explicit forced-color mode, we can use the Highlight system\n // color for the outline to better match focus states of native controls\n @media screen and (forced-colors: active), (-ms-high-contrast: active) {\n outline-color: Highlight;\n }\n\n box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n }\n\n // Selected state\n .govuk-radios__input:checked + .govuk-radios__label:after {\n opacity: 1;\n }\n\n // Disabled state\n .govuk-radios__input:disabled,\n .govuk-radios__input:disabled + .govuk-radios__label {\n cursor: not-allowed;\n }\n\n .govuk-radios__input:disabled + .govuk-radios__label,\n .govuk-radios__input:disabled ~ .govuk-hint {\n opacity: .5;\n }\n\n // =========================================================\n // Inline radios\n // =========================================================\n\n .govuk-radios--inline {\n @include govuk-media-query ($from: tablet) {\n @include govuk-clearfix;\n\n .govuk-radios__item {\n margin-right: govuk-spacing(4);\n float: left;\n clear: none;\n }\n }\n }\n\n // =========================================================\n // Dividers ('or')\n // =========================================================\n\n .govuk-radios__divider {\n $govuk-divider-size: $govuk-radios-size !default;\n @include govuk-font($size: 19);\n @include govuk-text-colour;\n width: $govuk-divider-size;\n margin-bottom: govuk-spacing(2);\n text-align: center;\n }\n\n // =========================================================\n // Conditional reveals\n // =========================================================\n\n // The narrow border is used in the conditional reveals because the border has\n // to be an even number in order to be centred under the 40px checkbox or radio.\n $conditional-border-width: $govuk-border-width-narrow;\n // Calculate the amount of padding needed to keep the border centered against the radios.\n $conditional-border-padding: ($govuk-radios-size / 2) - ($conditional-border-width / 2);\n // Move the border centered with the radios\n $conditional-margin-left: $conditional-border-padding;\n // Move the contents of the conditional inline with the label\n $conditional-padding-left: $conditional-border-padding + $govuk-radios-label-padding-left-right;\n\n .govuk-radios__conditional {\n @include govuk-responsive-margin(4, \"bottom\");\n margin-left: $conditional-margin-left;\n padding-left: $conditional-padding-left;\n border-left: $conditional-border-width solid $govuk-border-colour;\n\n .js-enabled &--hidden {\n display: none;\n }\n\n & > :last-child {\n margin-bottom: 0;\n }\n }\n\n // =========================================================\n // Small checkboxes\n // =========================================================\n\n .govuk-radios--small {\n\n $input-offset: ($govuk-touch-target-size - $govuk-small-radios-size) / 2;\n $label-offset: $govuk-touch-target-size - $input-offset;\n\n .govuk-radios__item {\n @include govuk-clearfix;\n min-height: 0;\n margin-bottom: 0;\n padding-left: $label-offset;\n float: left;\n }\n\n // Shift the touch target into the left margin so that the visible edge of\n // the control is aligned\n //\n // ┆Which colour is your favourite?\n // ┌┆───┐\n // │┆() │ Purple\n // └┆▲──┘\n // ▲┆└─ Radio pseudo element, aligned with margin\n // └─── Touch target (invisible input), shifted into the margin\n .govuk-radios__input {\n @include _govuk-not-ie8 {\n left: $input-offset * -1;\n }\n\n @include _govuk-if-ie8 {\n margin-left: $govuk-small-radios-size * -1;\n }\n }\n\n // Adjust the size and position of the label.\n //\n // Unlike larger radios, we also have to float the label in order to\n // 'shrink' it, preventing the hover state from kicking in across the full\n // width of the parent element.\n .govuk-radios__label {\n margin-top: -2px;\n padding: 13px govuk-spacing(3) 13px 1px;\n float: left;\n\n @include govuk-media-query($from: tablet) {\n padding: 11px govuk-spacing(3) 10px 1px;\n }\n }\n\n // ( ) Radio ring\n //\n // Reduce the size of the control [1], vertically centering it within the\n // touch target [2]\n .govuk-radios__label:before {\n top: $input-offset - $govuk-border-width-form-element; // 2\n width: $govuk-small-radios-size; // 1\n height: $govuk-small-radios-size; // 1\n }\n\n // • Radio button\n //\n // Reduce the size of the 'button' and center it within the ring\n .govuk-radios__label:after {\n top: 15px;\n left: 7px;\n border-width: 5px;\n }\n\n // Fix position of hint with small radios\n //\n // Do not use hints with small radios – because they're within the input\n // wrapper they trigger the hover state, but clicking them doesn't actually\n // activate the control.\n //\n // (If you do use them, they won't look completely broken... but seriously,\n // don't use them)\n .govuk-radios__hint {\n padding: 0;\n clear: both;\n pointer-events: none;\n }\n\n // Align conditional reveals with small radios\n .govuk-radios__conditional {\n $margin-left: ($govuk-small-radios-size / 2) - ($conditional-border-width / 2);\n margin-left: $margin-left;\n padding-left: $label-offset - ($margin-left + $conditional-border-width);\n clear: both;\n }\n\n .govuk-radios__divider {\n width: $govuk-small-radios-size;\n margin-bottom: govuk-spacing(1);\n }\n\n // Hover state for small radios.\n //\n // We use a hover state for small radios because the touch target size\n // is so much larger than their visible size, and so we need to provide\n // feedback to the user as to which radio they will select when their\n // cursor is outside of the visible area.\n .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {\n box-shadow: 0 0 0 $govuk-hover-width $govuk-hover-colour;\n }\n\n // Because we've overridden the border-shadow provided by the focus state,\n // we need to redefine that too.\n //\n // We use two box shadows, one that restores the original focus state [1]\n // and another that then applies the hover state [2].\n .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {\n box-shadow:\n 0 0 0 $govuk-radios-focus-width $govuk-focus-colour, // 1\n 0 0 0 $govuk-hover-width $govuk-hover-colour; // 2\n }\n\n // For devices that explicitly don't support hover, don't provide a hover\n // state (e.g. on touch devices like iOS).\n //\n // We can't use `@media (hover: hover)` because we wouldn't get the hover\n // state in browsers that don't support `@media (hover)` (like Internet\n // Explorer) – so we have to 'undo' the hover state instead.\n @media (hover: none), (pointer: coarse) {\n .govuk-radios__item:hover .govuk-radios__input:not(:disabled) + .govuk-radios__label:before {\n box-shadow: initial;\n }\n\n .govuk-radios__item:hover .govuk-radios__input:focus + .govuk-radios__label:before {\n box-shadow: 0 0 0 $govuk-radios-focus-width $govuk-focus-colour;\n }\n }\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/radios/_radios.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_radios.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB,EAAE,wBAAwB;;IAEhD,oCAAoC;IACpC,uFAAuF;IACvF,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,YAAY;IACZ;MACE,6BAA6B;IAC/B;IACA,yBAAyB,EAAE,8EAA8E;IACzG,yEAAyE;;IAEzE,+DAA+D;IAC/D,+BAA+B;IAC/B,yBAAyB;IACzB,uCAAuC;;IAEvC;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,qEAAqE;MACrE,0EAA0E;MAC1E,6DAA6D;MAC7D,wDAAwD;;MAExD;QACE,4DAA4D;QAC5D,iBAAiB;QACjB,kDAAkD;MACpD;IACF;;IAEA;MACE,WAAW;MACX,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n .govuk-select {\n @include govuk-font($size: 19, $line-height: 1.25);\n\n box-sizing: border-box; // should this be global?\n\n // This min-width was chosen because:\n // - it makes the Select noticeably wider than it is taller (which is what users expect)\n // - 11.5em matches the 'length-10' variant of the input component\n // - it fits comfortably on screens as narrow as 240px wide\n min-width: 11.5em;\n max-width: 100%;\n height: 40px;\n @if $govuk-typography-use-rem {\n height: govuk-px-to-rem(40px);\n }\n padding: govuk-spacing(1); // was 5px 4px 4px - size of it should be adjusted to match other form elements\n border: $govuk-border-width-form-element solid $govuk-input-border-colour;\n\n // Default user agent colours for selects can have low contrast,\n // and may look disabled (#2435)\n color: $govuk-text-colour;\n background-color: govuk-colour(\"white\");\n\n &:focus {\n outline: $govuk-focus-width solid $govuk-focus-colour;\n // Ensure outline appears outside of the element\n outline-offset: 0;\n // Double the border by adding its width again. Use `box-shadow` to do\n // this instead of changing `border-width` (which changes element size) and\n // since `outline` is already used for the yellow focus state.\n box-shadow: inset 0 0 0 $govuk-border-width-form-element;\n\n @include _govuk-if-ie8 {\n // IE8 doesn't support `box-shadow` so double the border with\n // `border-width`.\n border-width: $govuk-border-width-form-element * 2;\n }\n }\n\n &:disabled {\n opacity: .5;\n color: inherit;\n cursor: not-allowed;\n }\n }\n\n .govuk-select option:active,\n .govuk-select option:checked,\n .govuk-select:focus::-ms-value {\n color: govuk-colour(\"white\");\n background-color: govuk-colour(\"blue\");\n }\n\n .govuk-select--error {\n border-color: $govuk-error-colour;\n\n &:focus {\n border-color: $govuk-input-border-colour;\n }\n }\n}\n"]}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/govuk/components/select/_select.scss"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,iBAAiB","file":"_select.scss","sourcesContent":["@import \"../../base\";\n@import \"./index\";\n"]}
|
@@ -198,6 +198,9 @@
|
|
198
198
|
"options": {
|
199
199
|
"id": "with-describedby",
|
200
200
|
"name": "with-describedby",
|
201
|
+
"label": {
|
202
|
+
"text": "Label text goes here"
|
203
|
+
},
|
201
204
|
"items": [
|
202
205
|
{
|
203
206
|
"value": 1,
|
@@ -211,13 +214,16 @@
|
|
211
214
|
"describedBy": "some-id"
|
212
215
|
},
|
213
216
|
"hidden": true,
|
214
|
-
"html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"some-id\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
217
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-describedby\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"with-describedby\" name=\"with-describedby\" aria-describedby=\"some-id\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
215
218
|
},
|
216
219
|
{
|
217
220
|
"name": "attributes",
|
218
221
|
"options": {
|
219
222
|
"id": "with-attributes",
|
220
223
|
"name": "with-attributes",
|
224
|
+
"label": {
|
225
|
+
"text": "Label text goes here"
|
226
|
+
},
|
221
227
|
"items": [
|
222
228
|
{
|
223
229
|
"value": 1,
|
@@ -233,13 +239,16 @@
|
|
233
239
|
}
|
234
240
|
},
|
235
241
|
"hidden": true,
|
236
|
-
"html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
242
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-attributes\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"with-attributes\" name=\"with-attributes\" data-attribute=\"my data value\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
237
243
|
},
|
238
244
|
{
|
239
245
|
"name": "attributes on items",
|
240
246
|
"options": {
|
241
247
|
"id": "with-item-attributes",
|
242
248
|
"name": "with-item-attributes",
|
249
|
+
"label": {
|
250
|
+
"text": "Label text goes here"
|
251
|
+
},
|
243
252
|
"value": 2,
|
244
253
|
"items": [
|
245
254
|
{
|
@@ -261,13 +270,16 @@
|
|
261
270
|
]
|
262
271
|
},
|
263
272
|
"hidden": true,
|
264
|
-
"html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n </select>\n</div>"
|
273
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-item-attributes\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"with-item-attributes\" name=\"with-item-attributes\">\n <option value=\"1\" data-attribute=\"ABC\" data-second-attribute=\"DEF\">Option 1</option>\n <option value=\"2\" selected data-attribute=\"GHI\" data-second-attribute=\"JKL\">Option 2</option>\n </select>\n</div>"
|
265
274
|
},
|
266
275
|
{
|
267
276
|
"name": "with falsey values",
|
268
277
|
"options": {
|
269
278
|
"id": "with-falsey-values",
|
270
279
|
"name": "with-falsey-values",
|
280
|
+
"label": {
|
281
|
+
"text": "Label text goes here"
|
282
|
+
},
|
271
283
|
"items": [
|
272
284
|
{
|
273
285
|
"text": "Option 1",
|
@@ -283,25 +295,31 @@
|
|
283
295
|
]
|
284
296
|
},
|
285
297
|
"hidden": true,
|
286
|
-
"html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"with-falsey-values\" name=\"with-falsey-values\">\n <option value=\"1\">Option 1</option>\n <option value=\"2\">Options 2</option>\n </select>\n</div>"
|
298
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"with-falsey-values\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"with-falsey-values\" name=\"with-falsey-values\">\n <option value=\"1\">Option 1</option>\n <option value=\"2\">Options 2</option>\n </select>\n</div>"
|
287
299
|
},
|
288
300
|
{
|
289
301
|
"name": "hint",
|
290
302
|
"options": {
|
291
303
|
"id": "select-with-hint",
|
292
304
|
"name": "select-with-hint",
|
305
|
+
"label": {
|
306
|
+
"text": "Label text goes here"
|
307
|
+
},
|
293
308
|
"hint": {
|
294
309
|
"text": "Hint text goes here"
|
295
310
|
}
|
296
311
|
},
|
297
312
|
"hidden": true,
|
298
|
-
"html": "<div class=\"govuk-form-group\">\n \n <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n Hint text goes here\n </div>\n <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n </select>\n</div>"
|
313
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"select-with-hint\">\n Label text goes here\n </label>\n <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n Hint text goes here\n </div>\n <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"select-with-hint-hint\">\n </select>\n</div>"
|
299
314
|
},
|
300
315
|
{
|
301
316
|
"name": "hint and describedBy",
|
302
317
|
"options": {
|
303
318
|
"id": "select-with-hint",
|
304
319
|
"name": "select-with-hint",
|
320
|
+
"label": {
|
321
|
+
"text": "Label text goes here"
|
322
|
+
},
|
305
323
|
"describedBy": "some-id",
|
306
324
|
"hint": {
|
307
325
|
"text": "Hint text goes here"
|
@@ -318,13 +336,16 @@
|
|
318
336
|
]
|
319
337
|
},
|
320
338
|
"hidden": true,
|
321
|
-
"html": "<div class=\"govuk-form-group\">\n \n <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n Hint text goes here\n </div>\n <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"some-id select-with-hint-hint\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
339
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"select-with-hint\">\n Label text goes here\n </label>\n <div id=\"select-with-hint-hint\" class=\"govuk-hint\">\n Hint text goes here\n </div>\n <select class=\"govuk-select\" id=\"select-with-hint\" name=\"select-with-hint\" aria-describedby=\"some-id select-with-hint-hint\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
322
340
|
},
|
323
341
|
{
|
324
342
|
"name": "error",
|
325
343
|
"options": {
|
326
344
|
"id": "select-with-error",
|
327
345
|
"name": "select-with-error",
|
346
|
+
"label": {
|
347
|
+
"text": "Label text goes here"
|
348
|
+
},
|
328
349
|
"errorMessage": {
|
329
350
|
"text": "Error message"
|
330
351
|
},
|
@@ -340,13 +361,16 @@
|
|
340
361
|
]
|
341
362
|
},
|
342
363
|
"hidden": true,
|
343
|
-
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n \n <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
364
|
+
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n <label class=\"govuk-label\" for=\"select-with-error\">\n Label text goes here\n </label>\n <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"select-with-error-error\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
344
365
|
},
|
345
366
|
{
|
346
367
|
"name": "error and describedBy",
|
347
368
|
"options": {
|
348
369
|
"id": "select-with-error",
|
349
370
|
"name": "select-with-error",
|
371
|
+
"label": {
|
372
|
+
"text": "Label text goes here"
|
373
|
+
},
|
350
374
|
"describedBy": "some-id",
|
351
375
|
"errorMessage": {
|
352
376
|
"text": "Error message"
|
@@ -363,13 +387,16 @@
|
|
363
387
|
]
|
364
388
|
},
|
365
389
|
"hidden": true,
|
366
|
-
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n \n <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"some-id select-with-error-error\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
390
|
+
"html": "<div class=\"govuk-form-group govuk-form-group--error\">\n <label class=\"govuk-label\" for=\"select-with-error\">\n Label text goes here\n </label>\n <p id=\"select-with-error-error\" class=\"govuk-error-message\">\n <span class=\"govuk-visually-hidden\">Error:</span> Error message\n </p>\n <select class=\"govuk-select govuk-select--error\" id=\"select-with-error\" name=\"select-with-error\" aria-describedby=\"some-id select-with-error-error\">\n <option value=\"1\">GOV.UK frontend option 1</option>\n <option value=\"2\">GOV.UK frontend option 2</option>\n </select>\n</div>"
|
367
391
|
},
|
368
392
|
{
|
369
393
|
"name": "item selected overrides value",
|
370
394
|
"options": {
|
371
395
|
"name": "colors",
|
372
396
|
"id": "colors",
|
397
|
+
"label": {
|
398
|
+
"text": "Label text goes here"
|
399
|
+
},
|
373
400
|
"items": [
|
374
401
|
{
|
375
402
|
"value": "red",
|
@@ -388,7 +415,7 @@
|
|
388
415
|
"value": "green"
|
389
416
|
},
|
390
417
|
"hidden": true,
|
391
|
-
"html": "<div class=\"govuk-form-group\">\n \n <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n <option value=\"red\">Red</option>\n <option value=\"green\">Green</option>\n <option value=\"blue\">Blue</option>\n </select>\n</div>"
|
418
|
+
"html": "<div class=\"govuk-form-group\">\n <label class=\"govuk-label\" for=\"colors\">\n Label text goes here\n </label>\n <select class=\"govuk-select\" id=\"colors\" name=\"colors\">\n <option value=\"red\">Red</option>\n <option value=\"green\">Green</option>\n <option value=\"blue\">Blue</option>\n </select>\n</div>"
|
392
419
|
}
|
393
420
|
]
|
394
421
|
}
|