浏览代码

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

Aleksander Nowodzinski 8 年之前
父节点
当前提交
a761186957

+ 0 - 1
packages/ckeditor5-link/src/link.js

@@ -20,7 +20,6 @@ import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 import LinkFormView from './ui/linkformview';
 
 import linkIcon from '../theme/icons/link.svg';
-import '../theme/theme.scss';
 
 const linkKeystroke = 'Ctrl+K';
 

+ 2 - 0
packages/ckeditor5-link/src/ui/linkformview.js

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

+ 0 - 47
packages/ckeditor5-link/theme/components/linkform.scss

@@ -1,47 +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';
-
-.ck-link {
-	&-form {
-		padding: ck-spacing( 'large' );
-		overflow: hidden;
-
-		&:focus {
-			// https://github.com/ckeditor/ckeditor5-link/issues/90
-			outline: none;
-		}
-
-		.ck-input-text {
-			// https://github.com/ckeditor/ckeditor5-link/issues/145
-			width: 100%;
-		}
-
-		.ck-label {
-			margin-bottom: ck-spacing( 'tiny' );
-		}
-
-		&__actions {
-			clear: both;
-			padding-top: ck-spacing( 'large' );
-
-			.ck-button {
-				float: right;
-
-				// "Save" and "Cancel" buttons.
-				& + .ck-button {
-					margin-right: ck-spacing( 'medium' );
-				}
-
-				// The "Unlink" button.
-				&:last-child {
-					float: left;
-
-					// https://github.com/ckeditor/ckeditor5-link/issues/145
-					margin-right: 4 * ck-spacing( 'medium' );
-				}
-			}
-		}
-	}
-}

+ 21 - 0
packages/ckeditor5-link/theme/linkform.css

@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */
+
+.ck-link-form {
+	overflow: hidden;
+}
+
+.ck-link-form__actions {
+	clear: both;
+
+	& .ck-button {
+		float: right;
+
+		/* The "Unlink" button.*/
+		&:last-child {
+			float: left;
+		}
+	}
+}

+ 0 - 4
packages/ckeditor5-link/theme/theme.scss

@@ -1,4 +0,0 @@
-// Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
-// For licensing, see LICENSE.md or http://ckeditor.com/license
-
-@import './components/linkform';