Ver Fonte

Added ck-editor__editable prefix to content styles.

Szymon Kupś há 8 anos atrás
pai
commit
3bfaf5264b

+ 8 - 6
packages/ckeditor5-image/theme/imagecaption/theme.scss

@@ -5,11 +5,13 @@
 @import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_spacing.scss';
 @import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_fonts.scss';
 
-.ck-widget.image {
-	.ck-editable {
-		background-color: ck-color( 'foreground' );
-		padding: ck-spacing();
-		font-size: ck-font-size( -1 );
-		color: ck-color( 'text', 40 );
+.ck-editor__editable {
+	.image {
+		.ck-editable {
+			background-color: ck-color( 'foreground' );
+			padding: ck-spacing();
+			font-size: ck-font-size( -1 );
+			color: ck-color( 'text', 40 );
+		}
 	}
 }

+ 17 - 15
packages/ckeditor5-image/theme/theme.scss

@@ -2,24 +2,26 @@
 // For licensing, see LICENSE.md or http://ckeditor.com/license
 
 // Image widget's styles.
-.image {
-	text-align: center;
-	clear: both;
+.ck-editor__editable {
+	.image {
+		text-align: center;
+		clear: both;
 
-	&.image-style-side {
-		float: right;
-		margin-left: 0.8em;
-		max-width: 50%;
+		&.image-style-side {
+			float: right;
+			margin-left: 0.8em;
+			max-width: 50%;
+		}
 	}
-}
 
-.image > img {
-	// Prevent unnecessary margins caused by line-height (see #44).
-	display: block;
+	.image > img {
+		// Prevent unnecessary margins caused by line-height (see #44).
+		display: block;
 
-	// Center the image if its width is smaller than content's width.
-	margin: 0 auto;
+		// Center the image if its width is smaller than content's width.
+		margin: 0 auto;
 
-	// Make sure the image never exceeds the size of the parent container (#67).
-	max-width: 100%;
+		// Make sure the image never exceeds the size of the parent container (#67).
+		max-width: 100%;
+	}
 }