浏览代码

Improved styling of the code block language label.

Aleksander Nowodzinski 6 年之前
父节点
当前提交
c08b358367
共有 1 个文件被更改,包括 6 次插入1 次删除
  1. 6 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-code-block/codeblock.css

+ 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;