@govuk-pay/pay-js-commons 7.0.76 → 7.0.77

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.
Files changed (91) hide show
  1. package/package.json +1 -1
  2. package/sass/base/_custom-branding.scss +41 -0
  3. package/sass/custom/abuhb.scss +81 -58
  4. package/sass/custom/adur-and-worthing-council.scss +87 -62
  5. package/sass/custom/barking-havering-redbridge-nhs-trust.scss +100 -60
  6. package/sass/custom/belfast-city-council.scss +66 -59
  7. package/sass/custom/bracknell-forest.scss +87 -57
  8. package/sass/custom/british-pharmacopoeia.scss +80 -64
  9. package/sass/custom/caa.scss +81 -58
  10. package/sass/custom/cadw-welsh-government-2023.scss +80 -57
  11. package/sass/custom/cadw-welsh-government.scss +81 -58
  12. package/sass/custom/canterbury-city-council.scss +81 -58
  13. package/sass/custom/cardiff-and-vale-uhb.scss +81 -58
  14. package/sass/custom/coedffranc-town-council.scss +83 -59
  15. package/sass/custom/croydon-council.scss +76 -58
  16. package/sass/custom/custom.scss +62 -60
  17. package/sass/custom/cypress-testing-purple-background.scss +62 -60
  18. package/sass/custom/cypress-testing-white-background.scss +62 -60
  19. package/sass/custom/dacorum.scss +62 -60
  20. package/sass/custom/disclosure-scotland.scss +62 -60
  21. package/sass/custom/dvsa-nidirect.scss +62 -60
  22. package/sass/custom/ea-defra.scss +62 -60
  23. package/sass/custom/edevelopment-scot.scss +62 -60
  24. package/sass/custom/edinburgh-council-pest-control.scss +79 -61
  25. package/sass/custom/food-standards-agency.scss +72 -60
  26. package/sass/custom/gambling-commission.scss +62 -60
  27. package/sass/custom/guys-and-st-thomas-nhs-foundation-trust-nhs-care.scss +80 -73
  28. package/sass/custom/guys-and-st-thomas-nhs-foundation-trust.scss +77 -59
  29. package/sass/custom/gwent-police.scss +62 -60
  30. package/sass/custom/hiw.scss +75 -65
  31. package/sass/custom/hssib.scss +62 -60
  32. package/sass/custom/kcc.scss +62 -60
  33. package/sass/custom/kingston.scss +62 -60
  34. package/sass/custom/knowsley-council.scss +62 -60
  35. package/sass/custom/lbbd.scss +62 -60
  36. package/sass/custom/leeds-city-council.scss +86 -63
  37. package/sass/custom/lewisham-and-greenwich-nhs-trust.scss +95 -75
  38. package/sass/custom/london-fire-brigade.scss +71 -66
  39. package/sass/custom/merseyside-police.scss +62 -60
  40. package/sass/custom/mhra-black.scss +71 -62
  41. package/sass/custom/mhra.scss +63 -60
  42. package/sass/custom/ministry-of-defence-dbs-fps.scss +75 -62
  43. package/sass/custom/my-university-hospitals-sussex-charity.scss +93 -62
  44. package/sass/custom/national-museums-ni.scss +70 -61
  45. package/sass/custom/natural-resources-wales.scss +69 -61
  46. package/sass/custom/neath-port-talbot-county-borough-council-2023.scss +62 -60
  47. package/sass/custom/neath_port_talbet_council.scss +65 -62
  48. package/sass/custom/nhs-england.scss +62 -60
  49. package/sass/custom/nhs-gloucestershire.scss +53 -51
  50. package/sass/custom/nhs-greater-manchester.scss +62 -60
  51. package/sass/custom/nhs-kent-medway.scss +62 -60
  52. package/sass/custom/nhs-sbs.scss +75 -58
  53. package/sass/custom/nhs-west-yorkshire.scss +62 -60
  54. package/sass/custom/nhs-white-on-blue.scss +62 -60
  55. package/sass/custom/nhsbsa.scss +77 -62
  56. package/sass/custom/nibsc-standards-2023-01.scss +63 -60
  57. package/sass/custom/nibsc-standards.scss +64 -60
  58. package/sass/custom/north-east-derbyshire-district-council.scss +62 -60
  59. package/sass/custom/north-yorkshire-council.scss +62 -60
  60. package/sass/custom/north-yorkshire-county-council.scss +62 -60
  61. package/sass/custom/nottingham-university-hospitals-trust.scss +62 -60
  62. package/sass/custom/osdc.scss +54 -52
  63. package/sass/custom/oswestry-town-council.scss +62 -60
  64. package/sass/custom/penzance-council.scss +62 -60
  65. package/sass/custom/planning-and-building-services-edinburgh.scss +63 -60
  66. package/sass/custom/portsmouth.scss +87 -67
  67. package/sass/custom/raf-multiple-service.scss +62 -60
  68. package/sass/custom/registers-of-scotland.scss +62 -60
  69. package/sass/custom/runnymede-borough-council.scss +62 -60
  70. package/sass/custom/rushmoor.scss +62 -60
  71. package/sass/custom/scottish-government-planning.scss +63 -61
  72. package/sass/custom/scottish-government.scss +62 -60
  73. package/sass/custom/social-security-scotland.scss +62 -60
  74. package/sass/custom/someret-west-and-taunton.scss +62 -60
  75. package/sass/custom/south-gloucestershire-council.scss +62 -60
  76. package/sass/custom/south-wales-police.scss +62 -60
  77. package/sass/custom/spa-firearms-licencing-and-accounts.scss +63 -60
  78. package/sass/custom/stratford-upon-avon.scss +62 -60
  79. package/sass/custom/surrey-county-council-logo-large.scss +62 -60
  80. package/sass/custom/surrey-county-council.scss +62 -60
  81. package/sass/custom/sutton.scss +62 -60
  82. package/sass/custom/thames-valley-police.scss +62 -60
  83. package/sass/custom/the-coal-authority.scss +69 -62
  84. package/sass/custom/the-sixth-form-bolton.scss +85 -71
  85. package/sass/custom/torbay-south-devon-nhs-foundation-trust.scss +95 -62
  86. package/sass/custom/uk-atomic-energy-authority.scss +62 -60
  87. package/sass/custom/university-hospital-southampton-nhs-foundation-trust.scss +78 -64
  88. package/sass/custom/university-hospitals-sussex.scss +78 -64
  89. package/sass/custom/wealden.scss +61 -59
  90. package/sass/custom/welshpool-town-council.scss +62 -60
  91. package/sass/custom/west-berkshire-council.scss +62 -60
