Procházet zdrojové kódy

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

Aleksander Nowodzinski před 8 roky
rodič
revize
4800e65689

+ 1 - 1
packages/ckeditor5-editor-classic/src/classiceditor.js

@@ -13,7 +13,7 @@ import ClassicEditorUI from './classiceditorui';
 import ClassicEditorUIView from './classiceditoruiview';
 import ElementReplacer from '@ckeditor/ckeditor5-utils/src/elementreplacer';
 
-import '../theme/theme.scss';
+import '../theme/classiceditor.css';
 
 /**
  * The {@glink builds/guides/overview#Classic-editor classic editor} implementation.

+ 17 - 0
packages/ckeditor5-editor-classic/theme/classiceditor.css

@@ -0,0 +1,17 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+@import "@ckeditor/ckeditor5-ui/theme/helpers/zindex.css";
+
+.ck-editor {
+	/* All the elements within `.ck-editor` are positioned relatively to it.
+	 If any element needs to be positioned with respect to the <body>, etc.,
+	 it must land outside of the `.ck-editor` in DOM. */
+	position: relative;
+}
+
+.ck-editor__top .ck-sticky-panel .ck-toolbar {
+	z-index: var(--ck-z-modal);
+}

+ 0 - 44
packages/ckeditor5-editor-classic/theme/theme.scss

@@ -1,44 +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/theme.scss';
-
-.ck-editor {
-	// All the elements within `.ck-editor` are positioned relatively to it.
-	// If any element needs to be positioned with respect to the <body>, etc.,
-	// it must land outside of the `.ck-editor` in DOM.
-	position: relative;
-}
-
-.ck-editor__top .ck-sticky-panel {
-	.ck-toolbar {
-		@include ck-rounded-corners {
-			border-bottom-left-radius: 0;
-			border-bottom-right-radius: 0;
-		}
-
-		// https://github.com/ckeditor/ckeditor5-editor-classic/issues/62
-		z-index: ck-z( 'modal' );
-		background: ck-color( 'editor-toolbar-background' );
-		border-bottom-width: 0;
-	}
-
-	.ck-sticky-panel__content_sticky {
-		.ck-toolbar {
-			border-bottom-width: 1px;
-
-			@include ck-rounded-corners {
-				border-radius: 0;
-			}
-		}
-	}
-}
-
-.ck-editor__editable {
-	@include ck-rounded-corners {
-		border-top-left-radius: 0;
-		border-top-right-radius: 0;
-	};
-
-	border: 1px solid ck-color( 'editor-border' );
-}