From d7cdfdde94c9079524985cc6eb2c8181a05de895 Mon Sep 17 00:00:00 2001
From: Alan Cole <alan.cole@salsa.digital>
Date: Sat, 23 Nov 2024 20:48:05 +1100
Subject: [PATCH] [#392] Added missing box sizing border-box to missing
 components. - Fix subject card box-sizing. - Fix input box-sizing. - Fix
 navigation card box-sizing. - Fix campaign image box-sizing. - Fix iframe
 with background box-sizing.

---
 components/00-base/mixins/_image.scss                        | 1 +
 components/01-atoms/iframe/iframe.scss                       | 1 +
 components/01-atoms/input/input.scss                         | 1 +
 components/02-molecules/navigation-card/navigation-card.scss | 1 +
 components/02-molecules/subject-card/subject-card.scss       | 1 +
 5 files changed, 5 insertions(+)

diff --git a/components/00-base/mixins/_image.scss b/components/00-base/mixins/_image.scss
index 29ce0c13..44604b0b 100644
--- a/components/00-base/mixins/_image.scss
+++ b/components/00-base/mixins/_image.scss
@@ -62,6 +62,7 @@
   position: relative;
   width: 100%;
   padding-top: 100%;
+  box-sizing: border-box;
 
   img {
     position: absolute;
diff --git a/components/01-atoms/iframe/iframe.scss b/components/01-atoms/iframe/iframe.scss
index ce9ab7cd..516dd959 100644
--- a/components/01-atoms/iframe/iframe.scss
+++ b/components/01-atoms/iframe/iframe.scss
@@ -6,6 +6,7 @@
   $root: &;
 
   border: 0;
+  box-sizing: border-box;
 
   &#{$root}--with-background {
     padding-left: $ct-iframe-space-horizontal;
diff --git a/components/01-atoms/input/input.scss b/components/01-atoms/input/input.scss
index 5fb86cc0..2e793f4a 100644
--- a/components/01-atoms/input/input.scss
+++ b/components/01-atoms/input/input.scss
@@ -23,6 +23,7 @@
     border-style: solid;
     border-width: $_border-width;
     padding: $_vertical_spacing $_horizontal_spacing;
+    box-sizing: border-box;
     width: 100%;
   }
 
diff --git a/components/02-molecules/navigation-card/navigation-card.scss b/components/02-molecules/navigation-card/navigation-card.scss
index b6dcfe58..75f20ba3 100644
--- a/components/02-molecules/navigation-card/navigation-card.scss
+++ b/components/02-molecules/navigation-card/navigation-card.scss
@@ -45,6 +45,7 @@
   #{$root}__content {
     width: 100%;
     padding: ct-spacing(3);
+    box-sizing: border-box;
   }
 
   #{$root}__icon {
diff --git a/components/02-molecules/subject-card/subject-card.scss b/components/02-molecules/subject-card/subject-card.scss
index fd6e260a..d774711c 100644
--- a/components/02-molecules/subject-card/subject-card.scss
+++ b/components/02-molecules/subject-card/subject-card.scss
@@ -24,6 +24,7 @@
       min-height: $ct-subject-card-image-height-mobile;
       min-width: $ct-subject-card-image-width-mobile;
       padding: ct-spacing(2);
+      box-sizing: border-box;
     }
 
     @include ct-breakpoint(m) {