package/sass/custom/neath-port-talbot-county-borough-council-2023.scss CHANGED
@@ -1,5 +1,11 @@
1
- $govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
- @import "application";
1
+ $custom-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
+
3
+ @use "govuk-frontend/dist/govuk" as * with (
4
+ $govuk-font-family: $custom-font-family
5
+ );
6
+
7
+ @use "application";
8
+ @use "../base/custom-branding";
3
9
 
4
10
  // CUSTOM BRANDING
5
11
  // Use the variables below to control the style
@@ -10,71 +16,67 @@ $custom-banner-border-colour: #ffffff;
10
16
  $custom-text-colour: #ffffff;
11
17
  $logo-image-height: 2em;
12
18
 
13
- .govuk-template--rebranded {
14
- .custom-branding {
15
- @if $logo-image-height != null {
16
- .custom-branding-image {
17
- max-height: $logo-image-height;
18
-
19
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
20
- width: 100%;
21
- }
19
+ .custom-branding {
20
+ @if $logo-image-height != null {
21
+ .custom-branding-image {
22
+ max-height: $logo-image-height;
23
+
24
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
25
+ width: 100%;
22
26
  }
23
27
  }
24
-
25
- .govuk-header {
26
- background-color: $custom-banner-colour;
27
- border-bottom: 10px solid #ffffff;
28
- }
29
-
30
- .govuk-header__logo {
31
- margin-bottom: 10px;
32
- padding-top: 0;
33
- padding-bottom: 0;
34
- }
35
-
36
- .govuk-header__service-name {
37
- margin: 0 0 15px;
28
+ }
29
+
30
+ .govuk-header {
31
+ background-color: $custom-banner-colour;
32
+ border-bottom: 10px solid #ffffff;
33
+ }
34
+
35
+ .govuk-header__logo {
36
+ margin-bottom: 10px;
37
+ padding-top: 0;
38
+ padding-bottom: 0;
39
+ }
40
+
41
+ .govuk-header__homepage-link {
42
+ &:link,
43
+ &:visited {
38
44
  color: $custom-text-colour;
39
45
  }
40
-
41
- .govuk-header__link{
42
- &:link,
43
- &:visited {
44
- color: $custom-text-colour;
45
- }
46
- }
47
-
48
- .govuk-header__link--homepage {
49
- &:hover,
50
- &:active {
51
- border-bottom: none;
52
- margin-bottom: 0;
53
- }
54
-
55
- &:not(:focus) {
56
- background-color: transparent;
57
- }
58
- }
59
-
60
-
61
- .govuk-header__container {
62
- border-bottom: 10px solid $custom-banner-border-colour;
63
- margin-bottom: -10px;
64
- padding-top: 10px;
46
+ }
47
+
48
+ .govuk-header__homepage-link {
49
+ &:hover,
50
+ &:active {
51
+ border-bottom: none;
52
+ margin-bottom: 0;
65
53
  }
66
54
 
67
- @include govuk-media-query($from: tablet) {
68
- .govuk-header__content {
69
- width: 66%;
70
- vertical-align: bottom;
71
- margin-bottom: 7px;
72
- }
55
+ &:not(:focus) {
56
+ background-color: transparent;
73
57
  }
74
-
75
- .govuk-button {
76
- padding: 7px 15px 6px;
77
- padding: .368421053em .842105263em .315789474em;
58
+ }
59
+
60
+ .pay-custom-service-name {
61
+ color: $custom-text-colour;
62
+ }
63
+
64
+ .govuk-header__container {
65
+ border-bottom: 10px solid $custom-banner-border-colour;
66
+ margin-bottom: -10px;
67
+ padding-top: 10px;
68
+ }
69
+
70
+ @include govuk-media-query($from: tablet) {
71
+ .govuk-header__content {
72
+ width: 66%;
73
+ vertical-align: bottom;
74
+ margin-bottom: 7px;
78
75
  }
79
76
  }
77
+
78
+ .govuk-button {
79
+ padding: 7px 15px 6px;
80
+ padding: .368421053em .842105263em .315789474em;
81
+ }
80
82
  }
package/sass/custom/neath_port_talbet_council.scss CHANGED
@@ -1,5 +1,11 @@
1
- $govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
- @import "application";
1
+ $custom-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
+
3
+ @use "govuk-frontend/dist/govuk" as * with (
4
+ $govuk-font-family: $custom-font-family
5
+ );
6
+
7
+ @use "application";
8
+ @use "../base/custom-branding";
3
9
 
4
10
  // CUSTOM BRANDING
5
11
  // Use the variables below to control the style
@@ -10,72 +16,69 @@ $custom-banner-border-colour: #ffffff;
10
16
  $custom-text-colour: #007A7C;
11
17
  $logo-image-height: 2em;
12
18
 
13
- .govuk-template--rebranded {
14
- .custom-branding {
15
- @if $logo-image-height != null {
16
- .custom-branding-image {
17
- max-height: $logo-image-height;
18
- width: 100%;
19
- }
20
- }
21
-
22
- .govuk-header {
23
- background-color: $custom-banner-colour;
24
- border-bottom: 10px solid #ffffff;
25
- }
26
-
27
- .govuk-header__logo {
28
- margin-bottom: 10px;
29
- padding-top: 0;
30
- padding-bottom: 0;
19
+ .custom-branding {
20
+ @if $logo-image-height != null {
21
+ .custom-branding-image {
22
+ max-height: $logo-image-height;
23
+ width: 100%;
31
24
  }
32
-
33
- .govuk-header__service-name {
34
- margin: 0 0 15px;
25
+ }
26
+
27
+ .govuk-header {
28
+ background-color: $custom-banner-colour;
29
+ border-bottom: 10px solid #ffffff;
30
+ }
31
+
32
+ .govuk-header__logo {
33
+ margin-bottom: 10px;
34
+ padding-top: 0;
35
+ padding-bottom: 0;
36
+ }
37
+
38
+ .pay-custom-service-name {
39
+ color: $custom-text-colour;
40
+ display: none;
41
+ }
42
+
43
+ .govuk-header__logotype {
44
+ margin-top: 5px;
45
+ }
46
+
47
+ .govuk-header__homepage-link {
48
+ &:link,
49
+ &:visited {
35
50
  color: $custom-text-colour;
36
- display: none;
37
51
  }
38
-
39
- .govuk-header__logotype{
40
- margin-top: 5px;
41
- }
42
-
43
- .govuk-header__link{
44
- &:link,
45
- &:visited {
46
- color: $custom-text-colour;
47
- }
48
- }
49
-
50
- .govuk-header__link--homepage {
51
- &:hover,
52
- &:active {
53
- border-bottom: none;
54
- margin-bottom: 0;
55
- }
56
-
57
- &:not(:focus) {
58
- background-color: transparent;
59
- }
60
- }
61
-
62
- .govuk-header__container {
63
- border-bottom: 10px solid $custom-banner-border-colour;
64
- margin-bottom: -10px;
65
- padding-top: 10px;
52
+ }
53
+
54
+ .govuk-header__homepage-link {
55
+ &:hover,
56
+ &:active {
57
+ border-bottom: none;
58
+ margin-bottom: 0;
66
59
  }
67
60
 
68
- @include govuk-media-query($from: tablet) {
69
- .govuk-header__content {
70
- width: 66%;
71
- vertical-align: bottom;
72
- margin-bottom: 7px;
73
- }
61
+ &:not(:focus) {
62
+ background-color: transparent;
74
63
  }
75
-
76
- .govuk-button {
77
- padding: 7px 15px 6px;
78
- padding: .368421053em .842105263em .315789474em;
64
+ }
65
+
66
+ .govuk-header__container {
67
+ border-bottom: 10px solid $custom-banner-border-colour;
68
+ margin-bottom: -10px;
69
+ padding-top: 10px;
70
+ }
71
+
72
+ @include govuk-media-query($from: tablet) {
73
+ .govuk-header__content {
74
+ width: 66%;
75
+ vertical-align: bottom;
76
+ margin-bottom: 0px;
79
77
  }
80
78
  }
79
+
80
+ .govuk-button {
81
+ padding: 7px 15px 6px;
82
+ padding: .368421053em .842105263em .315789474em;
83
+ }
81
84
  }
package/sass/custom/nhs-england.scss CHANGED
@@ -1,5 +1,11 @@
1
- $govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
- @import "application";
1
+ $custom-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
+
3
+ @use "govuk-frontend/dist/govuk" as * with (
4
+ $govuk-font-family: $custom-font-family
5
+ );
6
+
7
+ @use "application";
8
+ @use "../base/custom-branding";
3
9
 
4
10
  // CUSTOM BRANDING
5
11
  // Use the variables below to control the style
@@ -10,71 +16,67 @@ $custom-banner-border-colour: #F0F4F5;
10
16
  $custom-text-colour: #ffffff;
11
17
  $logo-image-height: 2em;
12
18
 
13
- .govuk-template--rebranded {
14
- .custom-branding {
15
- @if $logo-image-height != null {
16
- .custom-branding-image {
17
- max-height: $logo-image-height;
18
-
19
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
20
- width: 100%;
21
- }
19
+ .custom-branding {
20
+ @if $logo-image-height != null {
21
+ .custom-branding-image {
22
+ max-height: $logo-image-height;
23
+
24
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
25
+ width: 100%;
22
26
  }
23
27
  }
24
-
25
- .govuk-header {
26
- background-color: $custom-banner-colour;
27
- border-bottom: 10px solid #ffffff;
28
- }
29
-
30
- .govuk-header__logo {
31
- margin-bottom: 10px;
32
- padding-top: 0;
33
- padding-bottom: 0;
34
- }
35
-
36
- .govuk-header__service-name {
37
- margin: 0 0 15px;
28
+ }
29
+
30
+ .govuk-header {
31
+ background-color: $custom-banner-colour;
32
+ border-bottom: 10px solid #ffffff;
33
+ }
34
+
35
+ .govuk-header__logo {
36
+ margin-bottom: 10px;
37
+ padding-top: 0;
38
+ padding-bottom: 0;
39
+ }
40
+
41
+ .govuk-header__homepage-link {
42
+ &:link,
43
+ &:visited {
38
44
  color: $custom-text-colour;
39
45
  }
40
-
41
- .govuk-header__link{
42
- &:link,
43
- &:visited {
44
- color: $custom-text-colour;
45
- }
46
- }
47
-
48
- .govuk-header__link--homepage {
49
- &:hover,
50
- &:active {
51
- border-bottom: none;
52
- margin-bottom: 0;
53
- }
54
-
55
- &:not(:focus) {
56
- background-color: transparent;
57
- }
58
- }
59
-
60
-
61
- .govuk-header__container {
62
- border-bottom: 10px solid $custom-banner-border-colour;
63
- margin-bottom: -10px;
64
- padding-top: 10px;
46
+ }
47
+
48
+ .govuk-header__homepage-link {
49
+ &:hover,
50
+ &:active {
51
+ border-bottom: none;
52
+ margin-bottom: 0;
65
53
  }
66
54
 
67
- @include govuk-media-query($from: tablet) {
68
- .govuk-header__content {
69
- width: 66%;
70
- vertical-align: bottom;
71
- margin-bottom: 7px;
72
- }
55
+ &:not(:focus) {
56
+ background-color: transparent;
73
57
  }
74
-
75
- .govuk-button {
76
- padding: 7px 15px 6px;
77
- padding: .368421053em .842105263em .315789474em;
58
+ }
59
+
60
+ .pay-custom-service-name {
61
+ color: $custom-text-colour;
62
+ }
63
+
64
+ .govuk-header__container {
65
+ border-bottom: 10px solid $custom-banner-border-colour;
66
+ margin-bottom: -10px;
67
+ padding-top: 10px;
68
+ }
69
+
70
+ @include govuk-media-query($from: tablet) {
71
+ .govuk-header__content {
72
+ width: 66%;
73
+ vertical-align: bottom;
74
+ margin-bottom: 7px;
78
75
  }
79
76
  }
77
+
78
+ .govuk-button {
79
+ padding: 7px 15px 6px;
80
+ padding: .368421053em .842105263em .315789474em;
81
+ }
80
82
  }
package/sass/custom/nhs-gloucestershire.scss CHANGED
@@ -1,5 +1,11 @@
1
- $govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
- @import "application";
1
+ $custom-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
+
3
+ @use "govuk-frontend/dist/govuk" as * with (
4
+ $govuk-font-family: $custom-font-family
5
+ );
6
+
7
+ @use "application";
8
+ @use "../base/custom-branding";
3
9
 
4
10
  // CUSTOM BRANDING
5
11
  // Use the variables below to control the style
@@ -10,71 +16,67 @@ $custom-banner-border-colour: #F0F4F5;
10
16
  $custom-text-colour: #ffffff;
11
17
  $logo-image-height: 2em;
12
18
 
13
- .govuk-template--rebranded {
14
- .custom-branding {
15
- @if $logo-image-height != null {
16
- .custom-branding-image {
17
- max-height: $logo-image-height;
19
+ .custom-branding {
20
+ @if $logo-image-height != null {
21
+ .custom-branding-image {
22
+ max-height: $logo-image-height;
18
23
 
19
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
20
- width: 100%;
21
- }
24
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
25
+ width: 100%;
22
26
  }
23
27
  }
28
+ }
24
29
 
25
- .govuk-header {
26
- background-color: $custom-banner-colour;
27
- border-bottom: 10px solid #ffffff;
28
- }
30
+ .govuk-header {
31
+ background-color: $custom-banner-colour;
32
+ border-bottom: 10px solid #ffffff;
33
+ }
29
34
 
30
- .govuk-header__logo {
31
- margin-bottom: 10px;
32
- padding-top: 0;
33
- padding-bottom: 0;
34
- }
35
+ .govuk-header__logo {
36
+ margin-bottom: 10px;
37
+ padding-top: 0;
38
+ padding-bottom: 0;
39
+ }
35
40
 
36
- .govuk-header__service-name {
37
- margin: 0 0 15px;
41
+ .govuk-header__homepage-link {
42
+ &:link,
43
+ &:visited {
38
44
  color: $custom-text-colour;
39
45
  }
46
+ }
40
47
 
41
- .govuk-header__link{
42
- &:link,
43
- &:visited {
44
- color: $custom-text-colour;
45
- }
48
+ .govuk-header__homepage-link {
49
+ &:hover,
50
+ &:active {
51
+ border-bottom: none;
52
+ margin-bottom: 0;
46
53
  }
47
54
 
48
- .govuk-header__link--homepage {
49
- &:hover,
50
- &:active {
51
- border-bottom: none;
52
- margin-bottom: 0;
53
- }
54
-
55
- &:not(:focus) {
56
- background-color: transparent;
57
- }
55
+ &:not(:focus) {
56
+ background-color: transparent;
58
57
  }
58
+ }
59
59
 
60
+ .pay-custom-service-name {
61
+ color: $custom-text-colour;
62
+ }
60
63
 
61
- .govuk-header__container {
62
- border-bottom: 10px solid $custom-banner-border-colour;
63
- margin-bottom: -10px;
64
- padding-top: 10px;
65
- }
64
+ .govuk-header__container {
65
+ border-bottom: 10px solid $custom-banner-border-colour;
66
+ margin-bottom: -10px;
67
+ padding-top: 10px;
68
+ }
66
69
 
67
- @include govuk-media-query($from: tablet) {
68
- .govuk-header__content {
69
- width: 66%;
70
- vertical-align: bottom;
71
- margin-bottom: 7px;
72
- }
70
+ @include govuk-media-query($from: tablet) {
71
+ .govuk-header__content {
72
+ width: 66%;
73
+ vertical-align: bottom;
74
+ margin-bottom: 7px;
73
75
  }
76
+ }
74
77
 
75
- .govuk-button {
76
- padding: 7px 15px 6px;
77
- padding: .368421053em .842105263em .315789474em;
78
- }
78
+ .govuk-button {
79
+ padding: 7px 15px 6px;
80
+ padding: .368421053em .842105263em .315789474em;
79
81
  }
80
82
  }
package/sass/custom/nhs-greater-manchester.scss CHANGED
@@ -1,5 +1,11 @@
1
- $govuk-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
- @import "application";
1
+ $custom-font-family: -apple-system,BlinkMacSystemFont,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; // Override font as so not to use New Transport
2
+
3
+ @use "govuk-frontend/dist/govuk" as * with (
4
+ $govuk-font-family: $custom-font-family
5
+ );
6
+
7
+ @use "application";
8
+ @use "../base/custom-branding";
3
9
 
4
10
  // CUSTOM BRANDING
5
11
  // Use the variables below to control the style
@@ -10,71 +16,67 @@ $custom-banner-border-colour: #ffffff;
10
16
  $custom-text-colour: #ffffff;
11
17
  $logo-image-height: 2em;
12
18
 
13
- .govuk-template--rebranded {
14
- .custom-branding {
15
- @if $logo-image-height != null {
16
- .custom-branding-image {
17
- max-height: $logo-image-height;
18
-
19
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
20
- width: 100%;
21
- }
19
+ .custom-branding {
20
+ @if $logo-image-height != null {
21
+ .custom-branding-image {
22
+ max-height: $logo-image-height;
23
+
24
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
25
+ width: 100%;
22
26
  }
23
27
  }
24
-
25
- .govuk-header {
26
- background-color: $custom-banner-colour;
27
- border-bottom: 10px solid #ffffff;
28
- }
29
-
30
- .govuk-header__logo {
31
- margin-bottom: 10px;
32
- padding-top: 0;
33
- padding-bottom: 0;
34
- }
35
-
36
- .govuk-header__service-name {
37
- margin: 0 0 15px;
28
+ }
29
+
30
+ .govuk-header {
31
+ background-color: $custom-banner-colour;
32
+ border-bottom: 10px solid #ffffff;
33
+ }
34
+
35
+ .govuk-header__logo {
36
+ margin-bottom: 10px;
37
+ padding-top: 0;
38
+ padding-bottom: 0;
39
+ }
40
+
41
+ .govuk-header__homepage-link {
42
+ &:link,
43
+ &:visited {
38
44
  color: $custom-text-colour;
39
45
  }
40
-
41
- .govuk-header__link{
42
- &:link,
43
- &:visited {
44
- color: $custom-text-colour;
45
- }
46
- }
47
-
48
- .govuk-header__link--homepage {
49
- &:hover,
50
- &:active {
51
- border-bottom: none;
52
- margin-bottom: 0;
53
- }
54
-
55
- &:not(:focus) {
56
- background-color: transparent;
57
- }
58
- }
59
-
60
-
61
- .govuk-header__container {
62
- border-bottom: 10px solid $custom-banner-border-colour;
63
- margin-bottom: -10px;
64
- padding-top: 10px;
46
+ }
47
+
48
+ .govuk-header__homepage-link {
49
+ &:hover,
50
+ &:active {
51
+ border-bottom: none;
52
+ margin-bottom: 0;
65
53
  }
66
54
 
67
- @include govuk-media-query($from: tablet) {
68
- .govuk-header__content {
69
- width: 66%;
70
- vertical-align: bottom;
71
- margin-bottom: 7px;
72
- }
55
+ &:not(:focus) {
56
+ background-color: transparent;
73
57
  }
74
-
75
- .govuk-button {
76
- padding: 7px 15px 6px;
77
- padding: .368421053em .842105263em .315789474em;
58
+ }
59
+
60
+ .pay-custom-service-name {
61
+ color: $custom-text-colour;
62
+ }
63
+
64
+ .govuk-header__container {
65
+ border-bottom: 10px solid $custom-banner-border-colour;
66
+ margin-bottom: -10px;
67
+ padding-top: 10px;
68
+ }
69
+
70
+ @include govuk-media-query($from: tablet) {
71
+ .govuk-header__content {
72
+ width: 66%;
73
+ vertical-align: bottom;
74
+ margin-bottom: 7px;
78
75
  }
79
76
  }
77
+
78
+ .govuk-button {
79
+ padding: 7px 15px 6px;
80
+ padding: .368421053em .842105263em .315789474em;
81
+ }
80
82
  }