design_system 0.11.0 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/components/_index.scss +36 -20
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/action-link/_action-link.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/action-link/_index.scss +84 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/back-link/_back-link.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/back-link/_index.scss +56 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/breadcrumb/_breadcrumb.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/breadcrumb/_index.scss +103 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/button/_button.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/button/_index.scss +207 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/card/_card.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/card/_index.scss +526 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/character-count/_character-count.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/character-count/_index.scss +54 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/checkboxes/_checkboxes.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/checkboxes/_index.scss +337 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/contents-list/_contents-list.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/contents-list/_index.scss +32 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/date-input/_date-input.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/date-input/_index.scss +40 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/details/_details.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/details/_index.scss +374 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/do-dont-list/_do-dont-list.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/do-dont-list/_index.scss +37 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/error-message/_error-message.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/error-message/_index.scss +22 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/error-summary/_error-summary.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/error-summary/_index.scss +75 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/fieldset/_fieldset.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/fieldset/_index.scss +81 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/file-upload/_file-upload.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/file-upload/_index.scss +251 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/footer/_footer.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/footer/_index.scss +64 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/header/_header.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/header/_index.scss +783 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/hero/_hero.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/hero/_index.scss +205 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/hint/_hint.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/hint/_index.scss +53 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/images/_images.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/images/_index.scss +53 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/input/_index.scss +184 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/input/_input.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/inset-text/_index.scss +34 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/inset-text/_inset-text.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/label/_index.scss +53 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/label/_label.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/notification-banner/_index.scss +100 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/notification-banner/_notification-banner.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/pagination/_index.scss +261 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/pagination/_pagination.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/panel/_index.scss +99 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/panel/_panel.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/password-input/_index.scss +37 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/password-input/_password-input.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/radios/_index.scss +354 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/radios/_radios.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/select/_index.scss +63 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/select/_select.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/skip-link/_index.scss +48 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/skip-link/_skip-link.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/summary-list/_index.scss +215 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/summary-list/_summary-list.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tables/_index.scss +205 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tables/_tables.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tabs/_index.scss +138 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tabs/_tabs.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tag/_index.scss +101 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/tag/_tag.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/task-list/_index.scss +111 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/task-list/_task-list.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/textarea/_index.scss +52 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/textarea/_textarea.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/warning-callout/_index.scss +22 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/components/warning-callout/_warning-callout.scss +3 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/_index.scss +4 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/_nhsuk-frontend-properties.scss +28 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/all.scss +3 -1
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/elements/_forms.scss +4 -2
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/elements/_index.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/elements/_links.scss +3 -2
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/elements/_page.scss +66 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/elements/_table.scss +6 -5
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/generic/_box-sizing.scss +2 -4
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/generic/_font-face.scss +29 -15
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/generic/_index.scss +2 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/helpers/_colour.scss +106 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/helpers/_index.scss +7 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_button-group.scss +124 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_form-group.scss +47 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/objects/_grid.scss +5 -3
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/objects/_index.scss +4 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_input-wrapper.scss +81 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_main-wrapper.scss +66 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/objects/_width-container.scss +98 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_all.scss +3 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_breakpoints.scss +35 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_colours-applied.scss +326 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_colours-deprecated.scss +116 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_colours-palette.scss +41 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_colours.scss +12 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/settings/_globals.scss +214 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_index.scss +5 -1
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_spacing.scss +3 -3
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_typography.scss +15 -34
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/settings/_warnings.scss +11 -5
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/styles/_icons.scss +45 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/styles/_index.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/styles/_lists.scss +15 -10
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/styles/_section-break.scss +4 -2
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/styles/_typography.scss +34 -39
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_all.scss +3 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_buttons.scss +85 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_exports.scss +1 -11
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_focused.scss +134 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_functions.scss +81 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_grid.scss +74 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_index.scss +5 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_links.scss +234 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_mixins.scss +168 -118
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_sass-mq.scss +9 -11
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_shape-arrow.scss +14 -20
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_shape-chevron.scss +65 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/tools/_shape-dash.scss +31 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_spacing.scss +25 -14
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/tools/_typography.scss +71 -25
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_clearfix.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_display.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_float.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_grid-widths.scss +19 -20
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_index.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_link-nowrap.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_list-border.scss +6 -2
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_reading-width.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_spacing.scss +6 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_text-align.scss +2 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/core/utilities/_typography.scss +52 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_visually-hidden.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/utilities/_widths.scss +2 -0
- data/app/assets/stylesheets/design_system/{nhsuk-frontend-9.6.4 → nhsuk-frontend-10.3.1}/core/vendor/sass-mq.scss +4 -2
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/index.scss +4 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-10.3.1/nhsuk.scss +3 -0
- data/app/assets/stylesheets/design_system/nhsuk.scss +2 -2
- data/app/helpers/design_system_helper.rb +4 -0
- data/app/views/layouts/govuk/application.html.erb +1 -0
- data/app/views/layouts/nhsuk/application.html.erb +52 -59
- data/app/views/nhsuk/_navigation.html.erb +9 -13
- data/lib/design_system/engine.rb +1 -1
- data/lib/design_system/generic/builders/action_link.rb +17 -0
- data/lib/design_system/generic/builders/elements/backlink.rb +30 -0
- data/lib/design_system/generic/builders/fixed_elements.rb +4 -0
- data/lib/design_system/generic/builders/link.rb +9 -0
- data/lib/design_system/generic/builders/notification.rb +2 -0
- data/lib/design_system/generic/builders/pagination_renderer.rb +4 -9
- data/lib/design_system/govuk/builders/action_link.rb +17 -0
- data/lib/design_system/govuk/form_builder.rb +6 -2
- data/lib/design_system/govuk/test_helpers/form_builder_testable.rb +14 -0
- data/lib/design_system/nhsuk/builders/action_link.rb +30 -0
- data/lib/design_system/nhsuk/builders/elements/breadcrumbs.rb +12 -16
- data/lib/design_system/nhsuk/builders/notification.rb +0 -7
- data/lib/design_system/version.rb +1 -1
- data/lib/tasks/nhsuk.rake +10 -5
- data/public/design_system/static/{nhsuk-frontend-9.6.4/favicons → nhsuk-frontend-10.3.1/images}/favicon.ico +0 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/images/favicon.svg +4 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-icon-180.png +0 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-icon-192.png +0 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-icon-512.png +0 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-icon-mask.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/images/nhsuk-opengraph-image.png +0 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/manifest.json +39 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/nhsuk-frontend.min.js +1 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/nhsuk-frontend.min.js.map +1 -0
- data/public/design_system/static/nhsuk-frontend-10.3.1/nhsuk.js +7 -0
- metadata +159 -161
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/action-link/_action-link.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/action-link/_index.scss +0 -73
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/back-link/_back-link.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/back-link/_index.scss +0 -66
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/breadcrumb/_breadcrumb.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/breadcrumb/_index.scss +0 -138
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/button/_button.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/button/_index.scss +0 -257
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/card/_card.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/card/_index.scss +0 -321
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/character-count/_character-count.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/character-count/_index.scss +0 -19
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/checkboxes/_checkboxes.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/checkboxes/_index.scss +0 -155
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/contents-list/_contents-list.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/contents-list/_index.scss +0 -40
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/date-input/_date-input.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/date-input/_index.scss +0 -29
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/details/_details.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/details/_index.scss +0 -211
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/do-dont-list/_do-dont-list.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/do-dont-list/_index.scss +0 -23
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-message/_error-message.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-message/_index.scss +0 -17
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-summary/_error-summary.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-summary/_index.scss +0 -72
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/fieldset/_fieldset.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/fieldset/_index.scss +0 -65
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/footer/_footer.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/footer/_index.scss +0 -87
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-base.scss +0 -495
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-organisation.scss +0 -126
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-service.scss +0 -60
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-transactional.scss +0 -61
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-white.scss +0 -117
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_index.scss +0 -5
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hero/_hero.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hero/_index.scss +0 -187
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hint/_hint.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hint/_index.scss +0 -51
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/images/_images.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/images/_index.scss +0 -48
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/input/_index.scss +0 -149
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/input/_input.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/inset-text/_index.scss +0 -28
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/inset-text/_inset-text.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/label/_index.scss +0 -53
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/label/_label.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/pagination/_index.scss +0 -95
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/pagination/_pagination.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/panel/_index.scss +0 -57
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/panel/_panel.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/radios/_index.scss +0 -180
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/radios/_radios.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/select/_index.scss +0 -44
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/select/_select.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/skip-link/_index.scss +0 -34
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/skip-link/_skip-link.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/summary-list/_index.scss +0 -183
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/summary-list/_summary-list.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tables/_index.scss +0 -181
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tables/_tables.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tabs/_index.scss +0 -120
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tabs/_tabs.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tag/_index.scss +0 -92
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tag/_tag.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/task-list/_index.scss +0 -101
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/task-list/_task-list.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/textarea/_index.scss +0 -30
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/textarea/_textarea.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/warning-callout/_index.scss +0 -19
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/warning-callout/_warning-callout.scss +0 -1
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_page.scss +0 -43
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_form-group.scss +0 -25
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_main-wrapper.scss +0 -96
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_width-container.scss +0 -63
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_breakpoints.scss +0 -18
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_colours.scss +0 -188
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_globals.scss +0 -82
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_icons.scss +0 -105
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_focused.scss +0 -86
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_functions.scss +0 -45
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_grid.scss +0 -138
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_ifff.scss +0 -19
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_links.scss +0 -184
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_typography.scss +0 -72
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/nhsuk.scss +0 -1
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/apple-touch-icon-180x180.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/apple-touch-icon.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon-192x192.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/favicon.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/largetile-310x310.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/mediumtile-144x144.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/mediumtile-150x150.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/smalltile-70x70.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/favicons/widetile-310x150.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-left.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-right-circle.svg +0 -4
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-right.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-chevron-left.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-chevron-right.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-close.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-cross.svg +0 -4
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-emdash-small.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-emdash.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-minus.svg +0 -4
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-plus.svg +0 -4
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-search.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-tick.svg +0 -3
- data/public/design_system/static/nhsuk-frontend-9.6.4/logos/logo-nhs.svg +0 -5
- data/public/design_system/static/nhsuk-frontend-9.6.4/logos/nhs-logo.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/logos/open-graph.png +0 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/nhsuk.js +0 -4
- data/public/design_system/static/nhsuk-frontend-9.6.4/nhsuk.min.js +0 -1
- /data/public/design_system/static/{design_system-0.11.0 → design_system-0.12.0}/design_system.js +0 -0
|
@@ -7,22 +7,15 @@
|
|
|
7
7
|
/// @group styles
|
|
8
8
|
////
|
|
9
9
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
/// without bloating the code.
|
|
15
|
-
///
|
|
16
|
-
/// @example scss
|
|
17
|
-
/// .foo {
|
|
18
|
-
/// @extend %nhsuk-heading-xl;
|
|
19
|
-
/// }
|
|
20
|
-
////
|
|
10
|
+
// Headings
|
|
11
|
+
//
|
|
12
|
+
// The % (silent class) allows code to be extended (@extend) to other elements
|
|
13
|
+
// without bloating the code.
|
|
21
14
|
|
|
22
15
|
%nhsuk-heading-xl {
|
|
23
16
|
display: block;
|
|
24
|
-
font-weight: $nhsuk-font-bold;
|
|
25
17
|
margin-top: 0;
|
|
18
|
+
font-weight: $nhsuk-font-weight-bold;
|
|
26
19
|
|
|
27
20
|
@include nhsuk-font-size(48);
|
|
28
21
|
@include nhsuk-responsive-margin(7, "bottom");
|
|
@@ -35,8 +28,8 @@ h1,
|
|
|
35
28
|
|
|
36
29
|
%nhsuk-heading-l {
|
|
37
30
|
display: block;
|
|
38
|
-
font-weight: $nhsuk-font-bold;
|
|
39
31
|
margin-top: 0;
|
|
32
|
+
font-weight: $nhsuk-font-weight-bold;
|
|
40
33
|
|
|
41
34
|
@include nhsuk-font-size(36);
|
|
42
35
|
@include nhsuk-responsive-margin(4, "bottom");
|
|
@@ -49,8 +42,8 @@ h2,
|
|
|
49
42
|
|
|
50
43
|
%nhsuk-heading-m {
|
|
51
44
|
display: block;
|
|
52
|
-
font-weight: $nhsuk-font-bold;
|
|
53
45
|
margin-top: 0;
|
|
46
|
+
font-weight: $nhsuk-font-weight-bold;
|
|
54
47
|
|
|
55
48
|
@include nhsuk-font-size(26);
|
|
56
49
|
@include nhsuk-responsive-margin(4, "bottom");
|
|
@@ -63,8 +56,8 @@ h3,
|
|
|
63
56
|
|
|
64
57
|
%nhsuk-heading-s {
|
|
65
58
|
display: block;
|
|
66
|
-
font-weight: $nhsuk-font-bold;
|
|
67
59
|
margin-top: 0;
|
|
60
|
+
font-weight: $nhsuk-font-weight-bold;
|
|
68
61
|
|
|
69
62
|
@include nhsuk-font-size(22);
|
|
70
63
|
@include nhsuk-responsive-margin(4, "bottom");
|
|
@@ -77,8 +70,8 @@ h4,
|
|
|
77
70
|
|
|
78
71
|
%nhsuk-heading-xs {
|
|
79
72
|
display: block;
|
|
80
|
-
font-weight: $nhsuk-font-bold;
|
|
81
73
|
margin-top: 0;
|
|
74
|
+
font-weight: $nhsuk-font-weight-bold;
|
|
82
75
|
|
|
83
76
|
@include nhsuk-font-size(19);
|
|
84
77
|
@include nhsuk-responsive-margin(4, "bottom");
|
|
@@ -91,8 +84,8 @@ h5,
|
|
|
91
84
|
|
|
92
85
|
%nhsuk-heading-xxs {
|
|
93
86
|
display: block;
|
|
94
|
-
font-weight: $nhsuk-font-bold;
|
|
95
87
|
margin-top: 0;
|
|
88
|
+
font-weight: $nhsuk-font-weight-bold;
|
|
96
89
|
|
|
97
90
|
@include nhsuk-font-size(19);
|
|
98
91
|
@include nhsuk-responsive-margin(4, "bottom");
|
|
@@ -103,43 +96,43 @@ h6,
|
|
|
103
96
|
@extend %nhsuk-heading-xxs;
|
|
104
97
|
}
|
|
105
98
|
|
|
106
|
-
|
|
99
|
+
// Captions to be used inside headings
|
|
107
100
|
|
|
108
101
|
.nhsuk-caption-xl {
|
|
109
|
-
color: $nhsuk-secondary-text-color;
|
|
110
102
|
display: block;
|
|
111
103
|
margin-bottom: nhsuk-spacing(1);
|
|
104
|
+
color: $nhsuk-secondary-text-colour;
|
|
112
105
|
|
|
113
106
|
@include nhsuk-font(26);
|
|
114
107
|
}
|
|
115
108
|
|
|
116
109
|
.nhsuk-caption-l {
|
|
117
|
-
color: $nhsuk-secondary-text-color;
|
|
118
110
|
display: block;
|
|
119
111
|
margin-bottom: nhsuk-spacing(1);
|
|
112
|
+
color: $nhsuk-secondary-text-colour;
|
|
120
113
|
|
|
121
114
|
@include nhsuk-font(22);
|
|
122
115
|
}
|
|
123
116
|
|
|
124
117
|
.nhsuk-caption-m {
|
|
125
|
-
color: $nhsuk-secondary-text-color;
|
|
126
118
|
display: block;
|
|
119
|
+
color: $nhsuk-secondary-text-colour;
|
|
127
120
|
|
|
128
121
|
@include nhsuk-font(19);
|
|
129
122
|
}
|
|
130
123
|
|
|
131
124
|
.nhsuk-caption--bottom {
|
|
132
|
-
margin-bottom: nhsuk-spacing(0);
|
|
133
125
|
margin-top: nhsuk-spacing(1);
|
|
126
|
+
margin-bottom: nhsuk-spacing(0);
|
|
134
127
|
}
|
|
135
128
|
|
|
136
|
-
|
|
129
|
+
// Body (paragraphs)
|
|
137
130
|
|
|
138
131
|
%nhsuk-body-l {
|
|
139
132
|
display: block;
|
|
140
133
|
margin-top: 0;
|
|
141
134
|
|
|
142
|
-
@include nhsuk-font
|
|
135
|
+
@include nhsuk-font(26);
|
|
143
136
|
@include nhsuk-responsive-margin(5, "bottom");
|
|
144
137
|
}
|
|
145
138
|
|
|
@@ -151,11 +144,12 @@ h6,
|
|
|
151
144
|
display: block;
|
|
152
145
|
margin-top: 0;
|
|
153
146
|
|
|
154
|
-
@include nhsuk-font
|
|
147
|
+
@include nhsuk-font(19);
|
|
155
148
|
@include nhsuk-responsive-margin(4, "bottom");
|
|
156
149
|
}
|
|
157
150
|
|
|
158
151
|
p,
|
|
152
|
+
.nhsuk-body,
|
|
159
153
|
.nhsuk-body-m {
|
|
160
154
|
@extend %nhsuk-body-m;
|
|
161
155
|
color: inherit;
|
|
@@ -165,7 +159,7 @@ p,
|
|
|
165
159
|
display: block;
|
|
166
160
|
margin-top: 0;
|
|
167
161
|
|
|
168
|
-
@include nhsuk-font
|
|
162
|
+
@include nhsuk-font(16);
|
|
169
163
|
@include nhsuk-responsive-margin(4, "bottom");
|
|
170
164
|
}
|
|
171
165
|
|
|
@@ -179,10 +173,10 @@ address {
|
|
|
179
173
|
font-style: normal;
|
|
180
174
|
}
|
|
181
175
|
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
176
|
+
// Lede text
|
|
177
|
+
//
|
|
178
|
+
// 1. Apply lede text styling to p and ul within the lede element
|
|
179
|
+
// 2. Reduces the spacing between the page heading and the lede text
|
|
186
180
|
|
|
187
181
|
.nhsuk-lede-text {
|
|
188
182
|
@include nhsuk-font(26);
|
|
@@ -206,13 +200,11 @@ h1 + .nhsuk-lede-text--small {
|
|
|
206
200
|
margin-top: -(nhsuk-spacing(2));
|
|
207
201
|
}
|
|
208
202
|
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
///
|
|
215
|
-
/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
|
|
203
|
+
// Contextual adjustments
|
|
204
|
+
//
|
|
205
|
+
// Add top padding to headings that appear directly after paragraphs.
|
|
206
|
+
//
|
|
207
|
+
// 1. Removes the padding-top because of the lede-text's increased margin-bottom
|
|
216
208
|
|
|
217
209
|
%nhsuk-body-l + %nhsuk-heading-l {
|
|
218
210
|
padding-top: nhsuk-spacing(1);
|
|
@@ -243,11 +235,11 @@ h1 + .nhsuk-lede-text--small {
|
|
|
243
235
|
padding-top: 0;
|
|
244
236
|
}
|
|
245
237
|
|
|
246
|
-
|
|
238
|
+
// Font weight for <strong> and <b>
|
|
247
239
|
|
|
248
240
|
strong,
|
|
249
241
|
b {
|
|
250
|
-
font-weight: $nhsuk-font-bold;
|
|
242
|
+
font-weight: $nhsuk-font-weight-bold;
|
|
251
243
|
}
|
|
252
244
|
|
|
253
245
|
@include nhsuk-media-query($media-type: print) {
|
|
@@ -273,6 +265,7 @@ b {
|
|
|
273
265
|
p,
|
|
274
266
|
.nhsuk-body-m,
|
|
275
267
|
.nhsuk-body-s,
|
|
268
|
+
.nhsuk-body,
|
|
276
269
|
address,
|
|
277
270
|
ol,
|
|
278
271
|
ul,
|
|
@@ -295,3 +288,5 @@ b {
|
|
|
295
288
|
padding-top: 0.45em;
|
|
296
289
|
}
|
|
297
290
|
}
|
|
291
|
+
|
|
292
|
+
/*# sourceMappingURL=_typography.scss.map */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@use "../settings
|
|
1
|
+
@use "../settings" as *;
|
|
2
2
|
@forward ".";
|
|
3
3
|
|
|
4
4
|
@include nhsuk-warning(
|
|
@@ -6,3 +6,5 @@
|
|
|
6
6
|
"Importing using 'core/tools/all' is deprecated. Update your import statement to import 'core/tools'.",
|
|
7
7
|
$silence-further-warnings: false
|
|
8
8
|
);
|
|
9
|
+
|
|
10
|
+
/*# sourceMappingURL=_all.scss.map */
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
@use "sass:math";
|
|
2
|
+
@use "../settings" as *;
|
|
3
|
+
@use "./functions" as *;
|
|
4
|
+
|
|
5
|
+
////
|
|
6
|
+
/// Buttons
|
|
7
|
+
///
|
|
8
|
+
/// @group tools
|
|
9
|
+
////
|
|
10
|
+
|
|
11
|
+
/// Button styling with colour overrides
|
|
12
|
+
///
|
|
13
|
+
/// @param {Colour} $button-colour [$nhsuk-button-colour] - Button background colour
|
|
14
|
+
/// @param {Colour} $button-hover-colour [$nhsuk-button-hover-colour - Button hover background colour
|
|
15
|
+
/// @param {Colour} $button-text-colour [$nhsuk-button-text-colour] - Button text colour
|
|
16
|
+
/// @param {Colour} $button-shadow-colour [$nhsuk-button-shadow-colour] - Button shadow colour
|
|
17
|
+
/// @param {Colour} $button-border-colour - Button border colour (optional, e.g. secondary button)
|
|
18
|
+
///
|
|
19
|
+
|
|
20
|
+
@mixin nhsuk-button-style(
|
|
21
|
+
$button-colour: $nhsuk-button-colour,
|
|
22
|
+
$button-hover-colour: $nhsuk-button-hover-colour,
|
|
23
|
+
$button-active-colour: $nhsuk-button-active-colour,
|
|
24
|
+
$button-text-colour: $nhsuk-button-text-colour,
|
|
25
|
+
$button-shadow-colour: $nhsuk-button-shadow-colour,
|
|
26
|
+
$button-border-colour: null
|
|
27
|
+
) {
|
|
28
|
+
background-color: $button-colour;
|
|
29
|
+
box-shadow: 0 $nhsuk-button-shadow-size 0 $button-shadow-colour;
|
|
30
|
+
|
|
31
|
+
&,
|
|
32
|
+
&:visited,
|
|
33
|
+
&:hover,
|
|
34
|
+
&:hover:visited,
|
|
35
|
+
&:active,
|
|
36
|
+
&:active:visited {
|
|
37
|
+
color: $button-text-colour;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&:hover {
|
|
41
|
+
background-color: $button-hover-colour;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
&:active,
|
|
45
|
+
&:active:focus {
|
|
46
|
+
background-color: $button-active-colour;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// Handle shadow on both the button and the pseudo element. The button shadow
|
|
50
|
+
// remains in place to prevent any pixel gaps due to browser rounding
|
|
51
|
+
@if $button-border-colour {
|
|
52
|
+
&,
|
|
53
|
+
&::after {
|
|
54
|
+
box-shadow: 0 $nhsuk-button-shadow-size 0 $button-shadow-colour;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
&:active,
|
|
58
|
+
&:active:focus {
|
|
59
|
+
border-color: $button-border-colour;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
// Set border on click area for default and hover states which allows the
|
|
63
|
+
// border to render underneath the shadow and hide pixel artifacts, but
|
|
64
|
+
// ensuring the active "pressed" and focus states have priority
|
|
65
|
+
&:not(:focus):not(:active)::before {
|
|
66
|
+
border-color: $button-border-colour;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
// Inset the pseudo element shadow away from the edges, to restore lost
|
|
70
|
+
// border radius (and its shadow) previously hidden by the 2px border
|
|
71
|
+
&:not(:focus)::after {
|
|
72
|
+
right: 0;
|
|
73
|
+
left: 0;
|
|
74
|
+
border-radius: nhsuk-px-to-rem(math.div($nhsuk-button-border-radius, 2));
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
// Remove the pseudo element shadow when focused or pressed
|
|
78
|
+
&:focus::after,
|
|
79
|
+
&:active::after {
|
|
80
|
+
box-shadow: none;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
/*# sourceMappingURL=_buttons.scss.map */
|
|
@@ -34,14 +34,4 @@ $imported-modules: () !default;
|
|
|
34
34
|
// found in the list and so nothing will be outputted.
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
|
|
38
|
-
///
|
|
39
|
-
/// @alias nhsuk-exports
|
|
40
|
-
/// @deprecated To be removed in v10.0, replaced by nhsuk-exports
|
|
41
|
-
|
|
42
|
-
@mixin govuk-exports($args...) {
|
|
43
|
-
@include nhsuk-warning("govuk-exports", "govuk-exports is deprecated. Use nhsuk-exports instead.");
|
|
44
|
-
@include nhsuk-exports($args...) {
|
|
45
|
-
@content;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
37
|
+
/*# sourceMappingURL=_exports.scss.map */
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
@use "../settings" as *;
|
|
2
|
+
|
|
3
|
+
////
|
|
4
|
+
/// Focused
|
|
5
|
+
///
|
|
6
|
+
/// @group tools
|
|
7
|
+
/// @link https://accessibility.blog.gov.uk/2017/03/27/how-users-change-colours-on-websites/
|
|
8
|
+
////
|
|
9
|
+
|
|
10
|
+
/// Focused text
|
|
11
|
+
///
|
|
12
|
+
/// Provides an outline to clearly indicate when the target element is focused.
|
|
13
|
+
/// Used for interactive text-based elements.
|
|
14
|
+
|
|
15
|
+
@mixin nhsuk-focused-text {
|
|
16
|
+
// When colours are overridden, for example when users have a dark mode,
|
|
17
|
+
// backgrounds and box-shadows disappear, so we need to ensure there's a
|
|
18
|
+
// transparent outline which will be set to a visible colour.
|
|
19
|
+
outline: $nhsuk-focus-width solid transparent;
|
|
20
|
+
background-color: $nhsuk-focus-colour;
|
|
21
|
+
box-shadow:
|
|
22
|
+
0 -2px $nhsuk-focus-colour,
|
|
23
|
+
0 $nhsuk-focus-width $nhsuk-focus-text-colour;
|
|
24
|
+
|
|
25
|
+
// When link is focussed, hide the default underline since the
|
|
26
|
+
// box shadow adds the "underline"
|
|
27
|
+
text-decoration: none;
|
|
28
|
+
|
|
29
|
+
&,
|
|
30
|
+
.nhsuk-icon {
|
|
31
|
+
color: $nhsuk-focus-text-colour;
|
|
32
|
+
fill: $nhsuk-focus-text-colour;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
/// Focused input (form elements)
|
|
37
|
+
///
|
|
38
|
+
/// Provides an additional outline and border to clearly indicate when
|
|
39
|
+
/// the target element has focus. Used for interactive input-based elements such
|
|
40
|
+
/// as text inputs.
|
|
41
|
+
|
|
42
|
+
@mixin nhsuk-focused-input {
|
|
43
|
+
border: $nhsuk-border-width-form-element solid $nhsuk-focus-text-colour;
|
|
44
|
+
outline: $nhsuk-focus-width solid $nhsuk-focus-colour;
|
|
45
|
+
// Ensure outline appears outside of the element
|
|
46
|
+
outline-offset: 0;
|
|
47
|
+
// Double the border by adding its width again. Use `box-shadow` to do
|
|
48
|
+
// this instead of changing `border-width` (which changes element size)
|
|
49
|
+
// and since `outline` is already used for the yellow focus state.
|
|
50
|
+
box-shadow: inset 0 0 0 $nhsuk-border-width-form-element $nhsuk-focus-text-colour;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
/// Focused radio input (form element)
|
|
54
|
+
///
|
|
55
|
+
/// Provides an additional outline and border to clearly indicate when
|
|
56
|
+
/// the target element has focus. Used by radios.
|
|
57
|
+
///
|
|
58
|
+
/// @param {Number} $focus-width [$nhsuk-focus-width + 1px] - Focus width
|
|
59
|
+
|
|
60
|
+
@mixin nhsuk-focused-radio($focus-width: $nhsuk-focus-width + 1px) {
|
|
61
|
+
border: $nhsuk-focus-width solid $nhsuk-focus-text-colour;
|
|
62
|
+
|
|
63
|
+
// When colours are overridden, the yellow box-shadow becomes invisible
|
|
64
|
+
// which means the focus state is less obvious. By adding a transparent
|
|
65
|
+
// outline, which becomes solid (text-coloured) in that context, we ensure
|
|
66
|
+
// the focus remains clearly visible.
|
|
67
|
+
outline: $nhsuk-focus-width solid transparent;
|
|
68
|
+
outline-offset: 1px;
|
|
69
|
+
box-shadow: 0 0 0 $focus-width $nhsuk-focus-colour;
|
|
70
|
+
|
|
71
|
+
// When in an explicit forced-color mode, we can use the Highlight system
|
|
72
|
+
// color for the outline to better match focus states of native controls
|
|
73
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
74
|
+
outline-color: Highlight;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
/// Focused checkbox input (form element)
|
|
79
|
+
///
|
|
80
|
+
/// Provides an additional outline and border to clearly indicate when
|
|
81
|
+
/// the target element has focus. Used by checkbox.
|
|
82
|
+
|
|
83
|
+
@mixin nhsuk-focused-checkbox {
|
|
84
|
+
border: $nhsuk-focus-width solid $nhsuk-focus-text-colour;
|
|
85
|
+
|
|
86
|
+
// When colours are overridden, the yellow box-shadow becomes invisible
|
|
87
|
+
// which means the focus state is less obvious. By adding a transparent
|
|
88
|
+
// outline, which becomes solid (text-coloured) in that context, we ensure
|
|
89
|
+
// the focus remains clearly visible.
|
|
90
|
+
outline: $nhsuk-focus-width solid transparent;
|
|
91
|
+
outline-offset: 1px;
|
|
92
|
+
box-shadow: 0 0 0 $nhsuk-focus-width $nhsuk-focus-colour;
|
|
93
|
+
|
|
94
|
+
// When in an explicit forced-color mode, we can use the Highlight system
|
|
95
|
+
// color for the outline to better match focus states of native controls
|
|
96
|
+
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
|
|
97
|
+
outline-color: Highlight;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/// Focused button
|
|
102
|
+
///
|
|
103
|
+
/// Provides an additional outline and background to clearly indicate when
|
|
104
|
+
/// the target element has focus. Used for buttons.
|
|
105
|
+
|
|
106
|
+
@mixin nhsuk-focused-button {
|
|
107
|
+
outline: $nhsuk-focus-width solid transparent;
|
|
108
|
+
outline-offset: $nhsuk-focus-width;
|
|
109
|
+
color: $nhsuk-focus-text-colour;
|
|
110
|
+
background-color: $nhsuk-focus-colour;
|
|
111
|
+
box-shadow: 0 $nhsuk-focus-width 0 0 $nhsuk-focus-text-colour;
|
|
112
|
+
|
|
113
|
+
&,
|
|
114
|
+
.nhsuk-icon {
|
|
115
|
+
color: $nhsuk-focus-text-colour;
|
|
116
|
+
fill: $nhsuk-focus-text-colour;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/// Focused box
|
|
121
|
+
///
|
|
122
|
+
/// Provides an outline to clearly indicate when the target element is focused.
|
|
123
|
+
/// Unlike nhsuk-focused-text, which only draws an underline below the element,
|
|
124
|
+
/// nhsuk-focused-box draws an outline around all sides of the element.
|
|
125
|
+
/// Best used for non-text content contained within links.
|
|
126
|
+
|
|
127
|
+
@mixin nhsuk-focused-box {
|
|
128
|
+
outline: $nhsuk-focus-width solid transparent;
|
|
129
|
+
box-shadow:
|
|
130
|
+
0 0 0 4px $nhsuk-focus-colour,
|
|
131
|
+
0 0 0 8px $nhsuk-focus-text-colour;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
/*# sourceMappingURL=_focused.scss.map */
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
@use "sass:math";
|
|
2
|
+
@use "../settings" as *;
|
|
3
|
+
|
|
4
|
+
////
|
|
5
|
+
/// Functions
|
|
6
|
+
///
|
|
7
|
+
/// @group tools
|
|
8
|
+
////
|
|
9
|
+
|
|
10
|
+
/// Convert pixels to em
|
|
11
|
+
///
|
|
12
|
+
/// @param {Number} $value - Length in pixels
|
|
13
|
+
/// @param {Number} $context-font-size [$nhsuk-root-font-size] - Font size of element
|
|
14
|
+
/// @return {Number} Length in ems
|
|
15
|
+
///
|
|
16
|
+
/// @example scss
|
|
17
|
+
/// nhsuk-em(20px, $nhsuk-root-font-size);
|
|
18
|
+
///
|
|
19
|
+
/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
|
|
20
|
+
|
|
21
|
+
@function nhsuk-em($value, $context-font-size: $nhsuk-root-font-size) {
|
|
22
|
+
@if math.is-unitless($value) {
|
|
23
|
+
$value: $value * 1px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@if math.is-unitless($context-font-size) {
|
|
27
|
+
$context-font-size: $context-font-size * 1px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
@if math.compatible($value, 1rem) {
|
|
31
|
+
$value: math.div($value, 1rem) * $nhsuk-root-font-size;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
@return math.div($value, $context-font-size) * 1em;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/// Convert pixels to rem
|
|
38
|
+
///
|
|
39
|
+
/// The $nhsuk-root-font-size (defined in settings/_globals.scss)
|
|
40
|
+
/// must be configured to match the font-size of your root (html) element
|
|
41
|
+
///
|
|
42
|
+
/// @param {Number} $value - Length in pixels
|
|
43
|
+
/// @return {Number} Length in rems
|
|
44
|
+
///
|
|
45
|
+
/// @example scss
|
|
46
|
+
/// nhsuk-px-to-rem(20px);
|
|
47
|
+
///
|
|
48
|
+
|
|
49
|
+
@function nhsuk-px-to-rem($value) {
|
|
50
|
+
@if math.is-unitless($value) {
|
|
51
|
+
$value: $value * 1px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
@if math.compatible($value, 1rem) {
|
|
55
|
+
@return $value;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
@return math.div($value, $nhsuk-root-font-size) * 1rem;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/// Get the size (△↕) of chevron, from base to tip, given a certain font size
|
|
62
|
+
///
|
|
63
|
+
/// @param {Number} $font-size [$nhsuk-root-font-size] - Font size to base chevron size on
|
|
64
|
+
/// @return {String} Height of chevron in rems
|
|
65
|
+
|
|
66
|
+
@function nhsuk-chevron-size($font-size: $nhsuk-root-font-size) {
|
|
67
|
+
@if math.is-unitless($font-size) {
|
|
68
|
+
$font-size: $font-size * 1px;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
// Get unitless chevron border width
|
|
72
|
+
$border: math.div($nhsuk-chevron-border, 1px);
|
|
73
|
+
|
|
74
|
+
// Get unitless length of one side of the chevron, minus the border
|
|
75
|
+
$box-size: math.div($font-size, 2px) - $border;
|
|
76
|
+
|
|
77
|
+
// Calculate width (△↕) of the chevron, from base to tip
|
|
78
|
+
@return math.sqrt(math.pow($box-size, 2) + math.pow($box-size, 2)) * 0.5;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
/*# sourceMappingURL=_functions.scss.map */
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:math";
|
|
3
|
+
@use "../settings" as *;
|
|
4
|
+
@use "mixins" as *;
|
|
5
|
+
@use "sass-mq" as *;
|
|
6
|
+
|
|
7
|
+
////
|
|
8
|
+
/// Grid
|
|
9
|
+
///
|
|
10
|
+
/// @group tools
|
|
11
|
+
/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
|
|
12
|
+
////
|
|
13
|
+
|
|
14
|
+
/// Grid width percentage
|
|
15
|
+
///
|
|
16
|
+
/// @param {String} $key - Name of grid width (e.g. two-thirds)
|
|
17
|
+
/// @return {Number} Percentage width
|
|
18
|
+
/// @throw if `$key` is not a valid grid width
|
|
19
|
+
|
|
20
|
+
@function nhsuk-grid-width($key) {
|
|
21
|
+
@if map.has-key($nhsuk-grid-widths, $key) {
|
|
22
|
+
@return map.get($nhsuk-grid-widths, $key);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@error "Unknown grid width `#{$key}`";
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
/// Generate grid column styles
|
|
29
|
+
///
|
|
30
|
+
/// Creates a grid column with standard gutter between the columns.
|
|
31
|
+
///
|
|
32
|
+
/// Grid widths are defined in the `$nhsuk-grid-widths` map.
|
|
33
|
+
///
|
|
34
|
+
/// By default the column width changes from 100% to specified width at the
|
|
35
|
+
/// 'desktop' breakpoint, but other breakpoints can be specified using the `$at`
|
|
36
|
+
/// parameter.
|
|
37
|
+
///
|
|
38
|
+
/// @param {String} $width [full] name of a grid width from $nhsuk-grid-widths
|
|
39
|
+
/// @param {String} $float [left] left | right
|
|
40
|
+
/// @param {String} $at [desktop] - mobile | tablet | desktop | any custom breakpoint
|
|
41
|
+
///
|
|
42
|
+
/// @example scss - Default
|
|
43
|
+
/// .nhsuk-grid-column-two-thirds {
|
|
44
|
+
/// @include nhsuk-grid-column(two-thirds)
|
|
45
|
+
/// }
|
|
46
|
+
///
|
|
47
|
+
/// @example scss - Customising the breakpoint where width percentage is applied
|
|
48
|
+
/// .nhsuk-grid-column-one-half-at-tablet {
|
|
49
|
+
/// @include nhsuk-grid-column(one-half, $at: tablet);
|
|
50
|
+
/// }
|
|
51
|
+
///
|
|
52
|
+
/// @example scss - Customising the float direction
|
|
53
|
+
/// .nhsuk-grid-column-one-half-right {
|
|
54
|
+
/// @include nhsuk-grid-column(two-thirds, $float: right);
|
|
55
|
+
/// }
|
|
56
|
+
///
|
|
57
|
+
/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
|
|
58
|
+
|
|
59
|
+
@mixin nhsuk-grid-column($width: full, $float: left, $at: desktop) {
|
|
60
|
+
box-sizing: border-box;
|
|
61
|
+
|
|
62
|
+
@if $at != tablet {
|
|
63
|
+
width: 100%;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
padding: 0 $nhsuk-gutter-half;
|
|
67
|
+
|
|
68
|
+
@include nhsuk-media-query($from: $at) {
|
|
69
|
+
width: nhsuk-grid-width($width);
|
|
70
|
+
float: $float;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/*# sourceMappingURL=_grid.scss.map */
|
|
@@ -2,14 +2,18 @@
|
|
|
2
2
|
/// Tools
|
|
3
3
|
////
|
|
4
4
|
|
|
5
|
+
@forward "buttons";
|
|
5
6
|
@forward "exports";
|
|
6
7
|
@forward "functions";
|
|
7
8
|
@forward "shape-arrow";
|
|
9
|
+
@forward "shape-chevron";
|
|
10
|
+
@forward "shape-dash";
|
|
8
11
|
@forward "spacing";
|
|
9
12
|
@forward "sass-mq";
|
|
10
13
|
@forward "typography";
|
|
11
14
|
@forward "links";
|
|
12
15
|
@forward "mixins";
|
|
13
|
-
@forward "ifff";
|
|
14
16
|
@forward "grid";
|
|
15
17
|
@forward "focused";
|
|
18
|
+
|
|
19
|
+
/*# sourceMappingURL=_index.scss.map */
|