Explorar el Código

Added styles for left-aligned, right-aligned and centered image.

Aleksander Nowodzinski hace 8 años
padre
commit
ded92d39d8
Se han modificado 1 ficheros con 28 adiciones y 2 borrados
  1. 28 2
      packages/ckeditor5-image/theme/theme.scss

+ 28 - 2
packages/ckeditor5-image/theme/theme.scss

@@ -1,15 +1,41 @@
 // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
 // For licensing, see LICENSE.md or http://ckeditor.com/license
 
+@import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_spacing';
+
+$ck-image-spacing: ck-spacing( 'standard' );
+$ck-image-max-width: 50%;
+
 .ck-editor__editable {
 	.image {
 		text-align: center;
 		clear: both;
 
+		&.image-style-side,
+		&.image-style-align-left,
+		&.image-style-align-center,
+		&.image-style-align-right {
+			max-width: $ck-image-max-width;
+		}
+
 		&.image-style-side {
 			float: right;
-			margin-left: 0.8em;
-			max-width: 50%;
+			margin-left: $ck-image-spacing;
+		}
+
+		&.image-style-align-left {
+			float: left;
+			margin-right: $ck-image-spacing;
+		}
+
+		&.image-style-align-center {
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+		&.image-style-align-right {
+			float: right;
+			margin-left: $ck-image-spacing;
 		}
 	}