Merge pull request #1188 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/view/placeholder.js

@@ -10,7 +10,7 @@
 import extend from '@ckeditor/ckeditor5-utils/src/lib/lodash/extend';
 import EmitterMixin from '@ckeditor/ckeditor5-utils/src/emittermixin';
 import CKEditorError from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
-import '../../theme/placeholder.scss';
+import '../../theme/placeholder.css';
 
 const listener = {};
 extend( listener, EmitterMixin );

tests/manual/nestededitable.css

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_focus.css";
+@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_shadow.css";
+
+figure {
+	background-color: #f3f3f3;
+	padding: 10px;
+
+	& figcaption {
+		background: white;
+		outline: none;
+
+		&.focused {
+			@mixin ck-focus-ring;
+			@mixin ck-box-shadow var(--ck-inner-shadow);
+		}
+	}
+}

tests/manual/nestededitable.js

@@ -18,7 +18,7 @@ import ViewEditableElement from '../../src/view/editableelement';
 import { getData } from '../../src/dev-utils/model';
 import global from '@ckeditor/ckeditor5-utils/src/dom/global';
 
-import './nestededitable.scss';
+import './nestededitable.css';
 
 class NestedEditable extends Plugin {
 	init() {

theme/placeholder.css

@@ -0,0 +1,11 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.ck-placeholder::before {
+	content: attr( data-placeholder );
+
+	/* See ckeditor/ckeditor5#469. */
+	pointer-events: none;
+}