expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/details works when user @imports the component 1` - Snapshot - 7 + Received + 13 @@ -138,16 +138,10 @@ .govuk-details { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; - margin-bottom: 20px; - display: block; - color: var(--govuk-text-colour, #0b0c0c); } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -165,21 +159,33 @@ @media print { .govuk-details { font-family: sans-serif; } } + .govuk-details { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } @media print { .govuk-details { font-size: 14pt; line-height: 1.15; } } + .govuk-details { + margin-bottom: 20px; + } @media (min-width: 40.0625em) { .govuk-details { margin-bottom: 30px; } - } + } + .govuk-details { + display: block; + color: var(--govuk-text-colour, #0b0c0c); + } .govuk-details__summary { display: block; } ↵ at Object.toMatchSnapshot (tests/sass-tests/individual-components.integration.test.mjs:29:19)

expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/date-input works when user @imports the component 1` - Snapshot - 95 + Received + 121 @@ -238,18 +238,10 @@ .govuk-error-message { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 700; - font-size: 1.1875rem; - line-height: 1.3157894737; - display: block; - margin-top: 0; - margin-bottom: 15px; - clear: both; - color: var(--govuk-error-colour, #ca3535); } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -267,15 +259,27 @@ @media print { .govuk-error-message { font-family: sans-serif; } } - @media print { - .govuk-error-message { - font-size: 14pt; - line-height: 1.15; - } + .govuk-error-message { + font-weight: 700; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-error-message { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-error-message { + display: block; + margin-top: 0; + margin-bottom: 15px; + clear: both; + color: var(--govuk-error-colour, #ca3535); } @@ -580,26 +584,30 @@ .govuk-hint { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; - margin-bottom: 15px; - color: var(--govuk-secondary-text-colour, #484949); - } - @media print { - .govuk-hint { - font-family: sans-serif; - } - } - @media print { - .govuk-hint { - font-size: 14pt; + } + @media print { + .govuk-hint { + font-family: sans-serif; + } + } + .govuk-hint { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-hint { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-hint { + margin-bottom: 15px; - line-height: 1.15; - } + color: var(--govuk-secondary-text-colour, #484949); } .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint { margin-bottom: 10px; } @@ -715,27 +723,31 @@ .govuk-label { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; - display: block; - margin-bottom: 5px; - color: var(--govuk-text-colour, #0b0c0c); - } - @media print { - .govuk-label { - font-family: sans-serif; - } - } - @media print { - .govuk-label { - font-size: 14pt; - line-height: 1.15; - } + } + @media print { + .govuk-label { + font-family: sans-serif; + } + } + .govuk-label { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-label { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-label { + display: block; + margin-bottom: 5px; + color: var(--govuk-text-colour, #0b0c0c); } .govuk-label--xl, .govuk-label--l, .govuk-label--m { @@ -805,13 +817,28 @@ .govuk-input { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; + } + @media print { + .govuk-input { + font-family: sans-serif; + } + } + .govuk-input { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-input { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-input { box-sizing: border-box; width: 100%; height: 2.5rem; margin-top: 0; padding: 5px; @@ -819,21 +846,10 @@

expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/cookie-banner works when user @imports the component 1` - Snapshot - 40 + Received + 50 @@ -238,31 +238,10 @@ .govuk-button { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1; - box-sizing: border-box; - display: inline-block; - position: relative; - width: 100%; - margin-top: 0; - margin-right: 0; - margin-left: 0; - margin-bottom: 22px; - padding: 8px 10px 7px; - border: 2px solid transparent; - border-radius: 0; - color: #ffffff; - background-color: #0f7a52; - box-shadow: 0 2px 0 #083d29; - text-align: center; - vertical-align: top; - cursor: pointer; - -webkit-appearance: none; } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -280,20 +259,47 @@ @media print { .govuk-button { font-family: sans-serif; } } + .govuk-button { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1; + } @media print { .govuk-button { font-size: 14pt; line-height: 19px; } } - @media (min-width: 40.0625em) { - .govuk-button { - margin-bottom: 32px; - } + .govuk-button { + box-sizing: border-box; + display: inline-block; + position: relative; + width: 100%; + margin-top: 0; + margin-right: 0; + margin-left: 0; + margin-bottom: 22px; + } + @media (min-width: 40.0625em) { + .govuk-button { + margin-bottom: 32px; + } + } + .govuk-button { + padding: 8px 10px 7px; + border: 2px solid transparent; + border-radius: 0; + color: #ffffff; + background-color: #0f7a52; + box-shadow: 0 2px 0 #083d29; + text-align: center; + vertical-align: top; + cursor: pointer; + -webkit-appearance: none; } @media (min-width: 40.0625em) { .govuk-button { width: auto; } @@ -393,13 +399,10 @@ .govuk-button--start { font-weight: 700; font-size: 1.3125rem; line-height: 1; - display: inline-flex; - min-height: auto; - justify-content: center; } @media (min-width: 40.0625em) { .govuk-button--start { font-size: 1.5rem; line-height: 1; @@ -409,22 +412,29 @@ .govuk-button--start { font-size: 18pt; line-height: 1; } } - - .govuk-button__start-icon { - margin-left: 5px; - vertical-align: middle; + .govuk-button--start { + display: inline-flex; - flex-shrink: 0; - align-self: center; - forced-color-adjust: auto; - } - @media (min-width: 48.0625em) { - .govuk-button__start-icon { - margin-left: 10px; - } + min-height: auto; + justify-content: center; + } + + .govuk-button__start-icon { + margin-left: 5px; + } + @media (min-width: 48.0625em) { + .govuk-button__start-icon { + margin-left: 10px; + } + } + .govuk-button__start-icon { + vertical-align: middle; + flex-shrink: 0; + align-self: center; + forced-color-adjust: auto; } .govuk-cookie-banner { padding-top: 20px; at Object.toMatchSnapshot (tests/sass-tests/individual-components.integration.test.mjs:29:19)

expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/checkboxes works when user @imports the component 1` - Snapshot - 91 + Received + 115 @@ -238,18 +238,10 @@ .govuk-error-message { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 700; - font-size: 1.1875rem; - line-height: 1.3157894737; - display: block; - margin-top: 0; - margin-bottom: 15px; - clear: both; - color: var(--govuk-error-colour, #ca3535); } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -267,17 +259,28 @@ @media print { .govuk-error-message { font-family: sans-serif; } } - @media print { - .govuk-error-message { - font-size: 14pt; - line-height: 1.15; - } - } - + .govuk-error-message { + font-weight: 700; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-error-message { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-error-message { + display: block; + margin-top: 0; + margin-bottom: 15px; + clear: both; + color: var(--govuk-error-colour, #ca3535); + } @@ -375,10 +378,11 @@ + .govuk-fieldset { min-width: 0; margin: 0; padding: 0; border: 0; @@ -397,32 +401,36 @@ } .govuk-fieldset__legend { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; + } + @media print { + .govuk-fieldset__legend { + font-family: sans-serif; + } + } + .govuk-fieldset__legend { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-fieldset__legend { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-fieldset__legend { box-sizing: border-box; display: table; max-width: 100%; margin-bottom: 10px; padding: 0; color: var(--govuk-text-colour, #0b0c0c); white-space: normal; - } - @media print { - .govuk-fieldset__legend { - font-family: sans-serif; - } - } - @media print { - .govuk-fieldset__legend { - font-size: 14pt; - line-height: 1.15; - } - } + } .govuk-fieldset__legend--xl, .govuk-fieldset__legend--l, .govuk-fieldset__legend--m { font-weight: 700; @@ -593,26 +601,30 @@ .govuk-hint { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; - margin-bottom: 15px; - color: var(--govuk-secondary-text-colour, #484949); - } - @media print { - .govuk-hint { - font-family: sans-serif; - } - } - @media print { - .govuk-hint { - font-size: 14pt; - line-height: 1.15; - } + } + @media print { + .govuk-hint { + font-family: sans-serif; + } + } + .govuk-hint { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-hint { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-hint { + margin-bottom: 15px; + color: var(--govuk-secondary-text-colour, #484949); } .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint { margin-bottom: 10px; } @@ -728,27 +740,31 @@ .govuk-label { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; - display: block; - margin-bottom: 5px; - color: var(--govuk-text-colour, #0b0c0c); - } - @media print { - .govuk-label { - font-family: sans-serif;

expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/character-count works when user @imports the component 1` - Snapshot - 73 + Received + 91 @@ -239,18 +239,10 @@ .govuk-error-message { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 700; - font-size: 1.1875rem; - line-height: 1.3157894737; - display: block; - margin-top: 0; - margin-bottom: 15px; - clear: both; - color: var(--govuk-error-colour, #ca3535); } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -268,15 +260,27 @@ @media print { .govuk-error-message { font-family: sans-serif; } } - @media print { - .govuk-error-message { - font-size: 14pt; - line-height: 1.15; - } + .govuk-error-message { + font-weight: 700; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-error-message { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-error-message { + display: block; + margin-top: 0; + margin-bottom: 15px; + clear: both; + color: var(--govuk-error-colour, #ca3535); } @@ -380,26 +384,30 @@ .govuk-hint { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + } + @media print { + .govuk-hint { + font-family: sans-serif; + } + } + .govuk-hint { font-weight: 400; font-size: 1.1875rem; line-height: 1.3157894737; - margin-bottom: 15px; - color: var(--govuk-secondary-text-colour, #484949); - } - @media print { - .govuk-hint { - font-family: sans-serif; - } - } - @media print { - .govuk-hint { - font-size: 14pt; - line-height: 1.15; - } + } + @media print { + .govuk-hint { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-hint { + margin-bottom: 15px; + color: var(--govuk-secondary-text-colour, #484949); } .govuk-label:not(.govuk-label--m):not(.govuk-label--l):not(.govuk-label--xl) + .govuk-hint { margin-bottom: 10px; } @@ -515,27 +523,31 @@ .govuk-label { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; - display: block; - margin-bottom: 5px; - color: var(--govuk-text-colour, #0b0c0c); - } - @media print { - .govuk-label { - font-family: sans-serif; - } - } - @media print { - .govuk-label { - font-size: 14pt; - line-height: 1.15; - } + } + @media print { + .govuk-label { + font-family: sans-serif; + } + } + .govuk-label { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-label { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-label { + display: block; + margin-bottom: 5px; + color: var(--govuk-text-colour, #0b0c0c); } .govuk-label--xl, .govuk-label--l, .govuk-label--m { @@ -1008,40 +1020,46 @@ .govuk-textarea { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.25; - box-sizing: border-box; - display: block; - width: 100%; - min-height: 40px; - margin-bottom: 20px; - padding: 5px; - resize: vertical; - border: 2px solid; - border-radius: 0; - border-color: var(--govuk-input-border-colour, #0b0c0c); - -webkit-appearance: none; - } - @media print { - .govuk-textarea { - font-family: sans-serif; - } - } - @media print { - .govuk-textarea { - font-size: 14pt; - line-height: 1.25; - } - } - @media (min-width: 40.0625em

expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/button works when user @imports the component 1` - Snapshot - 40 + Received + 50 @@ -138,31 +138,10 @@ .govuk-button { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1; - box-sizing: border-box; - display: inline-block; - position: relative; - width: 100%; - margin-top: 0; - margin-right: 0; - margin-left: 0; - margin-bottom: 22px; - padding: 8px 10px 7px; - border: 2px solid transparent; - border-radius: 0; - color: #ffffff; - background-color: #0f7a52; - box-shadow: 0 2px 0 #083d29; - text-align: center; - vertical-align: top; - cursor: pointer; - -webkit-appearance: none; } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -180,20 +159,47 @@ @media print { .govuk-button { font-family: sans-serif; } } + .govuk-button { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1; + } @media print { .govuk-button { font-size: 14pt; line-height: 19px; } } - @media (min-width: 40.0625em) { - .govuk-button { - margin-bottom: 32px; - } + .govuk-button { + box-sizing: border-box; + display: inline-block; + position: relative; + width: 100%; + margin-top: 0; + margin-right: 0; + margin-left: 0; + margin-bottom: 22px; + } + @media (min-width: 40.0625em) { + .govuk-button { + margin-bottom: 32px; + } + } + .govuk-button { + padding: 8px 10px 7px; + border: 2px solid transparent; + border-radius: 0; + color: #ffffff; + background-color: #0f7a52; + box-shadow: 0 2px 0 #083d29; + text-align: center; + vertical-align: top; + cursor: pointer; + -webkit-appearance: none; } @media (min-width: 40.0625em) { .govuk-button { width: auto; } @@ -293,13 +299,10 @@ .govuk-button--start { font-weight: 700; font-size: 1.3125rem; line-height: 1; - display: inline-flex; - min-height: auto; - justify-content: center; } @media (min-width: 40.0625em) { .govuk-button--start { font-size: 1.5rem; line-height: 1; @@ -309,20 +312,27 @@ .govuk-button--start { font-size: 18pt; line-height: 1; } } - - .govuk-button__start-icon { - margin-left: 5px; - vertical-align: middle; + .govuk-button--start { + display: inline-flex; - flex-shrink: 0; - align-self: center; - forced-color-adjust: auto; - } - @media (min-width: 48.0625em) { - .govuk-button__start-icon { - margin-left: 10px; - } + min-height: auto; + justify-content: center; + } + + .govuk-button__start-icon { + margin-left: 5px; + } + @media (min-width: 48.0625em) { + .govuk-button__start-icon { + margin-left: 10px; + } + } + .govuk-button__start-icon { + vertical-align: middle; + flex-shrink: 0; + align-self: center; + forced-color-adjust: auto; } " at Object.toMatchSnapshot (tests/sass-tests/individual-components.integration.test.mjs:29:19)

expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/breadcrumbs works when user @imports the component 1` - Snapshot - 17 + Received + 23 @@ -138,16 +138,10 @@ .govuk-breadcrumbs { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1rem; - line-height: 1.25; - margin-top: 15px; - margin-bottom: 10px; - color: var(--govuk-text-colour, #0b0c0c); } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -165,27 +159,37 @@ @media print { .govuk-breadcrumbs { font-family: sans-serif; } } + .govuk-breadcrumbs { + font-weight: 400; + font-size: 1rem; + line-height: 1.25; + } @media print { .govuk-breadcrumbs { font-size: 14pt; line-height: 1.2; } } - - .govuk-breadcrumbs__list { + .govuk-breadcrumbs { - margin: 0; - padding: 0; - list-style-type: none; + margin-top: 15px; + margin-bottom: 10px; + color: var(--govuk-text-colour, #0b0c0c); } + .govuk-breadcrumbs__list::after { content: ""; display: block; clear: both; - } + } + .govuk-breadcrumbs__list { + margin: 0; + padding: 0; + list-style-type: none; + } .govuk-breadcrumbs__list-item { display: inline-block; position: relative; margin-bottom: 5px; @@ -225,19 +229,21 @@ .govuk-breadcrumbs__link { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + } + @media print { + .govuk-breadcrumbs__link { + font-family: sans-serif; + } + } + .govuk-breadcrumbs__link { text-decoration: underline; text-decoration-thickness: max(1px, .0625rem); text-underline-offset: 0.1578em; } - @media print { - .govuk-breadcrumbs__link { - font-family: sans-serif; - } - } .govuk-breadcrumbs__link:hover { text-decoration-thickness: max(3px, .1875rem, .12em); -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-text-decoration-skip: none; at Object.toMatchSnapshot (tests/sass-tests/individual-components.integration.test.mjs:29:19)

expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/back-link works when user @imports the component 1` - Snapshot - 15 + Received + 21 @@ -137,27 +137,21 @@ .govuk-back-link { font-size: 1rem; line-height: 1.25; + } + @media print { + .govuk-back-link { + font-size: 14pt; + line-height: 1.2; + } + } + .govuk-back-link { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - text-decoration: underline; - text-decoration-thickness: max(1px, .0625rem); - text-underline-offset: 0.1578em; - display: inline-block; - position: relative; - margin-top: 15px; - margin-bottom: 15px; - padding-left: 0.875em; - } - @media print { - .govuk-back-link { - font-size: 14pt; - line-height: 1.2; - } } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -175,10 +169,15 @@ @media print { .govuk-back-link { font-family: sans-serif; } } + .govuk-back-link { + text-decoration: underline; + text-decoration-thickness: max(1px, .0625rem); + text-underline-offset: 0.1578em; + } .govuk-back-link:hover { text-decoration-thickness: max(3px, .1875rem, .12em); -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; -webkit-text-decoration-skip: none; @@ -200,11 +199,18 @@ .govuk-back-link:link, .govuk-back-link:visited, .govuk-back-link:active { color: var(--govuk-text-colour, #0b0c0c); } .govuk-back-link:focus { color: var(--govuk-focus-text-colour, #0b0c0c); - } + } + .govuk-back-link { + display: inline-block; + position: relative; + margin-top: 15px; + margin-bottom: 15px; + padding-left: 0.875em; + } .govuk-back-link::before { content: ""; display: block; position: absolute; at Object.toMatchSnapshot (tests/sass-tests/individual-components.integration.test.mjs:29:19)

expect(received).toMatchSnapshot() Snapshot name: `Individual components dist/govuk/components/accordion works when user @imports the component 1` - Snapshot - 42 + Received + 52 @@ -158,17 +158,10 @@ .govuk-accordion__section-button { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 700; - font-size: 1.3125rem; - line-height: 1.1904761905; - display: block; - margin-bottom: 0; - padding-top: 15px; - color: var(--govuk-text-colour, #0b0c0c); } /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud */ @font-face { font-family: "GDS Transport"; font-style: normal; @@ -186,10 +179,15 @@ @media print { .govuk-accordion__section-button { font-family: sans-serif; } } + .govuk-accordion__section-button { + font-weight: 700; + font-size: 1.3125rem; + line-height: 1.1904761905; + } @media (min-width: 40.0625em) { .govuk-accordion__section-button { font-size: 1.5rem; line-height: 1.25; } @@ -197,11 +195,17 @@ @media print { .govuk-accordion__section-button { font-size: 18pt; line-height: 1.15; } - } + } + .govuk-accordion__section-button { + display: block; + margin-bottom: 0; + padding-top: 15px; + color: var(--govuk-text-colour, #0b0c0c); + } .govuk-accordion__section-content > :last-child { margin-bottom: 0; } @@ -220,50 +224,54 @@ @media (min-width: 40.0625em) { .govuk-frontend-supported .govuk-accordion__section-content { padding-bottom: 50px; } } - .govuk-frontend-supported .govuk-accordion__section-content[hidden] { + @supports (content-visibility: hidden) { + .govuk-frontend-supported .govuk-accordion__section-content[hidden] { - padding-top: 0; - padding-bottom: 0; - } - @supports (content-visibility: hidden) { - .govuk-frontend-supported .govuk-accordion__section-content[hidden] { + content-visibility: hidden; + display: inherit; + } + } + .govuk-frontend-supported .govuk-accordion__section-content[hidden] { - content-visibility: hidden; - display: inherit; - } + padding-top: 0; + padding-bottom: 0; } .govuk-frontend-supported .govuk-accordion__section--expanded .govuk-accordion__section-content { display: block; } .govuk-frontend-supported .govuk-accordion__show-all { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 400; - font-size: 1.1875rem; - line-height: 1.3157894737; - position: relative; - z-index: 1; - margin-bottom: 9px; - padding: 5px 2px 5px 0; - border-width: 0; - color: var(--govuk-link-colour, #1a65a6); - background: none; - cursor: pointer; - -webkit-appearance: none; - } - @media print { - .govuk-frontend-supported .govuk-accordion__show-all { - font-family: sans-serif; - } - } - @media print { - .govuk-frontend-supported .govuk-accordion__show-all { - font-size: 14pt; - line-height: 1.15; - } + } + @media print { + .govuk-frontend-supported .govuk-accordion__show-all { + font-family: sans-serif; + } + } + .govuk-frontend-supported .govuk-accordion__show-all { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-frontend-supported .govuk-accordion__show-all { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-frontend-supported .govuk-accordion__show-all { + position: relative; + z-index: 1; + margin-bottom: 9px; + padding: 5px 2px 5px 0; + border-width: 0; + color: var(--govuk-link-colour, #1a65a6); + background: none; + cursor: pointer; + -webkit-appearance: none; } @media (min-width: 40.0625em) { .govuk-frontend-supported .govuk-accordion__show-all { margin-bottom: 14px; } @@ -437,19 +445,21 @@