Selaa lähdekoodia

Migrated UI components from SASS to PostCSS. Added theme support.

Aleksander Nowodzinski 8 vuotta sitten
vanhempi
commit
d37b11e46e

+ 1 - 1
packages/ckeditor5-engine/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 );

+ 27 - 0
packages/ckeditor5-engine/tests/manual/nestededitable.css

@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+@import "@ckeditor/ckeditor5-theme-lark/theme/helpers/colors.css";
+@import "@ckeditor/ckeditor5-theme-lark/theme/helpers/states.css";
+@import "@ckeditor/ckeditor5-theme-lark/theme/helpers/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);
+		}
+	}
+}
+
+
+
+

+ 1 - 1
packages/ckeditor5-engine/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() {

+ 0 - 25
packages/ckeditor5-engine/tests/manual/nestededitable.scss

@@ -1,25 +0,0 @@
-// 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/_colors.scss';
-@import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_shadow.scss';
-@import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_states.scss';
-
-figure {
-	background-color: #f3f3f3;
-	padding: 10px;
-
-	figcaption {
-		background: white;
-		outline: none;
-
-		&.focused {
-			@include ck-focus-ring();
-			@include ck-box-shadow( $ck-inner-shadow );
-		}
-	}
-}
-
-
-
-

+ 11 - 0
packages/ckeditor5-engine/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;
+}

+ 0 - 9
packages/ckeditor5-engine/theme/placeholder.scss

@@ -1,9 +0,0 @@
-// Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
-// For licensing, see LICENSE.md or http://ckeditor.com/license
-
-.ck-placeholder::before {
-	content: attr( data-placeholder );
-	cursor: text;
-	color: #c2c2c2;
-	pointer-events: none; // See ckeditor/ckeditor5#469.
-}