Răsfoiți Sursa

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

Other: Migrated package styles to PostCSS. Moved visual styles to ckeditor5-theme-lark (see ckeditor/ckeditor5-ui#144).
Aleksander Nowodzinski 8 ani în urmă
părinte
comite
ed8e2a79db

+ 1 - 1
packages/ckeditor5-heading/src/heading.js

@@ -14,7 +14,7 @@ import Model from '@ckeditor/ckeditor5-ui/src/model';
 import createListDropdown from '@ckeditor/ckeditor5-ui/src/dropdown/list/createlistdropdown';
 import Collection from '@ckeditor/ckeditor5-utils/src/collection';
 
-import '../theme/theme.scss';
+import '../theme/heading.css';
 
 /**
  * The headings feature. It introduces the `headings` drop-down and the `heading1`-`headingN` commands which allow

+ 10 - 0
packages/ckeditor5-heading/theme/heading.css

@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+/*
+ * Note: This file should contain the wireframe styles only. But since there are no such styles,
+ * it acts as a message to the builder telling that it should look for the corresponding styles
+ * **in the theme** when compiling the editor.
+ */

+ 0 - 42
packages/ckeditor5-heading/theme/theme.scss

@@ -1,42 +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/_spacing';
-@import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_fonts';
-
-.ck-heading_heading {
-	&1 {
-		font-size: 1.5em;
-	}
-
-	&2 {
-		font-size: 1.3em;
-	}
-
-	&3 {
-		font-size: 1.1em;
-	}
-}
-
-// Using absolute units to make sure each element has the same height and padding.
-// https://github.com/ckeditor/ckeditor5-heading/issues/63
-[class*="ck-heading_"] {
-	line-height: 1.8 * $ck-font-size-base;
-	// Strip the units from $ck-def-spacing here.
-	padding: $ck-def-spacing / ( $ck-def-spacing * 0 + 1 ) * $ck-font-size-base;
-}
-
-[class*="ck-heading_heading"] {
-	font-weight: bold;
-}
-
-// Resize dropdown's button label.
-.ck-dropdown {
-	&.ck-heading-dropdown {
-		.ck-dropdown__button {
-			.ck-button__label {
-				width: 8em;
-			}
-		}
-	}
-}