Merge pull request #158 from ckeditor/t/ckeditor5-ui/144

Other: Migrated package styles to PostCSS. Moved visual styles to ckeditor5-theme-lark (see ckeditor/ckeditor5-ui#144).

src/image.js

@@ -13,7 +13,7 @@ import Widget from '@ckeditor/ckeditor5-widget/src/widget';
 import ImageTextAlternative from './imagetextalternative';
 import { isImageWidgetSelected } from './image/utils';
 
-import '../theme/theme.scss';
+import '../theme/image.css';
 
 /**
  * The image plugin.

src/imagecaption.js

@@ -9,7 +9,8 @@
 
 import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
 import ImageCaptionEngine from './imagecaption/imagecaptionengine';
-import '../theme/imagecaption/theme.scss';
+
+import '../theme/imagecaption.css';
 
 /**
  * The image caption plugin.

src/imagestyle.js

@@ -11,6 +11,8 @@ import Plugin from '@ckeditor/ckeditor5-core/src/plugin';
 import ImageStyleEngine from './imagestyle/imagestyleengine';
 import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 
+import '../theme/imagestyle.css';
+
 /**
  * The image style plugin.
  *

src/imagetextalternative.js

@@ -17,8 +17,6 @@ import textAlternativeIcon from '@ckeditor/ckeditor5-core/theme/icons/low-vision
 import { repositionContextualBalloon, getBalloonPositionData } from './image/ui/utils';
 import { isImageWidgetSelected } from './image/utils';
 
-import '../theme/imagetextalternative/theme.scss';
-
 /**
  * The image text alternative plugin.
  *

src/imagetextalternative/ui/textalternativeformview.js

@@ -19,6 +19,8 @@ import KeystrokeHandler from '@ckeditor/ckeditor5-utils/src/keystrokehandler';
 import FocusTracker from '@ckeditor/ckeditor5-utils/src/focustracker';
 import FocusCycler from '@ckeditor/ckeditor5-ui/src/focuscycler';
 
+import '../../../theme/textalternativeform.css';
+
 /**
  * The TextAlternativeFormView class.
  *

theme/image.css

@@ -0,0 +1,15 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.ck-editor__editable {
+	& .image {
+		clear: both;
+
+		& > img {
+			/* Prevent unnecessary margins caused by line-height (see #44). */
+			display: block;
+		}
+	}
+}

theme/imagecaption.css

@@ -0,0 +1,4 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */

theme/imagestyle.css

@@ -0,0 +1,4 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */

theme/textalternativeform.css

@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.cke-text-alternative-form {
+	overflow: hidden;
+}
+
+.cke-text-alternative-form__actions {
+	clear: both;
+
+	& .ck-button {
+		float: right;
+
+		& + .ck-button + .ck-button {
+			float: left;
+		}
+	}
+}