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

package/sass/custom/ministry-of-defence-dbs-fps.scss

@@ -1,5 +1,11 @@
-$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
-@import "application";
+$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
+
+@use "govuk-frontend/dist/govuk" as * with (
+  $govuk-font-family: $custom-font-family
+);
+
+@use "application";
+@use "../base/custom-branding";
 
 // CUSTOM BRANDING
 // Use the variables below to control the style
@@ -10,75 +16,82 @@ $custom-banner-border-colour: #066AB1;
 $custom-text-colour: #ffffff;
 $logo-image-height: 2em;
 
-.govuk-template--rebranded {
-  .custom-branding {
-    @if $logo-image-height != null {
-      .custom-branding-image {
-        max-height: $logo-image-height;
-        
-        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-          width: 100%;
-        }
+.custom-branding {
+  @if $logo-image-height != null {
+    .custom-branding-image {
+      max-height: $logo-image-height;
+      
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        width: 100%;
       }
     }
-    
-    .govuk-header {
-      background-color: $custom-banner-colour;
-      border-bottom: 10px solid #ffffff;
-    }
-    
-    .govuk-header__logo {
-      margin-bottom: 10px;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-    
-    .govuk-header__service-name {
-      margin: 0 0 15px;
+  }
+  
+  .govuk-header {
+    background-color: $custom-banner-colour;
+    border-bottom: 10px solid #ffffff;
+  }
+  
+  .govuk-header__logo {
+    margin-bottom: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .govuk-header__homepage-link {
+    &:link,
+    &:visited {
       color: $custom-text-colour;
     }
-    
-    .govuk-header__link{
-      &:link,
-      &:visited {
-        color: $custom-text-colour;
-      }
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    .govuk-header__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+  }
+  
+  .pay-custom-service-name {
+    color: $custom-text-colour;
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+
+  .pay-custom-header-content {
+    padding-right: 0px;
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: 66%;
+      vertical-align: bottom;
+      margin-bottom: 0px;
     }
-    
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
-      .govuk-header__service-name {
-        padding-top: 15px;
-        float: right;
-      }
+
+    .pay-custom-service-name {
+      padding-top: 15px;
+      float: right;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .govuk-header__content {
+      margin-bottom: 7px;
     }
   }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }

package/sass/custom/my-university-hospitals-sussex-charity.scss

@@ -1,5 +1,11 @@
-$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
-@import "application";
+$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
+
+@use "govuk-frontend/dist/govuk" as * with (
+  $govuk-font-family: $custom-font-family
+);
+
+@use "application";
+@use "../base/custom-branding";
 
 // CUSTOM BRANDING
 // Use the variables below to control the style
@@ -10,78 +16,103 @@ $custom-banner-border-colour: #1e22aa;
 $custom-text-colour: #1e22aa;
 $logo-image-height: 4em;
 
-.govuk-template--rebranded {
-  .custom-branding {
-    @if $logo-image-height != null {
-      .custom-branding-image {
-        max-height: $logo-image-height;
-        
-        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-          width: 100%;
-        }
+.custom-branding {
+  @if $logo-image-height != null {
+    .custom-branding-image {
+      max-height: $logo-image-height;
+      max-width: 100%;
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        width: 100%;
       }
     }
-    
-    .govuk-header {
-      background-color: $custom-banner-colour;
-      border-bottom: 10px solid #ffffff;
-    }
-    
-    .govuk-header__logo {
-      margin-bottom: 10px;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-    
-    .govuk-header__service-name {
-      margin: 0 0 15px;
+  }
+  
+  .govuk-header {
+    background-color: $custom-banner-colour;
+    border-bottom: 10px solid #ffffff;
+  }
+  
+  .govuk-header__logo {
+    margin-bottom: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .govuk-header__homepage-link {
+    &:link,
+    &:visited {
       color: $custom-text-colour;
     }
-    
-    .govuk-header__link{
-      &:link,
-      &:visited {
-        color: $custom-text-colour;
-      }
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    .govuk-header__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+  }
+  
+  .pay-custom-service-name {
+    color: $custom-text-colour;
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+  
+  .govuk-header__logo {
+    float: right;
+  }
+
+  .pay-custom-header-content {
+    width: fit-content;
+  }
+
+  @include govuk-media-query($from: 26.5625rem) {
+    .custom-branding-image {
+      margin-left: 11px;
+    }
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      vertical-align: bottom;
+      margin-bottom: 7px;
     }
-    
     .govuk-header__logo {
-      float: right;
+      margin-right: -.75rem;
     }
-    
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
-      .govuk-header__logo {
-        margin-right: -.75rem;
-      }
+
+    .pay-custom-header-content {
+      width: fit-content;
     }
     
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+    .pay-custom-header-logo {
+      width: fit-content;
     }
   }
+
+  @include govuk-media-query($from: desktop) {
+    .custom-branding-image {
+      height: 3.25em;
+      width: 100%;
+      margin-left: 0px;
+    }
+
+    .govuk-header__homepage-link {
+      padding-right: 5px;
+    }
+  }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }

package/sass/custom/national-museums-ni.scss

@@ -1,5 +1,11 @@
-$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
-@import "application";
+$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
+
+@use "govuk-frontend/dist/govuk" as * with (
+  $govuk-font-family: $custom-font-family
+);
+
+@use "application";
+@use "../base/custom-branding";
 
 // CUSTOM BRANDING
 // Use the variables below to control the style
@@ -10,72 +16,75 @@ $custom-banner-border-colour: #ffffff;
 $custom-text-colour: #ffffff;
 $logo-image-height: 2em;
 
-.govuk-template--rebranded {
-  .custom-branding {
-    @if $logo-image-height != null {
-      .custom-branding-image {
-        max-height: $logo-image-height;
-        width: 100%;
-      }
-    }
-    
-    .govuk-header {
-      background-color: $custom-banner-colour;
-      border-bottom: 10px solid #ffffff;
+.custom-branding {
+  @if $logo-image-height != null {
+    .custom-branding-image {
+      max-height: $logo-image-height;
+      width: 100%;
     }
-    
-    .govuk-header__logo {
-      margin-bottom: 10px;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-    
-    .govuk-header__service-name {
-      margin: 0 0 15px;
+  }
+  
+  .govuk-header {
+    background-color: $custom-banner-colour;
+    border-bottom: 10px solid #ffffff;
+  }
+  
+  .govuk-header__logo {
+    margin-bottom: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .pay-custom-service-name {
+    color: $custom-text-colour;
+    display: none;
+  }
+  
+  .govuk-header__logotype {
+    margin-top: 5px;
+  }
+  
+  .govuk-header__homepage-link {
+    &:link,
+    &:visited {
       color: $custom-text-colour;
-      display: none;
     }
-    
-    .govuk-header__logotype{
-      margin-top: 5px;
-    }
-    
-    .govuk-header__link{
-      &:link,
-      &:visited {
-        color: $custom-text-colour;
-      }
-    }
-    
-    .govuk-header__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: 66%;
+      vertical-align: bottom;
+      margin-bottom: 0px;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+  }
+
+  @include govuk-media-query($from: desktop) {
+    .govuk-header__content {
+      margin-bottom: 7px;
     }
   }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }

package/sass/custom/natural-resources-wales.scss

@@ -1,5 +1,11 @@
-$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
-@import "application";
+$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
+
+@use "govuk-frontend/dist/govuk" as * with (
+  $govuk-font-family: $custom-font-family
+);
+
+@use "application";
+@use "../base/custom-branding";
 
 // CUSTOM BRANDING
 // Use the variables below to control the style
@@ -10,72 +16,74 @@ $custom-banner-border-colour: #ffffff;
 $custom-text-colour: #333333;
 $logo-image-height: 2em;
 
-.govuk-template--rebranded {
-  .custom-branding {
-    @if $logo-image-height != null {
-      .custom-branding-image {
-        max-height: $logo-image-height;
-        
-        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-          width: 100%;
-        }
+.custom-branding {
+  @if $logo-image-height != null {
+    .custom-branding-image {
+      max-height: $logo-image-height;
+      
+      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+        width: 100%;
       }
     }
-    
-    .govuk-header {
-      background-color: $custom-banner-colour;
-      border-bottom: 10px solid #ffffff;
-    }
-    
-    .govuk-header__logo {
-      margin-bottom: 10px;
-      padding-top: 0;
-      padding-bottom: 0;
-    }
-    
-    .govuk-header__service-name {
-      margin: 0 0 15px;
+  }
+  
+  .govuk-header {
+    background-color: $custom-banner-colour;
+    border-bottom: 10px solid #ffffff;
+  }
+  
+  .govuk-header__logo {
+    margin-bottom: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  
+  .pay-custom-service-name {
+    margin: 0 0 15px;
+    color: $custom-text-colour;
+    float: right;
+    padding-top: 15px;
+  }
+  
+  .govuk-header__homepage-link {
+    &:link,
+    &:visited {
       color: $custom-text-colour;
-      float: right;
-      padding-top: 15px;
-    }
-    
-    .govuk-header__link{
-      &:link,
-      &:visited {
-        color: $custom-text-colour;
-      }
     }
-    
-    .govuk-header__link--homepage {
-      &:hover,
-      &:active {
-        border-bottom: none;
-        margin-bottom: 0;
-      }
-      
-      &:not(:focus) {
-        background-color: transparent;
-      }
-    }
-    
-    .govuk-header__container {
-      border-bottom: 10px solid $custom-banner-border-colour;
-      margin-bottom: -10px;
-      padding-top: 10px;
+  }
+  
+  .govuk-header__homepage-link {
+    &:hover,
+    &:active {
+      border-bottom: none;
+      margin-bottom: 0;
     }
     
-    @include govuk-media-query($from: tablet) {
-      .govuk-header__content {
-        width: 66%;
-        vertical-align: bottom;
-        margin-bottom: 7px;
-      }
+    &:not(:focus) {
+      background-color: transparent;
     }
-    
-    .govuk-button {
-      padding: 7px 15px 6px;
-      padding: .368421053em .842105263em .315789474em;
+  }
+  
+  .govuk-header__container {
+    border-bottom: 10px solid $custom-banner-border-colour;
+    margin-bottom: -10px;
+    padding-top: 10px;
+  }
+
+  .pay-custom-header-content {
+    padding-right: 0px;
+  }
+  
+  @include govuk-media-query($from: tablet) {
+    .govuk-header__content {
+      width: 66%;
+      vertical-align: bottom;
+      margin-bottom: 0px;
     }
   }
+  
+  .govuk-button {
+    padding: 7px 15px 6px;
+    padding: .368421053em .842105263em .315789474em;
+  }
 }