@govuk-pay/pay-js-commons 7.0.75 → 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/cadw-welsh-government-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,70 +16,87 @@ $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
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
19
- width: 100%;
20
- }
19
+ .custom-branding {
20
+ @if $logo-image-height != null {
21
+ .custom-branding-image {
22
+ max-height: $logo-image-height;
23
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
24
+ width: 100%;
21
25
  }
22
26
  }
23
-
24
- .govuk-header {
25
- background-color: $custom-banner-colour;
26
- border-bottom: 10px solid #ffffff;
27
- }
28
-
29
- .govuk-header__logo {
30
- margin-bottom: 10px;
31
- padding-top: 0;
32
- padding-bottom: 0;
33
- }
34
-
35
- .govuk-header__service-name {
36
- margin: 0 0 15px;
27
+ }
28
+
29
+ .govuk-header {
30
+ background-color: $custom-banner-colour;
31
+ border-bottom: 10px solid #ffffff;
32
+ }
33
+
34
+ .govuk-header__logo {
35
+ margin-bottom: 9px;
36
+ padding-top: 0;
37
+ padding-bottom: 0;
38
+ }
39
+
40
+ .pay-custom-service-name {
41
+ color: $custom-text-colour;
42
+ }
43
+
44
+ .govuk-header__homepage-link {
45
+ &:link,
46
+ &:visited {
37
47
  color: $custom-text-colour;
38
48
  }
39
-
40
- .govuk-header__link{
41
- &:link,
42
- &:visited {
43
- color: $custom-text-colour;
44
- }
49
+ }
50
+
51
+ .govuk-header__homepage-link {
52
+ &:hover,
53
+ &:active {
54
+ border-bottom: none;
55
+ margin-bottom: 0;
45
56
  }
46
57
 
47
- .govuk-header__link--homepage {
48
- &:hover,
49
- &:active {
50
- border-bottom: none;
51
- margin-bottom: 0;
52
- }
53
-
54
- &:not(:focus) {
55
- background-color: transparent;
56
- }
58
+ &:not(:focus) {
59
+ background-color: transparent;
57
60
  }
58
-
59
-
60
- .govuk-header__container {
61
- border-bottom: 10px solid $custom-banner-border-colour;
62
- margin-bottom: -10px;
63
- padding-top: 10px;
61
+ }
62
+
63
+ .govuk-header__container {
64
+ border-bottom: 10px solid $custom-banner-border-colour;
65
+ margin-bottom: -10px;
66
+ padding-top: 10px;
67
+ }
68
+
69
+ .govuk-header__content {
70
+ padding-left: 0px;
71
+ }
72
+
73
+ @include govuk-media-query($until: desktop) {
74
+ .pay-custom-header-logo {
75
+ width: 100%;
64
76
  }
65
-
66
- @include govuk-media-query($from: tablet) {
67
- .govuk-header__content {
68
- width: 66%;
69
- vertical-align: bottom;
70
- margin-bottom: 7px;
71
- }
77
+ }
78
+
79
+ @include govuk-media-query($from: tablet) {
80
+ .govuk-header__content {
81
+ width: 66%;
82
+ vertical-align: bottom;
83
+ margin-bottom: 7px;
72
84
  }
73
-
74
- .govuk-button {
75
- padding: 7px 15px 6px;
76
- padding: .368421053em .842105263em .315789474em;
85
+
86
+ .pay-custom-service-name {
87
+ font-size: 1.5rem;
88
+ line-height: 1.25;
77
89
  }
78
90
  }
91
+
92
+ @include govuk-media-query($from: desktop) {
93
+ .govuk-header__content {
94
+ padding-left: 15px;
95
+ }
96
+ }
97
+
98
+ .govuk-button {
99
+ padding: 7px 15px 6px;
100
+ padding: .368421053em .842105263em .315789474em;
101
+ }
79
102
  }
package/sass/custom/cadw-welsh-government.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,88 @@ $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
- height: $logo-image-height;
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
+ height: $logo-image-height;
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: 9px;
37
+ padding-top: 0;
38
+ padding-bottom: 0;
39
+ }
40
+
41
+ .pay-custom-service-name {
42
+ color: $custom-text-colour;
43
+ }
44
+
45
+ .govuk-header__homepage-link {
46
+ &:link,
47
+ &:visited {
38
48
  color: $custom-text-colour;
39
49
  }
40
-
41
- .govuk-header__link{
42
- &:link,
43
- &:visited {
44
- color: $custom-text-colour;
45
- }
50
+ }
51
+
52
+ .govuk-header__homepage-link {
53
+ &:hover,
54
+ &:active {
55
+ border-bottom: none;
56
+ margin-bottom: 0;
46
57
  }
47
58
 
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
- }
59
+ &:not(:focus) {
60
+ background-color: transparent;
58
61
  }
59
-
60
-
61
- .govuk-header__container {
62
- border-bottom: 10px solid $custom-banner-border-colour;
63
- margin-bottom: -10px;
64
- padding-top: 10px;
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
+ .govuk-header__content {
71
+ padding-left: 0px;
72
+ }
73
+
74
+ @include govuk-media-query($until: desktop) {
75
+ .pay-custom-header-logo {
76
+ width: 100%;
65
77
  }
66
-
67
- @include govuk-media-query($from: tablet) {
68
- .govuk-header__content {
69
- width: 66%;
70
- vertical-align: bottom;
71
- margin-bottom: 7px;
72
- }
78
+ }
79
+
80
+ @include govuk-media-query($from: tablet) {
81
+ .govuk-header__content {
82
+ width: 66%;
83
+ vertical-align: bottom;
84
+ margin-bottom: 7px;
73
85
  }
74
-
75
- .govuk-button {
76
- padding: 7px 15px 6px;
77
- padding: .368421053em .842105263em .315789474em;
86
+
87
+ .pay-custom-service-name {
88
+ font-size: 1.5rem;
89
+ line-height: 1.25;
78
90
  }
79
91
  }
92
+
93
+ @include govuk-media-query($from: desktop) {
94
+ .govuk-header__content {
95
+ padding-left: 15px;
96
+ }
97
+ }
98
+
99
+ .govuk-button {
100
+ padding: 7px 15px 6px;
101
+ padding: .368421053em .842105263em .315789474em;
102
+ }
80
103
  }
package/sass/custom/canterbury-city-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,71 +16,88 @@ $custom-banner-border-colour: #552f54;
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: 9px;
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__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
  }
59
-
60
-
61
- .govuk-header__container {
62
- border-bottom: 10px solid $custom-banner-border-colour;
63
- margin-bottom: -10px;
64
- padding-top: 10px;
58
+ }
59
+
60
+ .govuk-header__container {
61
+ border-bottom: 10px solid $custom-banner-border-colour;
62
+ margin-bottom: -10px;
63
+ padding-top: 10px;
64
+ }
65
+
66
+ .govuk-header__content {
67
+ padding-left: 0px;
68
+ }
69
+
70
+ .pay-custom-service-name {
71
+ color: $custom-text-colour;
72
+ }
73
+
74
+ @include govuk-media-query($until: desktop) {
75
+ .pay-custom-header-logo {
76
+ width: 100%;
65
77
  }
66
-
67
- @include govuk-media-query($from: tablet) {
68
- .govuk-header__content {
69
- width: 66%;
70
- vertical-align: bottom;
71
- margin-bottom: 7px;
72
- }
78
+ }
79
+
80
+ @include govuk-media-query($from: tablet) {
81
+ .govuk-header__content {
82
+ width: 66%;
83
+ vertical-align: bottom;
84
+ margin-bottom: 7px;
73
85
  }
74
-
75
- .govuk-button {
76
- padding: 7px 15px 6px;
77
- padding: .368421053em .842105263em .315789474em;
86
+
87
+ .pay-custom-service-name {
88
+ font-size: 1.5rem;
89
+ line-height: 1.25;
78
90
  }
79
91
  }
92
+
93
+ @include govuk-media-query($from: desktop) {
94
+ .govuk-header__content {
95
+ padding-left: 15px;
96
+ }
97
+ }
98
+
99
+ .govuk-button {
100
+ padding: 7px 15px 6px;
101
+ padding: .368421053em .842105263em .315789474em;
102
+ }
80
103
  }
package/sass/custom/cardiff-and-vale-uhb.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,88 @@ $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__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
  }
59
-
60
-
61
- .govuk-header__container {
62
- border-bottom: 10px solid $custom-banner-border-colour;
63
- margin-bottom: -10px;
64
- padding-top: 10px;
58
+ }
59
+
60
+ .govuk-header__container {
61
+ border-bottom: 10px solid $custom-banner-border-colour;
62
+ margin-bottom: -10px;
63
+ padding-top: 10px;
64
+ }
65
+
66
+ .govuk-header__content {
67
+ padding-left: 0px;
68
+ }
69
+
70
+ .pay-custom-service-name {
71
+ color: $custom-text-colour;
72
+ }
73
+
74
+ @include govuk-media-query($until: desktop) {
75
+ .pay-custom-header-logo {
76
+ width: 100%;
65
77
  }
66
-
67
- @include govuk-media-query($from: tablet) {
68
- .govuk-header__content {
69
- width: 66%;
70
- vertical-align: bottom;
71
- margin-bottom: 7px;
72
- }
78
+ }
79
+
80
+ @include govuk-media-query($from: tablet) {
81
+ .govuk-header__content {
82
+ width: 66%;
83
+ vertical-align: bottom;
84
+ margin-bottom: 7px;
73
85
  }
74
-
75
- .govuk-button {
76
- padding: 7px 15px 6px;
77
- padding: .368421053em .842105263em .315789474em;
86
+
87
+ .pay-custom-service-name {
88
+ font-size: 1.5rem;
89
+ line-height: 1.25;
78
90
  }
79
91
  }
92
+
93
+ @include govuk-media-query($from: desktop) {
94
+ .govuk-header__content {
95
+ padding-left: 15px;
96
+ }
97
+ }
98
+
99
+ .govuk-button {
100
+ padding: 7px 15px 6px;
101
+ padding: .368421053em .842105263em .315789474em;
102
+ }
80
103
  }