瀏覽代碼

Fixed: ck-rounded-corners not respected because selection wrapped in .ck-editor (the mixin uses @nest).

Aleksander Nowodzinski 7 年之前
父節點
當前提交
7c004b4ca8
共有 1 個文件被更改,包括 24 次插入26 次删除
  1. 24 26
      packages/ckeditor5-theme-lark/theme/ckeditor5-editor-classic/classiceditor.css

+ 24 - 26
packages/ckeditor5-theme-lark/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);
 	}
 }