@govuk-pay/pay-js-commons 3.11.0 → 3.11.1

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.
@@ -10,4 +10,6 @@ _
10
10
  <
11
11
  package.json,7/0/7030d0b2f71b999ff89a343de08c414af32fc93a
12
12
  6
13
- .nvmrc,c/9/c9a818aaf6a7acd6b861ec3d00d9c1e0902fd12f
13
+ .nvmrc,c/9/c9a818aaf6a7acd6b861ec3d00d9c1e0902fd12f
14
+ G
15
+ sass/custom/custom.scss,f/c/fce3b30bccc478e9ebb36570f32eb3de1e4205cf
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@govuk-pay/pay-js-commons",
3
- "version": "3.11.0",
3
+ "version": "3.11.1",
4
4
  "description": "Reusable js scripts for GOV.UK Pay Node.js projects",
5
5
  "engines": {
6
6
  "node": "^16.20.1"
@@ -0,0 +1,57 @@
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";
3
+
4
+ // CUSTOM BRANDING
5
+ // Use the variables below to control the style
6
+ // Make sure banner colours meet minimum colour contrast levels
7
+
8
+ $custom-banner-colour: #E9E9EA;
9
+ $custom-banner-border-colour: #ffffff;
10
+ $custom-text-colour: #333333;
11
+ $logo-image-height: 2em;
12
+
13
+ .custom-branding {
14
+ @if $logo-image-height != null {
15
+ .custom-branding-image {
16
+ max-height: $logo-image-height;
17
+
18
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
19
+ width: 100%;
20
+ }
21
+ }
22
+ }
23
+
24
+ .govuk-header {
25
+ background-color: $custom-banner-colour;
26
+ }
27
+
28
+ .govuk-header__link{
29
+ &:link,
30
+ &:visited {
31
+ color: $custom-text-colour;
32
+ }
33
+ }
34
+
35
+ .govuk-header__link--service-name {
36
+ float: right;
37
+ padding-top: 15px;
38
+ color: $custom-text-colour;
39
+ }
40
+
41
+ .govuk-header__container {
42
+ border-bottom-color: $custom-banner-border-colour;
43
+ }
44
+
45
+ @include govuk-media-query($from: tablet) {
46
+ .govuk-header__content {
47
+ width: 66%;
48
+ vertical-align: bottom;
49
+ margin-bottom: 7px;
50
+ }
51
+ }
52
+
53
+ .govuk-button {
54
+ padding: 7px 15px 6px;
55
+ padding: .368421053em .842105263em .315789474em;
56
+ }
57
+ }