From 0e0fa7f1979e0177caf5fc8eb146d755e5c2792c Mon Sep 17 00:00:00 2001
From: Raj Siva-Rajah <raj@zapzap.cloud>
Date: Wed, 6 Aug 2025 13:30:22 +0000
Subject: [PATCH] More fixes

---
 .../resources/css/components/rich-editor.css   |  4 ++--
 .../resources/css/components/repeatable.css    |  2 +-
 .../resources/css/components/text.css          | 18 +++++++++---------
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/forms/resources/css/components/rich-editor.css b/packages/forms/resources/css/components/rich-editor.css
index d655add6ed..bc946e3d05 100644
--- a/packages/forms/resources/css/components/rich-editor.css
+++ b/packages/forms/resources/css/components/rich-editor.css
@@ -86,8 +86,8 @@
             @apply outline-none;
 
             & .ProseMirror-selectednode {
-                &div[data-type='customBlock'],
-                &img {
+                div&[data-type='customBlock'],
+                img& {
                     @apply ring-primary-600 dark:ring-primary-500 ring-2;
                 }
             }
diff --git a/packages/infolists/resources/css/components/repeatable.css b/packages/infolists/resources/css/components/repeatable.css
index e5a6ea41ac..24856a853e 100644
--- a/packages/infolists/resources/css/components/repeatable.css
+++ b/packages/infolists/resources/css/components/repeatable.css
@@ -1,5 +1,5 @@
 .fi-in-repeatable {
-    &ul {
+    ul& {
         @apply gap-4;
     }
 
diff --git a/packages/infolists/resources/css/components/text.css b/packages/infolists/resources/css/components/text.css
index 9d15aa63db..c506d5329e 100644
--- a/packages/infolists/resources/css/components/text.css
+++ b/packages/infolists/resources/css/components/text.css
@@ -28,13 +28,13 @@
         }
     }
 
-    &ul.fi-bulleted,
+    ul&.fi-bulleted,
     &.fi-bulleted ul {
         @apply list-inside list-disc;
     }
 
     &:not(.fi-in-text-has-line-breaks) {
-        &ul.fi-in-text-has-badges,
+        ul&.fi-in-text-has-badges,
         &.fi-in-text-has-badges ul {
             /* A list of badges without line breaks need to remain on the same line, not wrap */
             @apply flex gap-x-1.5;
@@ -47,7 +47,7 @@
         }
     }
 
-    &ul.fi-in-text-has-badges,
+    ul&.fi-in-text-has-badges,
     &.fi-in-text-has-badges ul {
         &.fi-in-text-has-line-breaks,
         &:is(.fi-in-text-has-line-breaks ul) {
@@ -88,7 +88,7 @@
     &.fi-align-center {
         @apply text-center;
 
-        &ul,
+        ul&,
         & ul {
             @apply justify-center;
         }
@@ -98,7 +98,7 @@
     &.fi-align-right {
         @apply text-end;
 
-        &ul,
+        ul&,
         & ul {
             @apply justify-end;
         }
@@ -108,7 +108,7 @@
     &.fi-align-between {
         @apply text-justify;
 
-        &ul,
+        ul&,
         & ul {
             @apply justify-between;
         }
@@ -198,12 +198,12 @@
     &.fi-color {
         @apply text-(--text) dark:text-(--dark-text);
 
-        &li::marker {
+        li&::marker {
             @apply text-gray-950;
         }
 
         @variant dark {
-            &li::marker {
+            li&::marker {
                 @apply text-white;
             }
         }
@@ -212,7 +212,7 @@
     &.fi-color-gray {
         @apply text-gray-500 dark:text-gray-400;
 
-        &li::marker {
+        li&::marker {
             @apply text-gray-950;
         }
     }