QOLOE-222 updated the headings font size and trhe padding

qld-gov-au · Jun 24, 2024 · 2f755e7 · 2f755e7
1 parent b711b5b
commit 2f755e7
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/src/components/bs5/footer/_measurements.scss b/src/components/bs5/footer/_measurements.scss
@@ -3,6 +3,7 @@
   // Measurements
   // -text
   --#{$prefix}footer-font-size: 0.875rem;
+  --#{$prefix}footer-title-font-size: 1.25rem;
   --#{$prefix}footer-text-underline-offset: 0.3em;
   --#{$prefix}footer-font-underline-boarder: 2px;
 

diff --git a/src/components/bs5/footer/footer.scss b/src/components/bs5/footer/footer.scss
@@ -23,7 +23,7 @@
     }
   }
   .footer-site-name {
-    font-size: calc(var(--#{$prefix}footer-spacing) * 1.25);
+    font-size: var(--#{$prefix}footer-title-font-size);
     line-height: 1.5;
     font-weight: 600;
     margin-block-end: calc(var(--#{$prefix}footer-spacing) * 2);
@@ -55,7 +55,7 @@
   }
   .footer-heading {
     color: var(--#{$prefix}footer-color-title);
-    font-size: calc(var(--#{$prefix}footer-font-size) * 1.25);
+    font-size: var(--#{$prefix}footer-title-font-size);
     margin-block-end: var(--#{$prefix}footer-spacing);
     line-height: 1.5;
     font-weight: 600;
@@ -246,6 +246,10 @@
       column-count: 2;
       width: 100%;
     }
+    .footer-site-name,
+    .footer-heading {
+      font-size: calc(var(--#{$prefix}footer-title-font-size) - 0.25rem);
+    }
   }
 }
 
@@ -301,7 +305,7 @@
 
   .qg-footer-feedback-footer {
     border-block-start: var(--#{$prefix}footer-border-width) solid var(--#{$prefix}formIO-hr-colour);
-    padding-block-start: var(--#{$prefix}footer-spacing);
+    padding-block-start: calc(var(--#{$prefix}footer-spacing) + 4px);
 
     a.qg-footer-feedback__close {
       border: var(--#{$prefix}footer-special-border-width) solid var(--#{$prefix}formIO-btn-close-colour);
@@ -389,7 +393,11 @@
           span {
             margin-inline-start: calc(var(--#{$prefix}footer-spacing) - 4px);
           }
+          &:last-of-type {
+            margin-block-end: calc(var(--#{$prefix}footer-spacing) + 4px);
+          }
         }
+
         .form-check-input {
           margin-left: 0;
         }
@@ -398,6 +406,7 @@
     .formio-component-howSatisfiedAreYouWithYourExperienceToday {
       flex-direction: column;
       padding-inline-start: 0;
+      margin-block-end: 0;
 
       label.col-form-label {
         margin-inline-start: 0;
@@ -421,7 +430,8 @@
       outline-offset: 0;
     }
     .callout {
-      margin-block: var(--#{$prefix}footer-spacing);
+      margin-block-start: 0;
+      margin-block-end: calc(var(--#{$prefix}footer-spacing) + 4px);
       background-color: var(--#{$prefix}core-default-color-neutral-lightest);
       border-left: none;
       border-inline-start: calc(var(--#{$prefix}formIO-form-control-border-width) * 2) solid
@@ -483,8 +493,3 @@
     }
   }
 }
-@include media-breakpoint-down(sm) {
-  .qld-footer {
-    width: 400px;
-  }
-}