design_system 0.7.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 +7 -0
- data/MIT-LICENSE +20 -0
- data/README.md +91 -0
- data/Rakefile +47 -0
- data/app/assets/config/design_system_manifest.js +0 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/_base.scss +3 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/all.scss +7 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/_index.scss +38 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/accordion/_accordion.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/accordion/_index.scss +368 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/back-link/_back-link.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/back-link/_index.scss +81 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/breadcrumbs/_breadcrumbs.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/breadcrumbs/_index.scss +132 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/button/_button.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/button/_index.scss +260 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/character-count/_character-count.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/character-count/_index.scss +42 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/checkboxes/_checkboxes.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/checkboxes/_index.scss +309 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/cookie-banner/_cookie-banner.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/cookie-banner/_index.scss +57 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/date-input/_date-input.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/date-input/_index.scss +26 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/details/_details.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/details/_index.scss +137 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/error-message/_error-message.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/error-message/_index.scss +12 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/error-summary/_error-summary.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/error-summary/_index.scss +54 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/exit-this-page/_exit-this-page.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/exit-this-page/_index.scss +90 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/fieldset/_fieldset.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/fieldset/_index.scss +67 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/file-upload/_file-upload.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/file-upload/_index.scss +216 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/footer/_footer.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/footer/_index.scss +192 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/header/_header.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/header/_index.scss +546 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/hint/_hint.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/hint/_index.scss +43 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/input/_index.scss +166 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/input/_input.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/inset-text/_index.scss +24 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/inset-text/_inset-text.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/label/_index.scss +44 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/label/_label.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/notification-banner/_index.scss +91 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/notification-banner/_notification-banner.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/pagination/_index.scss +226 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/pagination/_pagination.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/panel/_index.scss +56 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/panel/_panel.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/password-input/_index.scss +55 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/password-input/_password-input.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/phase-banner/_index.scss +34 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/phase-banner/_phase-banner.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/radios/_index.scss +326 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/radios/_radios.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/select/_index.scss +57 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/select/_select.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/service-navigation/_index.scss +252 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/service-navigation/_service-navigation.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/skip-link/_index.scss +50 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/skip-link/_skip-link.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/summary-list/_index.scss +267 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/summary-list/_summary-list.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/table/_index.scss +73 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/table/_table.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/tabs/_index.scss +132 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/tabs/_tabs.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/tag/_index.scss +95 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/tag/_tag.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/task-list/_index.scss +77 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/task-list/_task-list.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/textarea/_index.scss +48 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/textarea/_textarea.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/warning-text/_index.scss +64 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/components/warning-text/_warning-text.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_global-styles.scss +18 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_govuk-frontend-properties.scss +13 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_index.scss +6 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_links.scss +40 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_lists.scss +65 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_section-break.scss +49 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/core/_typography.scss +187 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_clearfix.scss +15 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_colour.scss +165 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_device-pixels.scss +36 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_focused.scss +57 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_font-faces.scss +39 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_grid.scss +61 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_index.scss +12 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_links.scss +389 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_media-queries.scss +80 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_shape-arrow.scss +80 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_spacing.scss +171 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_typography.scss +286 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/helpers/_visually-hidden.scss +86 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/index.scss +9 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_button-group.scss +78 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_form-group.scss +23 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_grid.scss +24 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_index.scss +6 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_main-wrapper.scss +53 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_template.scss +55 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/objects/_width-container.scss +75 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_all.scss +7 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_display.scss +24 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_index.scss +5 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_spacing.scss +84 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_text-align.scss +14 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_typography.scss +40 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/overrides/_width.scss +46 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_assets.scss +82 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_colours-applied.scss +193 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_colours-organisations.scss +380 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_colours-palette.scss +35 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_global-styles.scss +13 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_index.scss +34 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_links.scss +47 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_measurements.scss +105 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_media-queries.scss +23 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_spacing.scss +76 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_typography-font.scss +50 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_typography-responsive.scss +315 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/settings/_warnings.scss +76 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_exports.scss +33 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_font-url.scss +26 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_image-url.scss +26 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_index.scss +6 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_px-to-em.scss +20 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_px-to-rem.scss +20 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/tools/_rebrand.scss +63 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/utilities/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/utilities/_clearfix.scss +5 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/utilities/_index.scss +2 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/utilities/_visually-hidden.scss +9 -0
- data/app/assets/stylesheets/design_system/govuk-frontend-5.11.1/vendor/_sass-mq.scss +347 -0
- data/app/assets/stylesheets/design_system/govuk.scss +7 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/_index.scss +38 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/action-link/_action-link.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/action-link/_index.scss +73 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/back-link/_back-link.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/back-link/_index.scss +66 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/breadcrumb/_breadcrumb.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/breadcrumb/_index.scss +138 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/button/_button.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/button/_index.scss +257 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/card/_card.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/card/_index.scss +321 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/character-count/_character-count.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/character-count/_index.scss +19 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/checkboxes/_checkboxes.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/checkboxes/_index.scss +155 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/contents-list/_contents-list.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/contents-list/_index.scss +40 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/date-input/_date-input.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/date-input/_index.scss +29 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/details/_details.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/details/_index.scss +211 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/do-dont-list/_do-dont-list.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/do-dont-list/_index.scss +23 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-message/_error-message.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-message/_index.scss +17 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-summary/_error-summary.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/error-summary/_index.scss +72 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/fieldset/_fieldset.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/fieldset/_index.scss +65 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/footer/_footer.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/footer/_index.scss +87 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-base.scss +495 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-organisation.scss +126 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-service.scss +60 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-transactional.scss +61 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header-white.scss +117 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_header.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/header/_index.scss +5 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hero/_hero.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hero/_index.scss +187 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hint/_hint.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/hint/_index.scss +51 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/images/_images.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/images/_index.scss +48 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/input/_index.scss +149 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/input/_input.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/inset-text/_index.scss +28 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/inset-text/_inset-text.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/label/_index.scss +53 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/label/_label.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/pagination/_index.scss +95 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/pagination/_pagination.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/panel/_index.scss +57 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/panel/_panel.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/radios/_index.scss +180 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/radios/_radios.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/select/_index.scss +44 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/select/_select.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/skip-link/_index.scss +34 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/skip-link/_skip-link.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/summary-list/_index.scss +183 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/summary-list/_summary-list.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tables/_index.scss +181 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tables/_tables.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tabs/_index.scss +120 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tabs/_tabs.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tag/_index.scss +92 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/tag/_tag.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/task-list/_index.scss +101 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/task-list/_task-list.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/textarea/_index.scss +30 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/textarea/_textarea.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/warning-callout/_index.scss +19 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/components/warning-callout/_warning-callout.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/_index.scss +11 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/all.scss +8 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_forms.scss +16 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_index.scss +8 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_links.scss +42 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_page.scss +43 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/elements/_table.scss +62 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/generic/_box-sizing.scss +26 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/generic/_font-face.scss +47 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/generic/_index.scss +6 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_form-group.scss +25 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_grid.scss +23 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_index.scss +8 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_main-wrapper.scss +96 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/objects/_width-container.scss +63 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_breakpoints.scss +18 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_colours.scss +188 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_globals.scss +82 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_index.scss +10 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_spacing.scss +79 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_typography.scss +176 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/settings/_warnings.scss +82 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_icons.scss +105 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_index.scss +4 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_lists.scss +115 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_section-break.scss +71 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/styles/_typography.scss +297 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_all.scss +8 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_exports.scss +47 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_focused.scss +86 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_functions.scss +45 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_grid.scss +138 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_ifff.scss +19 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_index.scss +15 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_links.scss +184 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_mixins.scss +520 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_sass-mq.scss +79 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_shape-arrow.scss +91 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_spacing.scss +192 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/tools/_typography.scss +259 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_clearfix.scss +15 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_display.scss +15 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_float.scss +15 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_grid-widths.scss +97 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_index.scss +16 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_link-nowrap.scss +19 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_list-border.scss +20 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_reading-width.scss +16 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_spacing.scss +88 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_text-align.scss +19 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_typography.scss +72 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_visually-hidden.scss +20 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_widths.scss +62 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/vendor/sass-mq.scss +316 -0
- data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/nhsuk.scss +1 -0
- data/app/assets/stylesheets/design_system/nhsuk.scss +5 -0
- data/app/controllers/concerns/design_system/branded.rb +21 -0
- data/app/helpers/css_helper.rb +13 -0
- data/app/helpers/design_system_helper.rb +113 -0
- data/app/javascript/design_system/controllers/hello_world_controller.js +7 -0
- data/app/javascript/design_system/controllers/show_password_controller.js +40 -0
- data/app/javascript/design_system/index.js +11 -0
- data/app/views/govuk/_navigation.html.erb +14 -0
- data/app/views/layouts/_alert_and_notice.html.erb +7 -0
- data/app/views/layouts/govuk/application.html.erb +196 -0
- data/app/views/layouts/govuk/full_page.html.erb +2 -0
- data/app/views/layouts/govuk/left_panel.html.erb +2 -0
- data/app/views/layouts/nhsuk/application.html.erb +132 -0
- data/app/views/layouts/nhsuk/full_page.html.erb +2 -0
- data/app/views/layouts/nhsuk/left_panel.html.erb +2 -0
- data/app/views/nhsuk/_navigation.html.erb +25 -0
- data/config/importmap.rb +4 -0
- data/config/initializers/govuk_form_builder_overrides.rb +128 -0
- data/config/routes.rb +3 -0
- data/lib/design_system/all.rb +3 -0
- data/lib/design_system/components/summary_list.rb +53 -0
- data/lib/design_system/components/tab.rb +20 -0
- data/lib/design_system/components/table.rb +68 -0
- data/lib/design_system/engine.rb +30 -0
- data/lib/design_system/generic/builders/base.rb +18 -0
- data/lib/design_system/generic/builders/button.rb +35 -0
- data/lib/design_system/generic/builders/callout.rb +28 -0
- data/lib/design_system/generic/builders/concerns/brand_derivable.rb +14 -0
- data/lib/design_system/generic/builders/elements/breadcrumbs.rb +45 -0
- data/lib/design_system/generic/builders/elements/form.rb +23 -0
- data/lib/design_system/generic/builders/elements/headings.rb +31 -0
- data/lib/design_system/generic/builders/fixed_elements.rb +38 -0
- data/lib/design_system/generic/builders/heading.rb +38 -0
- data/lib/design_system/generic/builders/link.rb +37 -0
- data/lib/design_system/generic/builders/notification.rb +43 -0
- data/lib/design_system/generic/builders/pagination_renderer.rb +85 -0
- data/lib/design_system/generic/builders/panel.rb +18 -0
- data/lib/design_system/generic/builders/summary_list.rb +84 -0
- data/lib/design_system/generic/builders/tab.rb +17 -0
- data/lib/design_system/generic/builders/table.rb +76 -0
- data/lib/design_system/generic/form_builder.rb +54 -0
- data/lib/design_system/generic.rb +15 -0
- data/lib/design_system/govuk/builders/button.rb +57 -0
- data/lib/design_system/govuk/builders/callout.rb +26 -0
- data/lib/design_system/govuk/builders/elements/breadcrumbs.rb +33 -0
- data/lib/design_system/govuk/builders/elements/headings.rb +18 -0
- data/lib/design_system/govuk/builders/fixed_elements.rb +17 -0
- data/lib/design_system/govuk/builders/heading.rb +11 -0
- data/lib/design_system/govuk/builders/link.rb +23 -0
- data/lib/design_system/govuk/builders/notification.rb +11 -0
- data/lib/design_system/govuk/builders/pagination_renderer.rb +80 -0
- data/lib/design_system/govuk/builders/panel.rb +18 -0
- data/lib/design_system/govuk/builders/summary_list.rb +44 -0
- data/lib/design_system/govuk/builders/tab.rb +56 -0
- data/lib/design_system/govuk/builders/table.rb +79 -0
- data/lib/design_system/govuk/form_builder.rb +430 -0
- data/lib/design_system/govuk.rb +19 -0
- data/lib/design_system/nhsuk/builders/button.rb +11 -0
- data/lib/design_system/nhsuk/builders/callout.rb +11 -0
- data/lib/design_system/nhsuk/builders/elements/breadcrumbs.rb +47 -0
- data/lib/design_system/nhsuk/builders/fixed_elements.rb +15 -0
- data/lib/design_system/nhsuk/builders/heading.rb +11 -0
- data/lib/design_system/nhsuk/builders/link.rb +21 -0
- data/lib/design_system/nhsuk/builders/notification.rb +17 -0
- data/lib/design_system/nhsuk/builders/pagination_renderer.rb +16 -0
- data/lib/design_system/nhsuk/builders/panel.rb +11 -0
- data/lib/design_system/nhsuk/builders/summary_list.rb +34 -0
- data/lib/design_system/nhsuk/builders/tab.rb +11 -0
- data/lib/design_system/nhsuk/builders/table.rb +68 -0
- data/lib/design_system/nhsuk/form_builder.rb +83 -0
- data/lib/design_system/nhsuk.rb +18 -0
- data/lib/design_system/registry.rb +40 -0
- data/lib/design_system/version.rb +3 -0
- data/lib/design_system.rb +7 -0
- data/lib/tasks/design_system_tasks.rake +4 -0
- data/lib/tasks/govuk.rake +122 -0
- data/lib/tasks/nhsuk.rake +108 -0
- data/public/design_system/static/design_system-0.7.0/design_system.js +1309 -0
- data/public/design_system/static/govuk-frontend-5.11.1/fonts/bold-affa96571d-v2.woff +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/fonts/bold-b542beb274-v2.woff2 +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/fonts/light-94a07e06a1-v2.woff2 +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/fonts/light-f591b13f7d-v2.woff +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/govuk-frontend.min.js +1 -0
- data/public/design_system/static/govuk-frontend-5.11.1/govuk-frontend.min.js.map +1 -0
- data/public/design_system/static/govuk-frontend-5.11.1/images/favicon.ico +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/images/favicon.svg +1 -0
- data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-crest.svg +1 -0
- data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-icon-180.png +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-icon-192.png +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-icon-512.png +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-icon-mask.svg +1 -0
- data/public/design_system/static/govuk-frontend-5.11.1/images/govuk-opengraph-image.png +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/manifest.json +39 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/favicon.ico +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/favicon.svg +1 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-crest.svg +1 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-icon-180.png +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-icon-192.png +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-icon-512.png +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-icon-mask.svg +1 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/images/govuk-opengraph-image.png +0 -0
- data/public/design_system/static/govuk-frontend-5.11.1/rebrand/manifest.json +39 -0
- 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.ico +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 +3 -0
- 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 +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-right-circle.svg +4 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-arrow-right.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-chevron-left.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-chevron-right.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-close.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-cross.svg +4 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-emdash-small.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-emdash.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-minus.svg +4 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-plus.svg +4 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-search.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/icons/icon-tick.svg +3 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/logos/logo-nhs.svg +5 -0
- 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 +4 -0
- data/public/design_system/static/nhsuk-frontend-9.6.4/nhsuk.min.js +1 -0
- data/public/design_system/static/stimulus-3.2.2/stimulus-loading.js +87 -0
- data/public/design_system/static/tailwind-4.1.6/index.js +8 -0
- metadata +517 -0
@@ -0,0 +1,88 @@
|
|
1
|
+
// stylelint-disable declaration-no-important
|
2
|
+
|
3
|
+
@use "../settings" as *;
|
4
|
+
@use "../tools" as *;
|
5
|
+
@use "sass:map";
|
6
|
+
|
7
|
+
////
|
8
|
+
/// Spacing
|
9
|
+
///
|
10
|
+
/// @group utilities
|
11
|
+
////
|
12
|
+
|
13
|
+
/// Directions for spacing
|
14
|
+
///
|
15
|
+
/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
|
16
|
+
|
17
|
+
$_spacing-directions: ("top", "right", "bottom", "left") !default;
|
18
|
+
|
19
|
+
/// Generate responsive spacing override classes
|
20
|
+
///
|
21
|
+
/// Generate spacing override classes for the given property (e.g. margin)
|
22
|
+
/// for each point in the responsive spacing scale.
|
23
|
+
///
|
24
|
+
/// @param {String} $property - Property to add spacing to (e.g. 'margin')
|
25
|
+
///
|
26
|
+
/// @example css
|
27
|
+
/// .nhsuk-u-margin-4 {
|
28
|
+
/// margin: 16px !important;
|
29
|
+
/// }
|
30
|
+
///
|
31
|
+
/// @media (min-width: 40.0625em) {
|
32
|
+
/// .nhsuk-u-margin-4 {
|
33
|
+
/// margin: 24px !important;
|
34
|
+
/// }
|
35
|
+
/// }
|
36
|
+
///
|
37
|
+
|
38
|
+
@mixin _nhsuk-generate-responsive-spacing-overrides($property) {
|
39
|
+
// For each point in the spacing scale (defined in settings), create an
|
40
|
+
// override that affects all directions...
|
41
|
+
@each $scale-point, $scale-map in $nhsuk-spacing-responsive-scale {
|
42
|
+
.nhsuk-u-#{$property}-#{$scale-point} {
|
43
|
+
@include nhsuk-responsive-spacing($scale-point, $property, "all", true);
|
44
|
+
}
|
45
|
+
|
46
|
+
// ... and then an override for each individual direction
|
47
|
+
@each $direction in $_spacing-directions {
|
48
|
+
.nhsuk-u-#{$property}-#{$direction}-#{$scale-point} {
|
49
|
+
@include nhsuk-responsive-spacing($scale-point, $property, $direction, true);
|
50
|
+
}
|
51
|
+
}
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
/// Generate static spacing override classes
|
56
|
+
///
|
57
|
+
/// Generate spacing override classes for the given property (e.g. margin)
|
58
|
+
/// for each point in the non-responsive spacing scale.
|
59
|
+
///
|
60
|
+
/// @param {String} $property - Property to add spacing to (e.g. 'margin')
|
61
|
+
///
|
62
|
+
/// @example css
|
63
|
+
/// .nhsuk-u-static-margin-4 {
|
64
|
+
/// margin: 24px !important;
|
65
|
+
/// }
|
66
|
+
///
|
67
|
+
|
68
|
+
@mixin _nhsuk-generate-static-spacing-overrides($property) {
|
69
|
+
@each $spacing-point in map.keys($nhsuk-spacing-points) {
|
70
|
+
.nhsuk-u-static-#{$property}-#{$spacing-point} {
|
71
|
+
#{$property}: nhsuk-spacing($spacing-point) !important;
|
72
|
+
}
|
73
|
+
|
74
|
+
@each $direction in $_spacing-directions {
|
75
|
+
.nhsuk-u-static-#{$property}-#{$direction}-#{$spacing-point} {
|
76
|
+
#{$property}-#{$direction}: nhsuk-spacing($spacing-point) !important;
|
77
|
+
}
|
78
|
+
}
|
79
|
+
}
|
80
|
+
}
|
81
|
+
|
82
|
+
@include nhsuk-exports("nhsuk/core/utilities/spacing") {
|
83
|
+
@include _nhsuk-generate-responsive-spacing-overrides("margin");
|
84
|
+
@include _nhsuk-generate-responsive-spacing-overrides("padding");
|
85
|
+
|
86
|
+
@include _nhsuk-generate-static-spacing-overrides("margin");
|
87
|
+
@include _nhsuk-generate-static-spacing-overrides("padding");
|
88
|
+
}
|
data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_text-align.scss
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
////
|
2
|
+
/// Text align
|
3
|
+
///
|
4
|
+
/// @group utilities
|
5
|
+
////
|
6
|
+
|
7
|
+
// stylelint-disable declaration-no-important
|
8
|
+
|
9
|
+
.nhsuk-u-text-align-left {
|
10
|
+
text-align: left !important;
|
11
|
+
}
|
12
|
+
|
13
|
+
.nhsuk-u-text-align-centre {
|
14
|
+
text-align: center !important;
|
15
|
+
}
|
16
|
+
|
17
|
+
.nhsuk-u-text-align-right {
|
18
|
+
text-align: right !important;
|
19
|
+
}
|
data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_typography.scss
ADDED
@@ -0,0 +1,72 @@
|
|
1
|
+
@use "sass:map";
|
2
|
+
@use "../settings" as *;
|
3
|
+
@use "../tools" as *;
|
4
|
+
|
5
|
+
////
|
6
|
+
/// Typography
|
7
|
+
///
|
8
|
+
/// @group utilities
|
9
|
+
////
|
10
|
+
|
11
|
+
// Utility classes are allowed to use !important;
|
12
|
+
// so we disable stylelint for that rule
|
13
|
+
|
14
|
+
/// Font size and line height
|
15
|
+
///
|
16
|
+
/// Generate typography override classes for each responsive font map in the
|
17
|
+
/// typography scale eg .nhsuk-u-font-size-48
|
18
|
+
///
|
19
|
+
/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
|
20
|
+
|
21
|
+
// nhsuk-u-font-size-24 is deprecated
|
22
|
+
@each $size, $font-map in $nhsuk-typography-scale {
|
23
|
+
.nhsuk-u-font-size-#{$size} {
|
24
|
+
$font-map: map.get($nhsuk-typography-scale, $size);
|
25
|
+
|
26
|
+
// Add underscore to deprecated typography scale keys
|
27
|
+
@if map.has-key($font-map, "deprecation") {
|
28
|
+
$size: _#{$size};
|
29
|
+
}
|
30
|
+
|
31
|
+
@include nhsuk-font-size($size, $important: true);
|
32
|
+
}
|
33
|
+
}
|
34
|
+
|
35
|
+
/// Weights
|
36
|
+
///
|
37
|
+
/// Generate font weight override classes for normal and bold
|
38
|
+
///
|
39
|
+
/// @example html
|
40
|
+
/// <h3 class="nhsuk-heading-s nhsuk-u-font-weight-normal">Example</h3>
|
41
|
+
/// <p class="nhsuk-u-font-weight-bold">Example</p>
|
42
|
+
|
43
|
+
.nhsuk-u-font-weight-normal {
|
44
|
+
@include nhsuk-typography-weight-normal($important: true);
|
45
|
+
}
|
46
|
+
|
47
|
+
.nhsuk-u-font-weight-bold {
|
48
|
+
@include nhsuk-typography-weight-bold($important: true);
|
49
|
+
}
|
50
|
+
|
51
|
+
/// Typography helpers
|
52
|
+
|
53
|
+
/// Word break
|
54
|
+
///
|
55
|
+
/// @example html
|
56
|
+
/// <p class="text-u-word-break-word"></p>
|
57
|
+
|
58
|
+
.nhsuk-u-text-break-word {
|
59
|
+
@include nhsuk-text-break-word($important: true);
|
60
|
+
}
|
61
|
+
|
62
|
+
/// Colours
|
63
|
+
|
64
|
+
/// Secondary text colour
|
65
|
+
///
|
66
|
+
/// @example html
|
67
|
+
/// <p class="nhsuk-u-secondary-text-color">Published on: 15 March 2018</p>
|
68
|
+
|
69
|
+
.nhsuk-u-secondary-text-color {
|
70
|
+
// stylelint-disable-next-line declaration-no-important
|
71
|
+
color: $nhsuk-secondary-text-color !important;
|
72
|
+
}
|
data/app/assets/stylesheets/design_system/nhsuk-frontend-9.6.4/core/utilities/_visually-hidden.scss
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
@use "../tools" as *;
|
2
|
+
|
3
|
+
////
|
4
|
+
/// Visually hidden
|
5
|
+
///
|
6
|
+
/// Hide elements visually but keep it in the DOM
|
7
|
+
///
|
8
|
+
/// @group utilities
|
9
|
+
///
|
10
|
+
/// @example html
|
11
|
+
/// <span class="nhsuk-u-visually-hidden">Error:</span>
|
12
|
+
////
|
13
|
+
|
14
|
+
.nhsuk-u-visually-hidden {
|
15
|
+
@include nhsuk-visually-hidden;
|
16
|
+
}
|
17
|
+
|
18
|
+
.nhsuk-u-visually-hidden-focusable {
|
19
|
+
@include nhsuk-visually-hidden-focusable;
|
20
|
+
}
|
@@ -0,0 +1,62 @@
|
|
1
|
+
@use "sass:math";
|
2
|
+
@use "../tools" as *;
|
3
|
+
|
4
|
+
////
|
5
|
+
/// Widths
|
6
|
+
///
|
7
|
+
/// Force element widths on all screen sizes
|
8
|
+
///
|
9
|
+
/// @group utilities
|
10
|
+
/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)
|
11
|
+
///
|
12
|
+
/// @example html
|
13
|
+
/// <input class="nhsuk-input nhsuk-u-width-full" id="example" name="example" type="text">
|
14
|
+
////
|
15
|
+
|
16
|
+
// Utility classes are allowed to use !important;
|
17
|
+
// so we disable stylelint for that rule
|
18
|
+
// stylelint-disable declaration-no-important
|
19
|
+
|
20
|
+
.nhsuk-u-width-full {
|
21
|
+
width: 100% !important;
|
22
|
+
}
|
23
|
+
|
24
|
+
.nhsuk-u-width-three-quarters {
|
25
|
+
width: 100% !important;
|
26
|
+
|
27
|
+
@include nhsuk-media-query($from: tablet) {
|
28
|
+
width: math.percentage(math.div(3, 4)) !important;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
.nhsuk-u-width-two-thirds {
|
33
|
+
width: 100% !important;
|
34
|
+
|
35
|
+
@include nhsuk-media-query($from: tablet) {
|
36
|
+
width: math.percentage(math.div(2, 3)) !important;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
.nhsuk-u-width-one-half {
|
41
|
+
width: 100% !important;
|
42
|
+
|
43
|
+
@include nhsuk-media-query($from: tablet) {
|
44
|
+
width: math.percentage(math.div(1, 2)) !important;
|
45
|
+
}
|
46
|
+
}
|
47
|
+
|
48
|
+
.nhsuk-u-width-one-third {
|
49
|
+
width: 100% !important;
|
50
|
+
|
51
|
+
@include nhsuk-media-query($from: tablet) {
|
52
|
+
width: math.percentage(math.div(1, 3)) !important;
|
53
|
+
}
|
54
|
+
}
|
55
|
+
|
56
|
+
.nhsuk-u-width-one-quarter {
|
57
|
+
width: 100% !important;
|
58
|
+
|
59
|
+
@include nhsuk-media-query($from: tablet) {
|
60
|
+
width: math.percentage(math.div(1, 4)) !important;
|
61
|
+
}
|
62
|
+
}
|
@@ -0,0 +1,316 @@
|
|
1
|
+
@use "../settings/warnings" as *;
|
2
|
+
|
3
|
+
// mq() v6.0.0
|
4
|
+
// sass-mq/sass-mq
|
5
|
+
|
6
|
+
@use "sass:list";
|
7
|
+
@use "sass:math";
|
8
|
+
@use "sass:map";
|
9
|
+
@use "sass:meta";
|
10
|
+
@use "sass:string";
|
11
|
+
|
12
|
+
/// Breakpoint list
|
13
|
+
///
|
14
|
+
/// Name your breakpoints in a way that creates a ubiquitous language
|
15
|
+
/// across team members. It will improve communication between
|
16
|
+
/// stakeholders, designers, developers, and testers.
|
17
|
+
///
|
18
|
+
/// @type Map
|
19
|
+
/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples
|
20
|
+
$mq-breakpoints: (
|
21
|
+
mobile: 320px,
|
22
|
+
tablet: 740px,
|
23
|
+
desktop: 980px,
|
24
|
+
wide: 1300px
|
25
|
+
) !default;
|
26
|
+
|
27
|
+
/// Show breakpoints in the top right corner
|
28
|
+
///
|
29
|
+
/// If you want to display the currently active breakpoint in the top
|
30
|
+
/// right corner of your site during development, add the breakpoints
|
31
|
+
/// to this list, ordered by width. For example: (mobile, tablet, desktop).
|
32
|
+
///
|
33
|
+
/// @example scss
|
34
|
+
/// @use 'path/to/mq' with ($mq-show-breakpoints: ('mobile', 'tablet', 'desktop'));
|
35
|
+
///
|
36
|
+
///
|
37
|
+
/// @type map
|
38
|
+
$mq-show-breakpoints: () !default;
|
39
|
+
|
40
|
+
/// Customize the media type (for example: `@media screen` or `@media print`)
|
41
|
+
/// By default sass-mq uses an "all" media type (`@media all and …`)
|
42
|
+
///
|
43
|
+
/// If you want to overried the media type, you can use this option.
|
44
|
+
/// @example scss
|
45
|
+
/// @use 'path/to/mq' with ($media-type: 'screen');
|
46
|
+
///
|
47
|
+
/// @type String
|
48
|
+
/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and example
|
49
|
+
$mq-media-type: all !default;
|
50
|
+
|
51
|
+
/// Convert pixels to ems
|
52
|
+
///
|
53
|
+
/// @param {Number} $px - value to convert
|
54
|
+
///
|
55
|
+
/// @example scss
|
56
|
+
/// $font-size-in-ems: px2em(16px);
|
57
|
+
/// p { font-size: px2em(16px); }
|
58
|
+
///
|
59
|
+
/// @returns {Number}
|
60
|
+
|
61
|
+
@function px2em($px) {
|
62
|
+
@if math.is-unitless($px) {
|
63
|
+
@warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels.";
|
64
|
+
@return px2em($px * 1px);
|
65
|
+
}
|
66
|
+
// if $px is compatible with em units, then return value unchanged
|
67
|
+
@if math.compatible($px, 1em) {
|
68
|
+
@return $px;
|
69
|
+
}
|
70
|
+
@return math.div($px, 16px) * 1em;
|
71
|
+
}
|
72
|
+
|
73
|
+
/// Get a breakpoint's width
|
74
|
+
///
|
75
|
+
/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints
|
76
|
+
///
|
77
|
+
/// @example scss
|
78
|
+
/// $tablet-width: get-breakpoint-width(tablet);
|
79
|
+
/// @media (min-width: get-breakpoint-width(tablet)) {}
|
80
|
+
///
|
81
|
+
/// @requires {Variable} $mq-breakpoints
|
82
|
+
///
|
83
|
+
/// @returns {Number} Value in pixels
|
84
|
+
@function get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {
|
85
|
+
@if map.has-key($breakpoints, $name) {
|
86
|
+
@return map.get($breakpoints, $name);
|
87
|
+
} @else {
|
88
|
+
@warn "Breakpoint #{$name} wasn't found in $breakpoints.";
|
89
|
+
@return null;
|
90
|
+
}
|
91
|
+
}
|
92
|
+
|
93
|
+
/// Media Query mixin
|
94
|
+
///
|
95
|
+
/// @param {String | Boolean} $from [false] - One of $mq-breakpoints
|
96
|
+
/// @param {String | Boolean} $until [false] - One of $mq-breakpoints
|
97
|
+
/// @param {String | Boolean} $and [false] - Additional media query parameters
|
98
|
+
/// @param {String} $media-type [$mq-media-type] - Media type: screen, print…
|
99
|
+
///
|
100
|
+
/// @ignore Undocumented API, for advanced use only:
|
101
|
+
/// @ignore @param {Map} $breakpoints [$mq-breakpoints]
|
102
|
+
///
|
103
|
+
/// @param {Boolean} $silence-warning [false] - Whether to silence deprecation
|
104
|
+
/// warning to use nhsuk-media-query instead
|
105
|
+
///
|
106
|
+
/// @content styling rules, wrapped into a @media query when $responsive is true
|
107
|
+
///
|
108
|
+
/// @requires {Variable} $mq-media-type
|
109
|
+
/// @requires {Variable} $mq-breakpoints
|
110
|
+
/// @requires {function} px2em
|
111
|
+
/// @requires {function} get-breakpoint-width
|
112
|
+
///
|
113
|
+
/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples
|
114
|
+
///
|
115
|
+
/// @example scss
|
116
|
+
/// @use 'path/to/mq' as *;
|
117
|
+
/// .element {
|
118
|
+
/// @include mq($from: mobile) {
|
119
|
+
/// color: red;
|
120
|
+
/// }
|
121
|
+
/// @include mq($until: tablet) {
|
122
|
+
/// color: blue;
|
123
|
+
/// }
|
124
|
+
/// @include mq(mobile, tablet) {
|
125
|
+
/// color: green;
|
126
|
+
/// }
|
127
|
+
/// @include mq($from: tablet, $and: '(orientation: landscape)') {
|
128
|
+
/// color: teal;
|
129
|
+
/// }
|
130
|
+
/// @include mq(950px) {
|
131
|
+
/// color: hotpink;
|
132
|
+
/// }
|
133
|
+
/// @include mq(tablet, $media-type: screen) {
|
134
|
+
/// color: hotpink;
|
135
|
+
/// }
|
136
|
+
/// // Advanced use:
|
137
|
+
/// $my-breakpoints: (L: 900px, XL: 1200px);
|
138
|
+
/// @include mq(L, $breakpoints: $my-breakpoints) {
|
139
|
+
/// color: hotpink;
|
140
|
+
/// }
|
141
|
+
/// }
|
142
|
+
@mixin mq(
|
143
|
+
$from: false,
|
144
|
+
$until: false,
|
145
|
+
$and: false,
|
146
|
+
$media-type: $mq-media-type,
|
147
|
+
$breakpoints: $mq-breakpoints,
|
148
|
+
$silence-warning: false
|
149
|
+
) {
|
150
|
+
$min-width: 0;
|
151
|
+
$max-width: 0;
|
152
|
+
$media-query: "";
|
153
|
+
|
154
|
+
@if not $silence-warning {
|
155
|
+
@include nhsuk-warning("mq", "mq is deprecated. Use nhsuk-media-query instead.");
|
156
|
+
}
|
157
|
+
|
158
|
+
// From: this breakpoint (inclusive)
|
159
|
+
@if $from {
|
160
|
+
@if meta.type-of($from) == number {
|
161
|
+
$min-width: px2em($from);
|
162
|
+
} @else {
|
163
|
+
$min-width: px2em(get-breakpoint-width($from, $breakpoints));
|
164
|
+
}
|
165
|
+
}
|
166
|
+
|
167
|
+
// Until: that breakpoint (exclusive)
|
168
|
+
@if $until {
|
169
|
+
@if meta.type-of($until) == number {
|
170
|
+
$max-width: px2em($until);
|
171
|
+
} @else {
|
172
|
+
$max-width: px2em(get-breakpoint-width($until, $breakpoints)) - 0.01em;
|
173
|
+
}
|
174
|
+
}
|
175
|
+
|
176
|
+
@if $min-width != 0 {
|
177
|
+
$media-query: "#{$media-query} and (min-width: #{$min-width})";
|
178
|
+
}
|
179
|
+
@if $max-width != 0 {
|
180
|
+
$media-query: "#{$media-query} and (max-width: #{$max-width})";
|
181
|
+
}
|
182
|
+
@if $and {
|
183
|
+
$media-query: "#{$media-query} and #{$and}";
|
184
|
+
}
|
185
|
+
|
186
|
+
// Remove unnecessary media query prefix 'all and '
|
187
|
+
@if ($media-type == "all" and $media-query != "") {
|
188
|
+
$media-type: "";
|
189
|
+
$media-query: string.slice(string.unquote($media-query), 6);
|
190
|
+
}
|
191
|
+
|
192
|
+
@media #{$media-type + $media-query} {
|
193
|
+
@content;
|
194
|
+
}
|
195
|
+
}
|
196
|
+
|
197
|
+
/// Quick sort
|
198
|
+
///
|
199
|
+
/// @author Sam Richards
|
200
|
+
/// @access private
|
201
|
+
/// @param {List} $list - List to sort
|
202
|
+
/// @returns {List} Sorted List
|
203
|
+
@function _quick-sort($list) {
|
204
|
+
$less: ();
|
205
|
+
$equal: ();
|
206
|
+
$large: ();
|
207
|
+
|
208
|
+
@if length($list) > 1 {
|
209
|
+
$seed: list.nth($list, math.ceil(math.div(length($list), 2)));
|
210
|
+
|
211
|
+
@each $item in $list {
|
212
|
+
@if ($item == $seed) {
|
213
|
+
$equal: list.append($equal, $item);
|
214
|
+
} @else if ($item < $seed) {
|
215
|
+
$less: list.append($less, $item);
|
216
|
+
} @else if ($item > $seed) {
|
217
|
+
$large: list.append($large, $item);
|
218
|
+
}
|
219
|
+
}
|
220
|
+
|
221
|
+
@return join(join(_quick-sort($less), $equal), _quick-sort($large));
|
222
|
+
}
|
223
|
+
|
224
|
+
@return $list;
|
225
|
+
}
|
226
|
+
|
227
|
+
/// Sort a map by values (works with numbers only)
|
228
|
+
///
|
229
|
+
/// @access private
|
230
|
+
/// @param {Map} $map - Map to sort
|
231
|
+
/// @returns {Map} Map sorted by value
|
232
|
+
@function _map-sort-by-value($map) {
|
233
|
+
$map-sorted: ();
|
234
|
+
$map-keys: map.keys($map);
|
235
|
+
$map-values: map.values($map);
|
236
|
+
$map-values-sorted: _quick-sort($map-values);
|
237
|
+
|
238
|
+
// Reorder key/value pairs based on key values
|
239
|
+
@each $value in $map-values-sorted {
|
240
|
+
$index: index($map-values, $value);
|
241
|
+
$key: list.nth($map-keys, $index);
|
242
|
+
$map-sorted: map.merge(
|
243
|
+
$map-sorted,
|
244
|
+
(
|
245
|
+
$key: $value
|
246
|
+
)
|
247
|
+
);
|
248
|
+
|
249
|
+
// Unset the value in $map-values to prevent the loop
|
250
|
+
// from finding the same index twice
|
251
|
+
$map-values: list.set-nth($map-values, $index, 0);
|
252
|
+
}
|
253
|
+
|
254
|
+
@return $map-sorted;
|
255
|
+
}
|
256
|
+
|
257
|
+
/// Add a breakpoint
|
258
|
+
///
|
259
|
+
/// @param {String} $name - Name of the breakpoint
|
260
|
+
/// @param {Number} $width - Width of the breakpoint
|
261
|
+
///
|
262
|
+
/// @requires {Variable} $mq-breakpoints
|
263
|
+
///
|
264
|
+
/// @example scss
|
265
|
+
/// @include add-breakpoint(tvscreen, 1920px);
|
266
|
+
/// @include mq(tvscreen) {}
|
267
|
+
@mixin add-breakpoint($name, $width) {
|
268
|
+
$new-breakpoint: (
|
269
|
+
$name: $width
|
270
|
+
);
|
271
|
+
$mq-breakpoints: map.merge($mq-breakpoints, $new-breakpoint) !global;
|
272
|
+
$mq-breakpoints: _map-sort-by-value($mq-breakpoints) !global;
|
273
|
+
}
|
274
|
+
|
275
|
+
/// Show the active breakpoint in the top right corner of the viewport
|
276
|
+
/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint
|
277
|
+
///
|
278
|
+
/// @param {List} $show-breakpoints [$mq-show-breakpoints] - List of breakpoints to show in the top right corner
|
279
|
+
/// @param {Map} $breakpoints [$mq-breakpoints] - Breakpoint names and sizes
|
280
|
+
///
|
281
|
+
/// @requires {Variable} $mq-breakpoints
|
282
|
+
/// @requires {Variable} $mq-show-breakpoints
|
283
|
+
///
|
284
|
+
/// @example scss
|
285
|
+
/// // Show breakpoints using global settings
|
286
|
+
/// @include show-breakpoints;
|
287
|
+
///
|
288
|
+
/// // Show breakpoints using custom settings
|
289
|
+
/// @include show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));
|
290
|
+
@mixin show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {
|
291
|
+
body:before {
|
292
|
+
background-color: #fcf8e3;
|
293
|
+
border-bottom: 1px solid #fbeed5;
|
294
|
+
border-left: 1px solid #fbeed5;
|
295
|
+
color: #c09853;
|
296
|
+
font: small-caption;
|
297
|
+
padding: 3px 6px;
|
298
|
+
pointer-events: none;
|
299
|
+
position: fixed;
|
300
|
+
right: 0;
|
301
|
+
top: 0;
|
302
|
+
z-index: 100;
|
303
|
+
|
304
|
+
// Loop through the breakpoints that should be shown
|
305
|
+
@each $show-breakpoint in $show-breakpoints {
|
306
|
+
$width: get-breakpoint-width($show-breakpoint, $breakpoints);
|
307
|
+
@include mq($show-breakpoint, $breakpoints: $breakpoints) {
|
308
|
+
content: "#{$show-breakpoint} ≥ #{$width} (#{px2em($width)})";
|
309
|
+
}
|
310
|
+
}
|
311
|
+
}
|
312
|
+
}
|
313
|
+
|
314
|
+
@if list.length($mq-show-breakpoints) > 0 {
|
315
|
+
@include show-breakpoints;
|
316
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
@forward ".";
|
@@ -0,0 +1,21 @@
|
|
1
|
+
module DesignSystem
|
2
|
+
# This concern manages choosing the relevant layout for our given design system
|
3
|
+
module Branded
|
4
|
+
extend ActiveSupport::Concern
|
5
|
+
|
6
|
+
included do
|
7
|
+
attr_reader :navigation_items
|
8
|
+
|
9
|
+
helper DesignSystemHelper
|
10
|
+
end
|
11
|
+
|
12
|
+
def brand
|
13
|
+
raise NotImplementedError, 'You need to implement #brand in your ApplicationController'
|
14
|
+
end
|
15
|
+
|
16
|
+
def add_navigation_item(label, path, options = {})
|
17
|
+
@navigation_items ||= []
|
18
|
+
@navigation_items << { label:, path:, options: }
|
19
|
+
end
|
20
|
+
end
|
21
|
+
end
|
@@ -0,0 +1,13 @@
|
|
1
|
+
# Copied from NdrUi css_helper.rb
|
2
|
+
module CssHelper
|
3
|
+
# This method merges the specified css_classes into the options hash
|
4
|
+
def css_class_options_merge(options, css_classes = [], &)
|
5
|
+
options = options.symbolize_keys
|
6
|
+
css_classes += options[:class].split(' ') if options.include?(:class)
|
7
|
+
yield(css_classes) if block_given?
|
8
|
+
options[:class] = css_classes.join(' ') unless css_classes.empty?
|
9
|
+
raise "Multiple css class definitions: #{css_classes.inspect}" unless css_classes == css_classes.uniq
|
10
|
+
|
11
|
+
options
|
12
|
+
end
|
13
|
+
end
|