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

Brought back some default styles for <code>.

Piotrek Koszuliński 8 лет назад
Родитель
Сommit
fe2a545dbe

+ 2 - 1
packages/ckeditor5-basic-styles/package.json

@@ -6,7 +6,8 @@
   "dependencies": {
     "@ckeditor/ckeditor5-core": "^0.9.0",
     "@ckeditor/ckeditor5-engine": "^0.11.0",
-    "@ckeditor/ckeditor5-ui": "^0.10.0"
+    "@ckeditor/ckeditor5-ui": "^0.10.0",
+    "@ckeditor/ckeditor5-theme-lark": "^0.9.0"
   },
   "devDependencies": {
     "@ckeditor/ckeditor5-dev-lint": "^3.1.0",

+ 2 - 0
packages/ckeditor5-basic-styles/src/code.js

@@ -12,6 +12,8 @@ import CodeEngine from './codeengine';
 import ButtonView from '@ckeditor/ckeditor5-ui/src/button/buttonview';
 import codeIcon from '../theme/icons/code.svg';
 
+import '../theme/code.scss';
+
 /**
  * The code feature. It introduces the Code button.
  *

+ 14 - 0
packages/ckeditor5-basic-styles/theme/code.scss

@@ -0,0 +1,14 @@
+// Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
+// For licensing, see LICENSE.md or http://ckeditor.com/license
+
+@import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_colors.scss';
+@import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_rounded.scss';
+@import '~@ckeditor/ckeditor5-theme-lark/theme/helpers/_spacing.scss';
+
+@include ck-color-add( ( 'code': rgba( 200, 200, 200, 0.3 ) ) );
+
+code {
+	background-color: ck-color( 'code' );
+	padding: ck-spacing( 'tiny' );
+	border-radius: $ck-border-radius;
+}