@@ -1,6 +0,0 @@
-<style>
- .mention {
- background: hsla(341, 100%, 87%, 0.4);
- color: hsl(340, 100%, 31%);
- }
-</style>
@@ -12,6 +12,8 @@ import uid from '@ckeditor/ckeditor5-utils/src/uid';
import MentionCommand from './mentioncommand';
+import '../theme/mentionediting.css';
+
/**
* The mention editing feature.
*
@@ -3,11 +3,6 @@
</div>
<style>
-
.custom-item {
display: block;
padding: 1em;
@@ -5,11 +5,6 @@
@@ -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>
@@ -0,0 +1,4 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */