Bump sass-embedded from 1.89.2 to 1.97.3 #16098
Annotations
10 errors
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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)
|
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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 @@
|
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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)
|
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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;
|
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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
|
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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)
|
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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)
|
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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)
|
|
Run test task:
tests/sass-tests/individual-components.integration.test.mjs#L29
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 @@
|
|
Run test task:
tests/sass-tests/all-components.integration.test.mjs#L40
expect(received).toMatchSnapshot()
Snapshot name: `All components works when user @imports everything 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-bottom: 20px;
}
@media (min-width: 4
|
background
wait
wait-all
cancel
Loading