More fixes

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;
                 }
             }

packages/infolists/resources/css/components/repeatable.css

@@ -1,5 +1,5 @@
 .fi-in-repeatable {
-    &ul {
+    ul& {
         @apply gap-4;
     }
 

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;
         }
     }