Use breakpoint functions

sjd210 · sjd210 · commit 57955c0f5150 · 2024-09-30T13:42:24.000+01:00
diff --git a/src/scss/phy/featured-profile.scss b/src/scss/phy/featured-profile.scss
@@ -27,7 +27,7 @@ div:has(> .featured-profile:first-child:nth-last-child(2)) {
     @extend .isaac-tab;
 
     width: 47.5%;
-    @media (max-width: 575px) {
+    @include media-breakpoint-down(sm) {
       width: 100%;
     }
 
@@ -52,3 +52,10 @@ div:has(> .featured-profile:first-child:nth-last-child(2)) {
     margin-right: 5%;
   }
 }
+
+@include media-breakpoint-down(lg) {
+  div.pad:has(> div > .featured-profile:first-child:nth-last-child(2)) {
+    padding-left: 0;
+  }
+}
+

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,7 @@ div:has(> .featured-profile:first-child:nth-last-child(2)) {`
`27`	`27`	`@extend .isaac-tab;`
`28`	`28`
`29`	`29`	`width: 47.5%;`
`30`		`- @media (max-width: 575px) {`
	`30`	`+ @include media-breakpoint-down(sm) {`
`31`	`31`	`width: 100%;`
`32`	`32`	`}`
`33`	`33`
`@@ -52,3 +52,10 @@ div:has(> .featured-profile:first-child:nth-last-child(2)) {`
`52`	`52`	`margin-right: 5%;`
`53`	`53`	`}`
`54`	`54`	`}`
	`55`	`+`
	`56`	`+@include media-breakpoint-down(lg) {`
	`57`	`+ div.pad:has(> div > .featured-profile:first-child:nth-last-child(2)) {`
	`58`	`+ padding-left: 0;`
	`59`	`+ }`
	`60`	`+}`
	`61`	`+`