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 @@

expect(received).toMatchSnapshot() Snapshot name: `ITCSS layers components works when user @imports the layer 1` - Snapshot - 426 + Received + 666 @@ -359,17 +359,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; @@ -387,10 +380,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; } @@ -398,10 +396,16 @@ @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; } @@ -421,51 +425,55 @@ @media (min-width: 40.0625em) { .govuk-frontend-supported .govuk-accordion__section-content { padding-bottom: 50px; } } - .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] { + 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; + } + @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 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 (min-width: 40.0625em) { .govuk-frontend-supported .govuk-accordion__show-all { margin-bottom: 14px; } } @@ -638,18 +646,20 @@ display: inline; } .govuk-frontend-supported .govuk-accordion__section-toggle { font-size: 1.1875rem; line-height: 1.3157894737; - font-weight: 400; - color: var(--govuk-link-colour, #1a65a6); } @media print { .govuk-frontend-supported .govuk-accordion__section-toggle { font-size: 14pt; line-height: 1.15; } + } + .govuk-frontend-supported .govuk-accordion__section-toggle { + font-weight: 400; + color: var(--govuk-link-colour, #1a65a6); } .govuk-frontend-supported .govu

expect(received).toMatchSnapshot() Snapshot name: `ITCSS layers objects works when user @imports the layer 1` - Snapshot - 26 + Received + 32 @@ -236,31 +236,25 @@ .govuk-button-group { margin-bottom: 5px; - display: flex; - flex-direction: column; - align-items: center; } @media (min-width: 40.0625em) { .govuk-button-group { margin-bottom: 15px; } } + .govuk-button-group { + display: flex; + flex-direction: column; + align-items: center; + } .govuk-button-group .govuk-link { 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; - display: inline-block; - max-width: 100%; - margin-top: 5px; - margin-bottom: 20px; - text-align: center; } /*! 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; @@ -278,15 +272,27 @@ @media print { .govuk-button-group .govuk-link { font-family: sans-serif; } } - @media print { - .govuk-button-group .govuk-link { - font-size: 14pt; - line-height: 19px; - } + .govuk-button-group .govuk-link { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1; + } + @media print { + .govuk-button-group .govuk-link { + font-size: 14pt; + line-height: 19px; + } + } + .govuk-button-group .govuk-link { + display: inline-block; + max-width: 100%; + margin-top: 5px; + margin-bottom: 20px; + text-align: center; } .govuk-button-group .govuk-button { margin-bottom: 17px; } @media (min-width: 40.0625em) { @@ -404,18 +410,18 @@ - .govuk-form-group { - margin-bottom: 20px; - } .govuk-form-group::after { content: ""; display: block; clear: both; } + .govuk-form-group { + margin-bottom: 20px; + } @media (min-width: 40.0625em) { .govuk-form-group { margin-bottom: 30px; } } @@ -530,21 +536,21 @@ - - - .govuk-grid-row { - margin-right: -15px; - margin-left: -15px; - } + + .govuk-grid-row::after { content: ""; display: block; clear: both; - } + } + .govuk-grid-row { + margin-right: -15px; + margin-left: -15px; + } .govuk-grid-column-one-quarter { box-sizing: border-box; width: 100%; padding: 0 15px; at Object.toMatchSnapshot (tests/sass-tests/itcss-layers.integration.test.mjs:24:19)

expect(received).toMatchSnapshot() Snapshot name: `ITCSS layers core works when user @imports the layer 1` - Snapshot - 150 + Received + 204 @@ -184,13 +184,10 @@ .govuk-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; } /*! 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; @@ -208,10 +205,15 @@ @media print { .govuk-link { font-family: sans-serif; } } + .govuk-link { + text-decoration: underline; + text-decoration-thickness: max(1px, .0625rem); + text-underline-offset: 0.1578em; + } .govuk-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; @@ -342,34 +344,40 @@ .govuk-list { 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-top: 0; - margin-bottom: 15px; - padding-left: 0; - list-style-type: none; - color: var(--govuk-text-colour, #0b0c0c); - } - @media print { - .govuk-list { - font-family: sans-serif; - } - } - @media print { - .govuk-list { - font-size: 14pt; - line-height: 1.15; - } - } - @media (min-width: 40.0625em) { - .govuk-list { - margin-bottom: 20px; - } + } + @media print { + .govuk-list { + font-family: sans-serif; + } + } + .govuk-list { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; + } + @media print { + .govuk-list { + font-size: 14pt; + line-height: 1.15; + } + } + .govuk-list { + margin-top: 0; + margin-bottom: 15px; + } + @media (min-width: 40.0625em) { + .govuk-list { + margin-bottom: 20px; + } + } + .govuk-list { + padding-left: 0; + list-style-type: none; + color: var(--govuk-text-colour, #0b0c0c); } .govuk-list .govuk-list { margin-top: 10px; } @@ -442,22 +450,20 @@ .govuk-heading-xl { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 700; - font-size: 2rem; - line-height: 1.09375; - display: block; - margin-top: 0; - color: var(--govuk-text-colour, #0b0c0c); - margin-bottom: 30px; - } - @media print { - .govuk-heading-xl { + } + @media print { + .govuk-heading-xl { + font-family: sans-serif; + } + } + .govuk-heading-xl { - font-family: sans-serif; - } + font-weight: 700; + font-size: 2rem; + line-height: 1.09375; } @media (min-width: 40.0625em) { .govuk-heading-xl { font-size: 3rem; line-height: 1.0416666667; @@ -467,32 +473,36 @@ .govuk-heading-xl { font-size: 32pt; line-height: 1.15; } } + .govuk-heading-xl { + display: block; + margin-top: 0; + color: var(--govuk-text-colour, #0b0c0c); + margin-bottom: 30px; + } @media (min-width: 40.0625em) { .govuk-heading-xl { margin-bottom: 50px; } } .govuk-heading-l { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 700; - font-size: 1.6875rem; - line-height: 1.1111111111; - display: block; - margin-top: 0; - color: var(--govuk-text-colour, #0b0c0c); - margin-bottom: 20px; - } - @media print { - .govuk-heading-l { + } + @media print { + .govuk-heading-l { + font-family: sans-serif; + } + } + .govuk-heading-l { - font-family: sans-serif; - } + font-weight: 700; + font-size: 1.6875rem; + line-height:

expect(received).toMatchSnapshot() Snapshot name: `All components, with configuration works when user @imports everything with configuration 1` - Snapshot - 507 + Received + 801 @@ -185,13 +185,10 @@ .govuk-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; } /*! 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; @@ -208,10 +205,15 @@ } @media print { .govuk-link { font-family: sans-serif; } + } + .govuk-link { + text-decoration: underline; + text-decoration-thickness: max(1px, .0625rem); + text-underline-offset: 0.1578em; } .govuk-link:hover { text-decoration-thickness: max(3px, .1875rem, .12em); -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; @@ -343,34 +345,40 @@ .govuk-list { 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-top: 0; - margin-bottom: 15px; - padding-left: 0; - list-style-type: none; - color: var(--govuk-text-colour, #0b0c0c); } @media print { .govuk-list { font-family: sans-serif; } + } + .govuk-list { + font-weight: 400; + font-size: 1.1875rem; + line-height: 1.3157894737; } @media print { .govuk-list { font-size: 14pt; line-height: 1.15; } } + .govuk-list { + margin-top: 0; + margin-bottom: 15px; + } @media (min-width: 40.0625em) { .govuk-list { margin-bottom: 20px; } + } + .govuk-list { + padding-left: 0; + list-style-type: none; + color: var(--govuk-text-colour, #0b0c0c); } .govuk-list .govuk-list { margin-top: 10px; } @@ -443,23 +451,21 @@ .govuk-heading-xl { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 700; - font-size: 2rem; - line-height: 1.09375; - display: block; - margin-top: 0; - color: var(--govuk-text-colour, #0b0c0c); - margin-bottom: 30px; } @media print { .govuk-heading-xl { font-family: sans-serif; } } + .govuk-heading-xl { + font-weight: 700; + font-size: 2rem; + line-height: 1.09375; + } @media (min-width: 40.0625em) { .govuk-heading-xl { font-size: 3rem; line-height: 1.0416666667; } @@ -467,10 +473,16 @@ @media print { .govuk-heading-xl { font-size: 32pt; line-height: 1.15; } + } + .govuk-heading-xl { + display: block; + margin-top: 0; + color: var(--govuk-text-colour, #0b0c0c); + margin-bottom: 30px; } @media (min-width: 40.0625em) { .govuk-heading-xl { margin-bottom: 50px; } @@ -478,23 +490,21 @@ .govuk-heading-l { font-family: "GDS Transport", arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-weight: 700; - font-size: 1.6875rem; - line-height: 1.1111111111; - display: block; - margin-top: 0; - color: var(--govuk-text-colour, #0b0c0c); - margin-bottom: 20px; } @media print { .govuk-heading-l { font-family: sans-serif; } } + .govuk-heading-l { + font-weight: 700; + font-size: 1.6875rem; + line-height: 1.1111111111; + } @media (min-width: 40.0625em) { .govuk-heading-l { font-size: 2.25rem; line-height: 1.1111111111; } @@ -502,10 +512,16 @@ @media print { .govuk-heading-l { font-size: 24pt; line-height: 1.05; } + } + .govuk-heading-l { + display: block; + margin-top: 0; + color: var(--govuk-text-colour, #0b0c0c); + margin-b