Removed the CSS "nest" at-rule as it is no longer valid PostCSS selec…

…tor.
ckeditor · Sep 23, 2024 · 1f935eb · pomek · Sep 23, 2024 · 1f935eb
1 parent c177fa7
commit 1f935eb
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 29 deletions.
diff --git a/packages/ckeditor5-list/theme/todolist.css b/packages/ckeditor5-list/theme/todolist.css
@@ -25,7 +25,7 @@
 	margin-left: 0;
 
 	/* RTL styles */
-	@nest [dir=rtl]& {
+	[dir=rtl]& {
 		left: 0;
 		margin-right: 0;
 		right: -25px;

diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-html-embed/htmlembed.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-html-embed/htmlembed.css
@@ -56,18 +56,18 @@
 		margin-left: 50px;
 	}
 
-	@nest .ck.ck-editor__editable.ck-blurred &.ck-widget_selected::before {
+	.ck.ck-editor__editable.ck-blurred &.ck-widget_selected::before {
 		top: 0px;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
 	}
 
-	@nest .ck.ck-editor__editable:not(.ck-blurred) &.ck-widget_selected::before {
+	.ck.ck-editor__editable:not(.ck-blurred) &.ck-widget_selected::before {
 		top: 0;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
 		background: var(--ck-color-focus-border);
 	}
 
-	@nest .ck.ck-editor__editable &:not(.ck-widget_selected):hover::before {
+	.ck.ck-editor__editable &:not(.ck-widget_selected):hover::before {
 		top: 0px;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
 	}
@@ -135,7 +135,7 @@
 		width: var(--ck-html-embed-content-width);
 
 		/* Disable all mouse interaction as long as the editor is not read–only. */
-		@nest .ck-editor__editable:not(.ck-read-only) & {
+		.ck-editor__editable:not(.ck-read-only) & {
 			pointer-events: none;
 		}
 	}

diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/splitbutton.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/splitbutton.css
@@ -16,13 +16,13 @@
 	 */
 	&:hover > .ck-splitbutton__action,
 	&.ck-splitbutton_open > .ck-splitbutton__action {
-		@nest [dir="ltr"] & {
+		[dir="ltr"] & {
 			/* Don't round the action button on the right side */
 			border-top-right-radius: unset;
 			border-bottom-right-radius: unset;
 		}
 
-		@nest [dir="rtl"] & {
+		[dir="rtl"] & {
 			/* Don't round the action button on the left side */
 			border-top-left-radius: unset;
 			border-bottom-left-radius: unset;
@@ -34,13 +34,13 @@
 		it must get some arbitrary min-width. */
 		min-width: unset;
 
-		@nest [dir="ltr"] & {
+		[dir="ltr"] & {
 			/* Don't round the arrow button on the left side */
 			border-top-left-radius: unset;
 			border-bottom-left-radius: unset;
 		}
 
-		@nest [dir="rtl"] & {
+		[dir="rtl"] & {
 			/* Don't round the arrow button on the right side */
 			border-top-right-radius: unset;
 			border-bottom-right-radius: unset;
@@ -58,6 +58,20 @@
 		border-bottom-width: 0px;
 	}
 
+	/* Don't round the bottom left and right corners of the buttons when "open"
+	https://github.com/ckeditor/ckeditor5/issues/816 */
+	&.ck-splitbutton_open {
+		@mixin ck-rounded-corners {
+			& > .ck-splitbutton__action {
+				border-bottom-left-radius: 0;
+			}
+
+			& > .ck-splitbutton__arrow {
+				border-bottom-right-radius: 0;
+			}
+		}
+	}
+
 	/* When the split button is "open" (the arrow is on) or being hovered, it should get some styling
 	as a whole. The background of both buttons should stand out and there should be a visual
 	separation between both buttons. */
@@ -83,30 +97,16 @@
 			--ck-color-split-button-hover-border: var(--ck-color-focus-border);
 		}
 
-		@nest [dir="ltr"] & {
+		[dir="ltr"] & {
 			& > .ck-splitbutton__arrow:not(.ck-disabled)::after {
 				left: -1px;
 			}
 		}
 
-		@nest [dir="rtl"] & {
+		[dir="rtl"] & {
 			& > .ck-splitbutton__arrow:not(.ck-disabled)::after {
 				right: -1px;
 			}
 		}
 	}
-
-	/* Don't round the bottom left and right corners of the buttons when "open"
-	https://github.com/ckeditor/ckeditor5/issues/816 */
-	&.ck-splitbutton_open {
-		@mixin ck-rounded-corners {
-			& > .ck-splitbutton__action {
-				border-bottom-left-radius: 0;
-			}
-
-			& > .ck-splitbutton__arrow {
-				border-bottom-right-radius: 0;
-			}
-		}
-	}
 }
diff --git a/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css b/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css
@@ -110,7 +110,7 @@
 		outline: none;
 	}
 
-	@nest .ck-toolbar-container & {
+	.ck-toolbar-container & {
 		border: 0;
 	}
 }

diff --git a/packages/ckeditor5-theme-lark/theme/mixins/_rounded.css b/packages/ckeditor5-theme-lark/theme/mixins/_rounded.css
@@ -11,7 +11,7 @@
 @define-mixin ck-rounded-corners {
 	border-radius: 0;
 
-	@nest .ck-rounded-corners &,
+	.ck-rounded-corners &,
 	&.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
 		@mixin-content;

diff --git a/packages/ckeditor5-ui/theme/components/dialog/dialog.css b/packages/ckeditor5-ui/theme/components/dialog/dialog.css
@@ -33,7 +33,7 @@
 		}
 	}
 
-	@nest .ck.ck-dialog-overlay.ck-dialog-overlay__transparent & {
+	.ck.ck-dialog-overlay.ck-dialog-overlay__transparent & {
 		pointer-events: all;
 	}
 }
diff --git a/packages/ckeditor5-ui/theme/mixins/_dir.css b/packages/ckeditor5-ui/theme/mixins/_dir.css
@@ -4,7 +4,7 @@
  */
 
 @define-mixin ck-dir $direction {
-	@nest [dir="$(direction)"] & {
+	[dir="$(direction)"] & {
 		@mixin-content;
 	}
 }