govuk_tech_docs 5.2.1 → 6.0.0.beta

data/node_modules/govuk-frontend/dist/govuk/components/footer/_index.scss

@@ -1,24 +1,21 @@
 @include govuk-exports("govuk/component/footer") {
-  $govuk-footer-background: $govuk-template-background-colour;
-  $govuk-footer-text: $govuk-text-colour;
-  $govuk-footer-content-border: $govuk-border-colour;
+  $govuk-footer-background: govuk-functional-colour(surface-background);
+  $govuk-footer-text: govuk-functional-colour(surface-text);
+  $govuk-footer-content-border: govuk-functional-colour(surface-border);
 
   // Royal Arms image dimensions
   $govuk-footer-crest-image-width: 125px;
   $govuk-footer-crest-image-height: 102px;
 
   .govuk-footer {
-    @include govuk-font($size: if($govuk-new-typography-scale, 19, 16));
+    @include govuk-font($size: 19);
     @include govuk-responsive-padding(7, "top");
     @include govuk-responsive-padding(5, "bottom");
 
-    border-top: 10px solid $govuk-brand-colour;
+    border-top: 10px solid;
+    border-top-color: govuk-functional-colour(brand);
     color: $govuk-footer-text;
-    @include _govuk-rebrand(
-      "background",
-      $from: $govuk-footer-background,
-      $to: $_govuk-rebrand-template-background-colour
-    );
+    background: govuk-functional-colour(template-background);
   }
 
   .govuk-footer__crown {
@@ -27,19 +24,16 @@
 
   .govuk-footer__link {
     @include govuk-link-common;
-    @include govuk-link-style-text;
+    @include govuk-link-style-default;
   }
 
   .govuk-footer__section-break {
     margin: 0; // Reset `<hr>` default margins
     @include govuk-responsive-margin(8, "bottom");
     border: 0; // Reset `<hr>` default borders
-    border-bottom: 1px solid;
-    @include _govuk-rebrand(
-      "border-bottom-color",
-      $from: $govuk-footer-content-border,
-      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
-    );
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: $govuk-footer-content-border;
   }
 
   .govuk-footer__meta {
@@ -59,7 +53,7 @@
 
   .govuk-footer__meta-item--grow {
     flex: 1; // Support: Flexbox
-    @include govuk-media-query($until: tablet) {
+    @media #{govuk-until-breakpoint(tablet)} {
       flex-basis: 320px; // Support: Flexbox
     }
   }
@@ -67,7 +61,7 @@
   .govuk-footer__licence-logo {
     display: inline-block;
     margin-right: govuk-spacing(2);
-    @include govuk-media-query($until: desktop) {
+    @media #{govuk-until-breakpoint(desktop)} {
       margin-bottom: govuk-spacing(3);
     }
     vertical-align: top;
@@ -84,6 +78,10 @@
     text-wrap: balance;
   }
 
+  .govuk-footer__copyright-logo {
+    @include govuk-link-style-text;
+  }
+
   .govuk-footer__copyright-logo::before {
     content: "";
     display: block;
@@ -127,10 +125,18 @@
     padding: 0;
   }
 
+  .govuk-footer__inline-list:last-child {
+    margin-bottom: 0;
+  }
+
   .govuk-footer__meta-custom {
     margin-bottom: govuk-spacing(4);
   }
 
+  .govuk-footer__meta-custom:last-child {
+    margin-bottom: 0;
+  }
+
   .govuk-footer__inline-list-item {
     display: inline-block;
     margin-right: govuk-spacing(3);
@@ -141,16 +147,13 @@
     margin-bottom: govuk-spacing(6);
     padding-bottom: govuk-spacing(4);
 
-    @include govuk-media-query($until: tablet) {
+    @media #{govuk-until-breakpoint(tablet)} {
       padding-bottom: govuk-spacing(2);
     }
 
-    border-bottom: 1px solid;
-    @include _govuk-rebrand(
-      "border-bottom-color",
-      $from: $govuk-footer-content-border,
-      $to: $_govuk-rebrand-border-colour-on-blue-tint-95
-    );
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: $govuk-footer-content-border;
   }
 
   .govuk-footer__navigation {
@@ -172,7 +175,7 @@
     column-gap: $govuk-gutter; // Support: Columns
   }
 
-  @include govuk-media-query($from: desktop) {
+  @media #{govuk-from-breakpoint(desktop)} {
     .govuk-footer__list--columns-2 {
       column-count: 2; // Support: Columns
     }