8
0
Просмотр исходного кода

Move mention CSS definitions to theme lark.

Maciej Gołaszewski 6 лет назад
Родитель
Сommit
ed5c32b95b

+ 0 - 6
packages/ckeditor5-mention/docs/_snippets/features/build-mention-source.html

@@ -1,6 +0,0 @@
-<style>
-	.mention {
-		background: hsla(341, 100%, 87%, 0.4);
-		color: hsl(340, 100%, 31%);
-	}
-</style>

+ 2 - 0
packages/ckeditor5-mention/src/mentionediting.js

@@ -12,6 +12,8 @@ import uid from '@ckeditor/ckeditor5-utils/src/uid';
 
 import MentionCommand from './mentioncommand';
 
+import '../theme/mentionediting.css';
+
 /**
  * The mention editing feature.
  *

+ 0 - 5
packages/ckeditor5-mention/tests/manual/mention-custom-renderer.html

@@ -3,11 +3,6 @@
 </div>
 
 <style>
-	.mention {
-		background: hsla(341, 100%, 87%, 0.4);
-		color: hsl(340, 100%, 31%);
-	}
-
 	.custom-item {
 		display: block;
 		padding: 1em;

+ 0 - 5
packages/ckeditor5-mention/tests/manual/mention-custom-view.html

@@ -5,11 +5,6 @@
 </div>
 
 <style>
-	.mention {
-		background: hsla(341, 100%, 87%, 0.4);
-		color: hsl(340, 100%, 31%);
-	}
-
 	.custom-item {
 		display: block;
 		padding: 1em;

+ 0 - 7
packages/ckeditor5-mention/tests/manual/mention.html

@@ -2,10 +2,3 @@
 	<p>Hello <span class="mention" data-mention="Ted">@Ted</span>.</p>
 	<p>Hello <span class="mention" data-mention="Ted">@Ted</span><span class="mention" data-mention="Ted">@Ted</span>.</p>
 </div>
-
-<style>
-	.mention {
-		background: hsla(341, 100%, 87%, 0.4);
-		color: hsl(340, 100%, 31%);
-	}
-</style>

+ 4 - 0
packages/ckeditor5-mention/theme/mentionediting.css

@@ -0,0 +1,4 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */