PR feedback, css clean up

adobecom · Nov 27, 2024 · 7919167 · 7919167
1 parent bf5e17d
commit 7919167
Showing 1 changed file with 13 additions and 26 deletions.
diff --git a/libs/blocks/carousel/carousel.css b/libs/blocks/carousel/carousel.css
@@ -379,44 +379,31 @@ html[dir="rtl"] .carousel-slides .section.carousel-slide {
   height: auto;
 }
 
+.carousel:is(.rounded-corners, .m-rounded-corners) .carousel-slide,
+.carousel:is(.rounded-corners, .m-rounded-corners) .carousel-slide > div :is(p > picture img, p > video, p > .milo-video) {
+  border-radius: var(--m-rounded-corners);
+}
+
+.carousel[class*='rounded-corners'] .carousel-slide,
+.carousel[class*='rounded-corners'] .carousel-slide > div :is(p > video, p > .milo-video) {
+  overflow: hidden;
+}
+
 .carousel.s-rounded-corners .carousel-slide,
-.carousel.s-rounded-corners .carousel-slide > div :is(p):has(> picture) img,
-.carousel.s-rounded-corners .carousel-slide > div :is(p):has(> video) video,
-.carousel.s-rounded-corners .carousel-slide > div :is(p):has(.milo-video) .milo-video {
+.carousel.s-rounded-corners .carousel-slide > div :is(p > picture img, p > video, p > .milo-video) {
   border-radius: var(--s-rounded-corners);
 }
 
 .carousel.l-rounded-corners .carousel-slide,
-.carousel.l-rounded-corners .carousel-slide > div :is(p):has(> picture) img,
-.carousel.l-rounded-corners .carousel-slide > div :is(p):has(> video) video,
-.carousel.l-rounded-corners .carousel-slide > div :is(p):has(.milo-video) .milo-video {
+.carousel.l-rounded-corners .carousel-slide > div :is(p > picture img, p > video, p > .milo-video) {
   border-radius: var(--l-rounded-corners);
 }
 
 .carousel.full-rounded-corners .carousel-slide,
-.carousel.full-rounded-corners .carousel-slide > div :is(p):has(> picture) img,
-.carousel.full-rounded-corners .carousel-slide > div :is(p):has(> video) video,
-.carousel.full-rounded-corners .carousel-slide > div :is(p):has(.milo-video) .milo-video {
+.carousel.full-rounded-corners .carousel-slide > div :is(p > picture img, p > video, p > .milo-video) {
   border-radius: var(--full-rounded-corners);
 }
 
-.carousel.rounded-corners .carousel-slide,
-.carousel.m-rounded-corners .carousel-slide,
-.carousel.rounded-corners .carousel-slide > div :is(p):has(> picture) img,
-.carousel.m-rounded-corners .carousel-slide > div :is(p):has(> picture) img,
-.carousel.rounded-corners .carousel-slide > div :is(p):has(> video) video,
-.carousel.m-rounded-corners .carousel-slide > div :is(p):has(> video) video,
-.carousel.rounded-corners .carousel-slide > div :is(p):has(.milo-video) .milo-video,
-.carousel.m-rounded-corners .carousel-slide > div :is(p):has(.milo-video) .milo-video {
-  border-radius: var(--m-rounded-corners);
-}
-
-.carousel[class*='rounded-corners'] .carousel-slide,
-.carousel[class*='rounded-corners'] .carousel-slide > div :is(p):has(> video) video,
-.carousel[class*='rounded-corners'] .carousel-slide > div :is(p):has(.milo-video) .milo-video {
-  overflow: hidden;
-}
-
 .carousel[class*='rounded-corners'] .carousel-slide > div :is(p):has(> video, > picture, > .milo-video, > .modal-img-link) {
   margin-top: 0;
   margin-bottom: 0;