Procházet zdrojové kódy

Improved styling of the code block language label.

Aleksander Nowodzinski před 6 roky
rodič
revize
c08b358367

+ 6 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-code-block/codeblock.css

@@ -3,13 +3,18 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 
+:root {
+	--ck-color-code-block-label-background: hsl(0, 0%, 46%);
+}
+
 .ck.ck-editor__editable pre[data-language]::after {
 	top: -1px;
 	right: 10px;
-	background: hsl(0, 0%, 46%);
+	background: var(--ck-color-code-block-label-background);
 
 	font-size: 10px;
 	font-family: var(--ck-font-face);
+	line-height: 16px;
 	padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
 	color: hsl(0, 0%, 100%);
 	white-space: nowrap;