From abdc61efbfcd047c1fcaa332f6a352c38d94f916 Mon Sep 17 00:00:00 2001
From: Aleksander Nowodzinski <a.nowodzinski@cksource.com>
Date: Fri, 23 Mar 2018 16:54:16 +0100
Subject: [PATCH] Fixed: ck-rounded-corners not respected because selection
 wrapped in .ck-editor (the mixin uses @nest).

---
 .../classiceditor.css                         | 50 +++++++++----------
 1 file changed, 24 insertions(+), 26 deletions(-)

diff --git a/theme/ckeditor5-editor-classic/classiceditor.css b/theme/ckeditor5-editor-classic/classiceditor.css
index 1000153..8529840 100644
--- 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);
 	}
 }