add new small-mobile-min variable and update cards scss to reflect.

shayla-develops-webs · shayla-develops-webs · commit bf7b71d023df · 2025-08-29T18:08:43.000-05:00
diff --git a/components/containers/Card/Cards.module.scss b/components/containers/Card/Cards.module.scss
@@ -19,7 +19,7 @@
     }
   }
 
-  @include small-mobile {
+  @include small-mobile-min {
     height: 42rem;
   }
 
@@ -46,7 +46,7 @@
   margin: 1rem 0 0 0;
   line-height: unset;
 
-  @media (min-width: $tablet-breakpoint) {
+  @include tablet {
     font-size: 2.25rem;
   }
 }
diff --git a/styles/_mixins.scss b/styles/_mixins.scss
@@ -67,3 +67,9 @@
     @content;
   }
 }
+
+@mixin small-mobile-up {
+  @media (min-width: $sm-mobile-breakpoint) {
+    @content;
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@`
`19`	`19`	`}`
`20`	`20`	`}`
`21`	`21`
`22`		`- @include small-mobile {`
	`22`	`+ @include small-mobile-min {`
`23`	`23`	`height: 42rem;`
`24`	`24`	`}`
`25`	`25`
`@@ -46,7 +46,7 @@`
`46`	`46`	`margin: 1rem 0 0 0;`
`47`	`47`	`line-height: unset;`
`48`	`48`
`49`		`- @media (min-width: $tablet-breakpoint) {`
	`49`	`+ @include tablet {`
`50`	`50`	`font-size: 2.25rem;`
`51`	`51`	`}`
`52`	`52`	`}`
Original file line number	Diff line number	Diff line change
`@@ -67,3 +67,9 @@`
`67`	`67`	`@content;`
`68`	`68`	`}`
`69`	`69`	`}`
	`70`	`+`
	`71`	`+@mixin small-mobile-up {`
	`72`	`+ @media (min-width: $sm-mobile-breakpoint) {`
	`73`	`+ @content;`
	`74`	`+ }`
	`75`	`+}`