Fixed: ck-rounded-corners not respected because selection wrapped in …

….ck-editor (the mixin uses @nest).
ckeditor · Mar 23, 2018 · abdc61e · abdc61e
1 parent 0cd9f6d
commit abdc61e
Showing 1 changed file with 24 additions and 26 deletions.
diff --git a/theme/ckeditor5-editor-classic/classiceditor.css b/theme/ckeditor5-editor-classic/classiceditor.css
@@ -5,40 +5,38 @@
 
 @import "../mixins/_rounded.css";
 
-.ck.ck-editor {
-	& .ck-editor__top {
-		& .ck-sticky-panel {
-			& .ck-toolbar {
-				@mixin ck-rounded-corners {
-					border-bottom-left-radius: 0;
-					border-bottom-right-radius: 0;
-				}
-
-				border-bottom-width: 0;
+.ck.ck-editor__top {
+	& .ck-sticky-panel {
+		& .ck-toolbar {
+			@mixin ck-rounded-corners {
+				border-bottom-left-radius: 0;
+				border-bottom-right-radius: 0;
 			}
 
-			& .ck-sticky-panel__content_sticky .ck-toolbar {
-				border-bottom-width: 1px;
+			border-bottom-width: 0;
+		}
+
+		& .ck-sticky-panel__content_sticky .ck-toolbar {
+			border-bottom-width: 1px;
 
-				@mixin ck-rounded-corners {
-					border-radius: 0;
-				}
+			@mixin ck-rounded-corners {
+				border-radius: 0;
 			}
 		}
 	}
+}
 
-	/* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */
-	& .ck-editor__main .ck-editor__editable {
-		/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */
-		background: var(--ck-color-base-background);
+/* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */
+.ck.ck-editor__main .ck-editor__editable {
+	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */
+	background: var(--ck-color-base-background);
 
-		@mixin ck-rounded-corners {
-			border-top-left-radius: 0;
-			border-top-right-radius: 0;
-		}
+	@mixin ck-rounded-corners {
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+	}
 
-		&:not(.ck-focused) {
-			border-color: var(--ck-color-base-border);
-		}
+	&:not(.ck-focused) {
+		border-color: var(--ck-color-base-border);
 	}
 }