Docs (heading): Fix styles for the dropdown button in custom heading …

…elements example.
ckeditor · Nov 19, 2020 · 12b1732 · 12b1732
1 parent dbd788c
commit 12b1732
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-elements.html b/packages/ckeditor5-heading/docs/_snippets/features/custom-heading-elements.html
@@ -1,6 +1,6 @@
 <style>
-	h2.fancy, .ck-heading_heading2_fancy {
-		color: #ff0050;
+	h2.fancy, .ck.ck-button.ck-heading_heading2_fancy {
+		color: hsl(341, 100%, 50%);
 		font-size: 17px;
 	}
 </style>

diff --git a/packages/ckeditor5-heading/docs/features/headings.md b/packages/ckeditor5-heading/docs/features/headings.md
@@ -91,8 +91,8 @@ For example, the following editor will support the following two heading options
 
 ```html
 <style>
-	// Styles for the heading in the content and for the dropdown item.
-	h2.fancy, .ck-heading_heading2_fancy {
+	/* Styles for the heading in the content and for the dropdown item. */
+	h2.fancy, .ck.ck-button.ck-heading_heading2_fancy {
 		color: #ff0050;
 		font-size: 17px;
 	}
@@ -212,7 +212,7 @@ The {@link module:heading/heading~Heading} plugin registers:
 	```js
 	editor.execute( 'heading', { value: 'heading2' } );
 	```
- 
+
 The {@link module:heading/headingbuttonsui~HeadingButtonsUI} plugin registers six UI button components that will execute the `'heading'` command with the proper value of the `value` attribute:
 
 * `'heading1'`
@@ -221,7 +221,7 @@ The {@link module:heading/headingbuttonsui~HeadingButtonsUI} plugin registers si
 * `'heading4'`
 * `'heading5'`
 * `'heading6'`
-    
+
 The {@link module:paragraph/paragraphbuttonui~ParagraphButtonUI} plugin registers the UI button component: `'paragraph'`.
 
 <info-box>