From 31ff6e6a90e08d529ff9c3218ade8c3a4cfd5618 Mon Sep 17 00:00:00 2001 From: Andrew Gliga Date: Tue, 10 Sep 2024 11:19:30 -0700 Subject: [PATCH] fix: added autoprefixer comment to carousel --- .changeset/happy-elephants-build.md | 5 +++++ dist/carousel/carousel.css | 2 ++ scripts/add-y-comments.js | 6 ++++-- 3 files changed, 11 insertions(+), 2 deletions(-) create mode 100644 .changeset/happy-elephants-build.md diff --git a/.changeset/happy-elephants-build.md b/.changeset/happy-elephants-build.md new file mode 100644 index 000000000..987ef9338 --- /dev/null +++ b/.changeset/happy-elephants-build.md @@ -0,0 +1,5 @@ +--- +"@ebay/skin": patch +--- + +fix: added autoprefixer ignore to carousel diff --git a/dist/carousel/carousel.css b/dist/carousel/carousel.css index 64ebdc73e..c4bb7dd8a 100644 --- a/dist/carousel/carousel.css +++ b/dist/carousel/carousel.css @@ -223,6 +223,7 @@ span.carousel__container { [dir="rtl"] .carousel__control .icon--12 { transform: rotate(180deg); } +/* autoprefixer: ignore next */ @supports not /*!Y */ ( /*!Y */ (-webkit-scroll-snap-coordinate: 0 0) or /*!Y */ @@ -237,6 +238,7 @@ span.carousel__container { opacity: 0.3; } } +/* autoprefixer: ignore next */ @supports ( /*!Y */ (-webkit-scroll-snap-coordinate: 0 0) or /*!Y */ (-ms-scroll-snap-coordinate: 0 0) or /*!Y */ diff --git a/scripts/add-y-comments.js b/scripts/add-y-comments.js index 97f54654e..9c3885182 100644 --- a/scripts/add-y-comments.js +++ b/scripts/add-y-comments.js @@ -11,7 +11,8 @@ fs.readFile(carouselCSS, "utf8", function (err, data) { const result = data .replace( /\@supports not (.|\n)+?\{/, - `@supports not /*!Y */ + `/* autoprefixer: ignore next */ +@supports not /*!Y */ ( /*!Y */ (-webkit-scroll-snap-coordinate: 0 0) or /*!Y */ (-ms-scroll-snap-coordinate: 0 0) or /*!Y */ @@ -20,7 +21,8 @@ fs.readFile(carouselCSS, "utf8", function (err, data) { ) .replace( /\@supports \((.|\n)+?\{/, - `@supports ( + `/* autoprefixer: ignore next */ +@supports ( /*!Y */ (-webkit-scroll-snap-coordinate: 0 0) or /*!Y */ (-ms-scroll-snap-coordinate: 0 0) or /*!Y */ (scroll-snap-coordinate: 0 0) or /*!Y */ (scroll-snap-align: start)